/* Day theme + theme toggle. Night is unchanged: these rules apply only under
   html[data-theme="day"], except #theme-ctl which is new chrome in both modes. */
#theme-ctl{display:flex;align-items:center;flex:none;border:1px solid var(--line);background:#0a1012}
#theme-ctl button{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;padding:5px 7px;background:transparent;border:0;color:var(--dim);cursor:pointer}
#theme-ctl button.on{color:var(--amber);background:#ffb00018;box-shadow:inset 0 0 0 1px #ffb00066}
#theme-ctl button:hover{color:var(--txt)}
@media (max-width:760px){
  #theme-ctl button{font-size:8.5px;padding:3px 5px;letter-spacing:.08em}
}

/* Day v2 (Nov 11 2026, Lance 10:14/10:18 AM CST): a clear step lighter than v1, still the dark command-center look.
   Lifted-charcoal panels, near-white text, mid-slate map (map colors live in theme.js MAP_DAY). Alert colors unchanged. */
html[data-theme="day"]{
  --bg:#3a4650;
  --panel:rgba(36,45,52,.95);
  --line:#6a7e87;
  --txt:#f6fafb;
  --dim:#d0dce0;
  --gray:#b8c1c6;
}
html[data-theme="day"],html[data-theme="day"] body{background:var(--bg);color:var(--txt)}
html[data-theme="day"] #vignette{background:radial-gradient(ellipse at center,transparent 70%,rgba(10,14,18,.22) 100%)}
html[data-theme="day"] #vignette:after{opacity:.12}
html[data-theme="day"] #grid{background-image:linear-gradient(rgba(127,236,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(127,236,255,.07) 1px,transparent 1px)}
html[data-theme="day"] #sweep{opacity:.6}
/* chrome: top bar, ticker, HUD */
html[data-theme="day"] #topbar{background:linear-gradient(#1d252bf2,#1d252b00);border-bottom-color:#ffb00077}
html[data-theme="day"] #ticker{background:#1d252b;border-top-color:#ffb00099;color:var(--txt)}
html[data-theme="day"] #cyber-ticker{background:#16303a;border-top-color:#3fe0ff88}
html[data-theme="day"] #cyber-ticker-track{color:#f2fbfd}
html[data-theme="day"] #hud{text-shadow:0 0 3px #0b1216,0 0 6px #0b1216,0 0 10px #3fe0ff55}
html[data-theme="day"] .clock span{text-shadow:0 0 3px #0b1216,0 0 10px #ffb00088}
html[data-theme="day"] .clock label{color:#e4ecef;text-shadow:0 0 3px #0b1216}
html[data-theme="day"] .brand{text-shadow:0 0 3px #0b1216}
html[data-theme="day"] .maplibregl-ctrl-attrib{background:rgba(29,37,43,.85)!important}
html[data-theme="day"] .maplibregl-ctrl-attrib,html[data-theme="day"] .maplibregl-ctrl-attrib a{color:#d0dce0!important}
html[data-theme="day"] .maplibregl-ctrl-group{background:#2c373f;border-color:var(--line)}
html[data-theme="day"] .maplibregl-ctrl-group button span{filter:invert(1)}
/* buttons and controls */
html[data-theme="day"] #feeds-btn,html[data-theme="day"] #signin-btn,html[data-theme="day"] #acct-btn,html[data-theme="day"] #theme-ctl,html[data-theme="day"] #hud #admin-btn{background:#2c373f}
html[data-theme="day"] #theme-ctl button{color:#d0dce0}
html[data-theme="day"] #theme-ctl button.on{color:#ffc233;background:#ffb00026}
html[data-theme="day"] #close,html[data-theme="day"] .pclose,html[data-theme="day"] .auth-h button{background:#1d252b}
html[data-theme="day"] .links a,html[data-theme="day"] .vote button,html[data-theme="day"] .rel button,html[data-theme="day"] .auth-btn,html[data-theme="day"] .tip-btn,html[data-theme="day"] #adm-cap,
html[data-theme="day"] .auth-b input,html[data-theme="day"] .tip-form input,html[data-theme="day"] .tip-form textarea,html[data-theme="day"] .code-row .box{background:#2c373f}
html[data-theme="day"] .src,html[data-theme="day"] .links a,html[data-theme="day"] .rel button,html[data-theme="day"] #adm-cap,html[data-theme="day"] .tl,html[data-theme="day"] .att-box.none,
html[data-theme="day"] .auth-b input,html[data-theme="day"] .code-row .box,html[data-theme="day"] .voters .av,html[data-theme="day"] .voters .v-av{border-color:#6a7e87}
/* panels, cards, lists */
html[data-theme="day"] #feed-list li,html[data-theme="day"] .infra li,html[data-theme="day"] .fh li,html[data-theme="day"] .voters li{border-bottom-color:#3b4952;border-top-color:#3b4952}
html[data-theme="day"] .xcard,html[data-theme="day"] .srcs li,html[data-theme="day"] .standing,html[data-theme="day"] .st{background:#1e262c;border-color:#4d5f68}
html[data-theme="day"] .xc-view{border-top-color:#4d5f68}
html[data-theme="day"] .trust .bar,html[data-theme="day"] .adm-bar{background:#3b4952}
html[data-theme="day"] #admin,html[data-theme="day"] #acct-menu,html[data-theme="day"] #auth,html[data-theme="day"] #tip{background:#242d34f7}
html[data-theme="day"] #toast{background:#1d252b;color:var(--txt)}
html[data-theme="day"] .cam,html[data-theme="day"] .cam-frame,html[data-theme="day"] .radar-embed{background:#1a2126;border-color:#4d5f68}
html[data-theme="day"] .cam,html[data-theme="day"] .cam-ph{color:#d0dce0}
html[data-theme="day"] .d-sum,html[data-theme="day"] .auth-b p,html[data-theme="day"] .auth-sent,html[data-theme="day"] .tip-form .hint,html[data-theme="day"] .tl span{color:#eef4f6}
html[data-theme="day"] .d-band.hb{background:#1d3e46}
/* map overlays: labels on pins get a solid dark plate; gray beacons get a dark halo so they read on slate land */
html[data-theme="day"] .beacon .lbl,html[data-theme="day"] .fac-pin .fac-lbl,html[data-theme="day"] .origin-pin .origin-lbl{background:#0b1216e6}
/* v3 pins (Lance 11:03 AM): no dark ring around the dot in DAY; a thin light stroke so the dot + halo read cleanly */
html[data-theme="day"] .beacon .core{border:1px solid #ffffffd9;inset:4px}
html[data-theme="day"] .beacon.gray .core{box-shadow:0 0 6px #ffffff40}
html[data-theme="day"] .beacon.red .core{box-shadow:0 0 14px var(--red),0 0 24px #ff2b2b99}
html[data-theme="day"] .beacon.yellow .core{box-shadow:0 0 12px var(--yellow)}
html[data-theme="day"] .beacon.green .core{box-shadow:0 0 10px var(--green)}
html[data-theme="day"] .beacon.l1 .core{inset:9px;box-shadow:0 0 20px 6px var(--red)}
html[data-theme="day"] .beacon.is-new .newring{box-shadow:0 0 10px currentColor,0 0 2px #fff8}
html[data-theme="day"] .origin-pin .origin-core{border:1px solid #ffffffd9;inset:5px}
html[data-theme="day"] .nws-label .txt{background:#0b1216e6;color:#fff}
html[data-theme="day"] .nws-label .mark{border:1px solid #ffffffd9}


/* LIVE FEED search, day theme */
html[data-theme="day"] .feed-search input,html[data-theme="day"] .feed-search button{background:#2c373f;border-color:#6a7e87;color:var(--txt)}
html[data-theme="day"] .feed-search input:focus{outline-color:#1d252b;border-color:#1d252b}