.basemap-theme-control { background: #fff; color: #20252a; max-width: 240px; }
.basemap-theme-control button { display: block; width: 100%; min-height: 38px; padding: 7px 12px; border: 0; border-radius: 3px; background: inherit; color: inherit; font: 600 13px/1.4 system-ui, sans-serif; cursor: pointer; }
.basemap-theme-control button:focus-visible { outline: 3px solid #2177d2; outline-offset: 2px; }
.basemap-theme-control [role="status"] { display: block; padding: 4px 10px 8px; font: 12px/1.4 system-ui, sans-serif; }
.basemap-theme-control [hidden] { display: none; }
body.dark-theme .basemap-theme-control { background: #242a32; color: #f2f4f7; }
.leaflet-maplibre-gl { pointer-events: none; }
#app-topbar .basemap-theme-control { position: relative; float: none; clear: none; flex: 0 0 auto; margin: 0; box-shadow: none; }
#app-topbar .basemap-theme-control button { min-height: 30px; padding: 4px 8px; }
#app-topbar .basemap-theme-control [role="status"] { position: absolute; top: 100%; inset-inline-end: 0; width: 220px; background: inherit; color: inherit; border-radius: 3px; }
@media (max-width: 799px) {
  #app-topbar.basemap-theme-host { height: 40px; flex-wrap: nowrap; align-items: center; }
  #app-topbar #view-tabs { flex: 1 1 auto; min-width: 0; overflow-x: auto; }
  #app-topbar #view-tab-hint { display: none; }
}