/* Радар ПФО — «ночной диспетчер»: тема поверх map-liquid.css. Только переменные и оформление, логика не затронута. */
:root{
  --r:16px; --r-s:12px;
}
:root[data-theme="dark"]{
  --bg:#080c11; --tile-bg:#0e151c;
  --panel:rgba(11,17,23,.84); --panel-solid:#0b1117;
  --surface:rgba(255,255,255,.045); --surface-hover:rgba(92,225,255,.09);
  --line:#1b2631; --line-2:#2a3745;
  --text:#edf2f6; --muted:#8a99a7; --dim:#566474;
  --ink:#5ce1ff; --ink-text:#04161c; --accent:#5ce1ff;
  --ok:#4adea3; --warn:#ffd166; --err:#ff4d5a;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 20px 50px -18px rgba(0,0,0,.75),0 0 0 1px rgba(92,225,255,.03);
}
:root[data-theme="light"]{
  --bg:#e6ebef; --tile-bg:#ecf0f3;
  --panel:rgba(255,255,255,.88); --surface:#eef2f5; --surface-hover:#e1f3f8;
  --line:rgba(8,12,17,.10); --line-2:rgba(8,12,17,.18);
  --text:#0c1319; --muted:#566574; --dim:#8693a0;
  --ink:#0c1a22; --ink-text:#f2f8fb; --accent:#0891b2;
}
.map-shell{font-feature-settings:"tnum" 1}
/* panels: crisper hairlines, slightly larger radius */
:root[data-theme="dark"] .map-shell [class*="panel"],
:root[data-theme="dark"] .map-shell [class*="card"]{border-color:var(--line)}
:root[data-theme="dark"] ::selection{background:#5ce1ff;color:#04161c}
:root[data-theme="dark"] .leaflet-container{background:#0a1016}
:root[data-theme="dark"] button:focus-visible,
:root[data-theme="dark"] a:focus-visible,
:root[data-theme="dark"] select:focus-visible{outline:2px solid #5ce1ff;outline-offset:2px}

/* notches and gesture bars: panels must not sit under them (viewport-fit=cover is on) */
.activity-panel{padding-bottom:max(var(--gap,12px),env(safe-area-inset-bottom))}
.topbar{margin-top:env(safe-area-inset-top)}
.legend,.detail-panel{margin-bottom:env(safe-area-inset-bottom)}
@media (max-width:760px){button,.theme-switch button,.feed-toggle,.detail-close{min-height:44px}.detail-close{min-width:44px}}