/* A daylight spotting interface; specialist sky/3D scenes retain their own palette. */
:root {
  color-scheme: light;
  --ink: #edf3f7;
  --panel: #ffffff;
  --panel-2: #f1f5f9;
  --line: #d5e0e9;
  --text: #172c40;
  --muted: #52697e;
  --faint: #647a8e;
  --amber: #925500;
  --amber-ink: #ffffff;
  --cyan: #006a9f;
  --red: #b52c38;
  --green: #147854;
}
.top { background: #fff; box-shadow: 0 2px 12px #16334d08; }
.brand { letter-spacing: -.01em; }
.brand svg circle { stroke: #0074a6; }
.brand svg path { fill: #925500; }
#map { background: #e9eef2; }
.location-bar { background: #f7fafc; }
.demo-location .location-bar { background: #fff7e8; border-bottom-color: #eed5a6; }
.demo-location .location-choice strong,
.demo-location .change-label { color: #825000; }
.sheet { box-shadow: 0 10px 36px #17394d18; }
.next-plane {
  background: linear-gradient(140deg, #f2f9fd, #fff);
  border-color: #bfd7e7;
  box-shadow: 0 5px 18px #1b405510;
}
.next-top { color: #006a9f; font-weight: 600; }
.next-eta { color: #825000; background: #fff0d4; border-radius: 7px; padding: 3px 7px; }
.next-name { color: #17334d; }
.next-look { color: #203c52; }
.next-cta { color: #00689b; }
.home-nav button { background: #f7fafc; color: #27475e; }
.map-btn, .map-recenter, .rw-bar {
  background: #ffffffed; color: #254459; box-shadow: 0 3px 14px #193d541c;
}
.map-btn.active, .map-btn[aria-pressed=true] { background: #e4f3fa; color: #006a9f; }
.leaflet-control-attribution { background: #ffffffdf !important; color: #52697e !important; }
.leaflet-control-attribution a { color: #006a9f !important; }
.plane-icon.sel::before { border-color: #006a9f; }
.plane-icon .tag { color: #613b00; text-shadow: 0 1px 2px #fff, 0 0 3px #fff; }
.row:hover, .row:focus-visible { background: #eef6fb; }
.row .r1 { color: #17334d; }
.row .r2, .row .r1 .ty { color: #52697e; }
.silo path { stroke: #476781; stroke-width: 1.2; stroke-linejoin: round; }
.tab[aria-selected=true], .seg button[aria-pressed=true] { background: #006a9f; color: #fff; }
.filters button[aria-pressed=true] { background: #e2f2fa; border-color: #a8d2e6; color: #005e8e; }
.chip.mil { background: #eaf1d9; color: #415d10; }
.chip.rare { background: #fff0d0; color: #7a4700; }
.chip.phase { background: #e3f1fa; color: #005e8e; }
.chip.newt { background: #dff4e9; color: #166443; }
.pass { background: #fff7e7; border-color: #e9d4a4; }
.see.good { color: #166443; }
.see.poor { color: #9c3038; }
.overlay, .location-dialog::backdrop { background: #17344b66; }
.location-dialog, .settings { box-shadow: 0 18px 60px #1234492e; }
.banner { box-shadow: 0 6px 20px #16374e22; }
.toast { box-shadow: 0 8px 22px #16374e22; }
.pick-actions { box-shadow: 0 8px 30px #16374e22; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid #006a9f; outline-offset: 3px; }
.sky, .v3d {
  color-scheme: dark;
  --ink: #0b1322; --panel: #111c30; --panel-2: #17243e; --line: #243453;
  --text: #e7edf6; --muted: #a8b7cd; --faint: #8c9db7;
  --amber: #ffb547; --amber-ink: #2a1a00; --cyan: #6fd3ff;
  color: var(--text);
}
@media (min-width:900px) {
  .sheet, .sheet.full { border: 1px solid #d5e0e9; }
}
@media (max-width:899px) {
  #app.view-list[data-tab=soon]:not(.plane-detail):not(.picking-location) .sheet {
    box-shadow: 0 -8px 30px #17394d24;
  }
}