/* SledBrain theme: navy background + THREE colours only.
   1) White / light slate = text   2) Sky blue = links, primary buttons, data   3) Amber = warnings & one-off highlights
   Loaded on every page; maps stray colours (emerald, purple, rose, orange, ...) onto this palette and raises small-text legibility. */
:root { --sb-bg: #0b1220; --sb-text: #f1f5f9; --sb-sky: #38bdf8; --sb-amber: #fbbf24; }

/* readability floor */
body { color: var(--sb-text); }
.text-slate-400 { color: #b6c2d4 !important; }
.text-slate-500, .text-slate-600, .text-slate-700 { color: #b6c2d4 !important; }
.text-slate-300 { color: #d5dde9 !important; }
.text-\[8px\], .text-\[9px\], .text-\[10px\] { font-size: 11px !important; line-height: 1.35 !important; }
.text-\[11px\] { font-size: 12px !important; }
::placeholder { color: #94a3b8 !important; opacity: 1 !important; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible { outline: 2px solid var(--sb-sky); outline-offset: 2px; }

/* off-palette colours -> sky (cool) or amber (warm) */
[class~="bg-cyan-300"]{background-color:#38bdf8!important}
[class~="bg-emerald-400"]{background-color:#38bdf8!important}
[class~="bg-emerald-500/15"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-emerald-500/20"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-emerald-950/30"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-emerald-950/90"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-indigo-500/20"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-orange-500"]{background-color:#fbbf24!important}
[class~="bg-orange-500/20"]{background-color:rgba(251,191,36,0.16)!important}
[class~="bg-purple-400/20"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-purple-500/15"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-purple-500/20"]{background-color:rgba(56,189,248,0.16)!important}
[class~="bg-rose-500/20"]{background-color:rgba(251,191,36,0.16)!important}
[class~="bg-rose-500/25"]{background-color:rgba(251,191,36,0.16)!important}
[class~="border-emerald-400"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-emerald-400/25"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-emerald-400/30"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-emerald-400/40"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-emerald-400/50"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-indigo-400/40"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-orange-400/30"]{border-color:rgba(251,191,36,0.45)!important}
[class~="border-purple-400/30"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-purple-400/40"]{border-color:rgba(56,189,248,0.45)!important}
[class~="border-rose-400/40"]{border-color:rgba(251,191,36,0.45)!important}
[class~="hover:bg-emerald-300"]:hover{background-color:#38bdf8!important}
[class~="hover:bg-emerald-400"]:hover{background-color:#38bdf8!important}
[class~="hover:bg-emerald-500/20"]:hover{background-color:rgba(56,189,248,0.16)!important}
[class~="hover:bg-purple-400"]:hover{background-color:#38bdf8!important}
[class~="hover:bg-rose-400"]:hover{background-color:#fbbf24!important}
[class~="hover:bg-rose-500"]:hover{background-color:#fbbf24!important}
[class~="hover:bg-rose-500/20"]:hover{background-color:rgba(251,191,36,0.16)!important}
[class~="text-emerald-200"]{color:#7dd3fc!important}
[class~="text-emerald-300"]{color:#7dd3fc!important}
[class~="text-emerald-400"]{color:#7dd3fc!important}
[class~="text-green-400"]{color:#7dd3fc!important}
[class~="text-indigo-300"]{color:#7dd3fc!important}
[class~="text-orange-300"]{color:#fcd34d!important}
[class~="text-purple-200"]{color:#7dd3fc!important}
[class~="text-purple-300"]{color:#7dd3fc!important}
[class~="text-rose-200"]{color:#fcd34d!important}
[class~="text-rose-300"]{color:#fcd34d!important}

/* mobile tap targets */
@media (max-width: 767px) {
  button:not([class*="w-2"]):not([class*="w-6"]), summary, select { min-height: 40px; }
}
input[type="checkbox"], input[type="radio"] { width: 22px !important; height: 22px !important; min-width: 22px; }
button.h-2[class*="w-"] { position: relative; }
button.h-2[class*="w-"]::after { content: ""; position: absolute; inset: -14px -6px; }

/* small phones */
.glass.shrink-0 { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
@media (max-width: 400px) { .glass.p-8 { padding: 1.25rem !important; } }

/* the standard header already has Install App; hide any copy injected by an older cached script */
nav[aria-label="Main"] .sb-install-app-btn { display: none !important; }

/* Hard kill-switch for retired top safety alert bar & duplicate injected install button */
#sb-top-safety-banner, .sb-install-app-btn { display: none !important; }

/* Force homepage alert scroller to a single horizontal scrolling line across all mobile & desktop devices */
.sb-alerts-viewport { overflow: hidden !important; white-space: nowrap !important; }
.sb-alerts-track { display: inline-flex !important; flex-wrap: nowrap !important; white-space: nowrap !important; width: max-content !important; }
.sb-alerts-group, .sb-alert-item { display: inline-flex !important; flex-wrap: nowrap !important; white-space: nowrap !important; align-items: center !important; flex-shrink: 0 !important; }