.basemap-focus-row { position:relative; display:flex; width:max-content; justify-self:end; pointer-events:none; }
.basemap-focus-row button { pointer-events:auto; }
.normal-basemap { position:absolute; right:calc(100% + 8px); top:0; height:100%; display:flex; gap:8px; }
.normal-basemap > span { display:none; }
html[data-theme] .topbar .topbar-right-stack .normal-basemap button {
  width:32px !important; min-width:32px !important; height:100% !important; min-height:0 !important; margin:0; padding:0;
  border:1px solid var(--map-glass-border) !important; border-radius:8px !important;
  background:linear-gradient(145deg,var(--map-glass-highlight),rgba(255,255,255,.03)),var(--map-glass-bg) !important;
  color:var(--map-glass-ink) !important; box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter:blur(14px) saturate(1.10); -webkit-backdrop-filter:blur(14px) saturate(1.10);
  font:500 11px var(--font); letter-spacing:.03em; cursor:pointer;
}
html[data-theme] .topbar .topbar-right-stack .normal-basemap button[aria-pressed="true"] {
  font-weight:900; color:var(--map-glass-ink) !important; border-color:var(--map-glass-border) !important;
  background:linear-gradient(145deg,var(--map-glass-highlight),rgba(255,255,255,.03)),var(--map-glass-bg) !important;
}
.focus-view-actions { position:relative; width:max-content; justify-self:end; }
.focus-basemap { position:absolute; top:100%; right:0; display:flex; align-items:center; width:max-content; gap:2px; color:#fff; text-shadow:0 1px 3px #000,0 0 2px #000; }
.focus-basemap button { appearance:none; min-height:36px; margin:0; padding:0 2px; border:0; border-radius:0; background:transparent; box-shadow:none; color:inherit; text-shadow:inherit; font:400 11px var(--font); cursor:pointer; }
.focus-basemap button[aria-pressed="true"] { font-weight:900; }
.focus-basemap > span { font:400 10px var(--font); }
.normal-map-view .focus-basemap { color:#f4f7f3; text-shadow:0 1px 3px #14252a; }
.normal-basemap button:focus-visible,.focus-basemap button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.leaflet-gl-layer { pointer-events:none; }

/* Approved MAP readability palette, 1 October. SAT drawer styling is retained. */
html[data-theme] body.normal-map-view { --map-weather-solid:var(--app-bg); }
html[data-theme] body.normal-map-view #detail-panel.right-side[data-side-panel="layers"] {
  background:var(--map-weather-solid) !important;
  color:#f4f7f3 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
html[data-theme] body.normal-map-view #detail-panel[data-side-panel="layers"] :is(.detail-body,.detail-handle,.layers-tip,.layer-drawer-grid) {
  background:transparent !important;
  color:#f4f7f3 !important;
  -webkit-text-fill-color:#f4f7f3 !important;
  text-shadow:none !important;
}
html[data-theme] body.normal-map-view #detail-panel[data-side-panel="layers"] :is(.detail-title,.layer-group-label,.sec-hdr) {
  color:#dfc05b !important;
  -webkit-text-fill-color:#dfc05b !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html[data-theme] body.normal-map-view #detail-panel[data-side-panel="layers"] .layer-drawer-btn {
  background:var(--map-weather-solid) !important;
  color:#f4f7f3 !important;
  -webkit-text-fill-color:#f4f7f3 !important;
  opacity:1 !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html[data-theme] body.normal-map-view #detail-panel[data-side-panel="layers"] .layer-drawer-btn.active {
  background:var(--action-primary) !important;
  color:var(--action-text) !important;
  -webkit-text-fill-color:var(--action-text) !important;
  border-color:var(--action-primary) !important;
}

/* Keep installation hit areas/coordinates and the existing violet selection cue. */
html[data-theme] body.normal-map-view #map .marker-installation-symbol:not(.is-selected) {
  width:10px; height:10px;
  background:#000 !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:50% !important;
  transform:none;
}
html[data-theme] body.normal-map-view #map[data-installation-marker-tier="overview"] .marker-installation-symbol:not(.is-selected) { width:6px; height:6px; }
html[data-theme] body.normal-map-view #map[data-installation-marker-tier="regional"] .marker-installation-symbol:not(.is-selected) { width:7px; height:7px; }
html[data-theme] body.normal-map-view #map .marker-installation-symbol:not(.is-selected):hover { transform:scale(1.2); }

/* Regular helicopters: richer yellow without dark body edges or drop shadows.
   Special state colours, altitude colouring and the approved UFO stay intact. */
html[data-theme] body #map .marker-chopper-aircraft:not(.marker-chopper-altitude):has(.marker-chopper-body) {
  filter:none !important;
}
html[data-theme] body #map .marker-chopper-aircraft:not(.marker-chopper-altitude) .marker-chopper-body {
  stroke:none !important;
}
html[data-theme] body #map .marker-chopper-aircraft:not(.marker-chopper-altitude):not(.marker-chopper-coastguard):not(.marker-chopper-dyce-ground):not(.marker-chopper-offshore-stop) .marker-chopper-visual:has(.marker-chopper-body) {
  color:#ffcf23 !important;
}

/* All MAP scales retain their layer palettes; only framing and label ink change. */
html[data-theme] body.normal-map-view .app > .layer-map-legend .layer-map-swatch,
html[data-theme] body.normal-map-view .app > .layer-map-legend .lml-bar {
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}
html[data-theme] body.normal-map-view .app > .layer-map-legend :is(.layer-map-title,.layer-map-sub,.layer-map-row,.layer-map-row span,.lml-labels span,.lml-unit,.ctn-label,.ctn-btn) {
  color:#f4f7f3 !important;
  -webkit-text-fill-color:#f4f7f3 !important;
  text-shadow:0 1px 3px #14252a !important;
}
@media(max-width:900px) {
  .basemap-focus-row { align-self:flex-end; }
  html[data-theme] .topbar .topbar-right-stack .normal-basemap button { width:40px !important; min-width:40px !important; border-radius:12px !important; }
}
@media(max-width:600px) {
  html[data-theme] body .topbar .topbar-right-stack .basemap-focus-row { grid-column:2 !important; grid-row:4 !important; width:46px; height:42px; }
  html[data-theme] body.native-map-controls .topbar .topbar-right-stack .basemap-focus-row { grid-row:3 !important; }
  html[data-theme] .topbar .topbar-right-stack .normal-basemap button { width:46px !important; min-width:46px !important; }
}