/* Oversight website: same UI and colour scheme as the Command Centre app (Inter, white surfaces, navy #1A3C5E brand,
   slate text, 10px buttons, 14px cards). Loaded after app.css. Delete its link to undo. */
:root{
  --bg:#F1F5F9;--side:#ffffff;--card:#ffffff;--card2:#F8FAFC;--line:#E2E8F0;--line2:#CBD5E1;
  --text:#1E293B;--muted:#475569;--dim:#94A3B8;--ink2:#334155;--code:#0F2A45;
  --accent:#1A3C5E;--accent-d:#0F2A45;--accent-l:#2B5A8A;--accent-t:#1A3C5E;--accent2:#2B5A8A;--brand-light:#EBF4FF;
  --ok:#059669;--warn:#D97706;--err:#DC2626;--r:14px;--sh:0 1px 3px rgba(0,0,0,.06);--sh2:0 4px 16px rgba(0,0,0,.07);
  --sans:'Inter',-apple-system,'Segoe UI',sans-serif;color-scheme:light;
}
body{font-family:var(--sans);font-size:14px;background:var(--bg);color:var(--text)}
.announce{background:#1A3C5E;color:#fff;border-bottom:0}
.announce a{color:#fff}
.side{background:#fff;border-right:1px solid var(--line)}
.mark{background:#1A3C5E;color:#fff;border-radius:8px;box-shadow:none}
.brand{color:var(--text);font-weight:700;letter-spacing:-.01em}
.ask{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);font-weight:500;font-size:13px}
.ask:hover{border-color:#1A3C5E}
.ask kbd{border:1px solid var(--line);color:var(--dim)}
.nav{padding:6px 0 10px}
.nav h6{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:14px 20px 4px}
.nav a{height:auto;border-radius:0;border-left:2px solid transparent;padding:9px 20px;font-size:13px;font-weight:450;color:var(--muted);gap:10px}
.nav a svg{width:16px;height:16px;stroke:currentColor}
.nav a:hover{background:var(--card2);color:var(--text)}
.nav a.active{background:var(--brand-light);color:#1A3C5E;border-left-color:#1A3C5E;font-weight:600;box-shadow:none}
.nav a.active svg{stroke:#1A3C5E}
.pill-new{font-family:var(--sans);background:var(--brand-light);color:#1A3C5E;border:0}
.side-foot{border-top:1px solid var(--line)}
.mini{background:var(--card2);border:1px solid var(--line);border-radius:10px}
.top{background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line)}
.crumb{font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--text)}
.btn{height:auto;border-radius:10px;font-size:13px;font-weight:600;padding:8px 16px;line-height:1.4}
.btn.primary{background:#1A3C5E;color:#fff;box-shadow:none}
.btn.primary:hover{background:#0F2A45;filter:none;transform:translateY(-1px)}
.btn.primary svg{stroke:#fff}
.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--text)}
.btn.ghost:hover{border-color:#1A3C5E}
.btn.sm{padding:6px 12px;font-size:12px}
.btn svg,.ask svg,.chat-h svg{stroke:#1A3C5E}
.inp,.field select,textarea.inp{background:#fff;border:1px solid var(--line);border-radius:10px;height:auto;padding:9px 12px;font-size:13px;color:var(--text)}
.inp:focus{outline:none;border-color:#1A3C5E;box-shadow:0 0 0 3px #EBF4FF}
.inp::placeholder{color:var(--dim)}
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1A3C5E}
h1,h2,h3{color:var(--text)}
h1{font-weight:700;letter-spacing:-.025em}
h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#1A3C5E}
h2,h3{font-weight:650}
p,.lede{color:var(--muted)}
.lede{font-size:16px}
a{color:#1A3C5E}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh)}
.card:hover{box-shadow:var(--sh2);border-color:var(--line)}
.card li{color:var(--ink2)}
.card li::before{background:#1A3C5E}
.tag{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;font-weight:600;background:var(--brand-light);color:#1A3C5E;border-color:transparent}
.tag.live{background:#ECFDF5;color:var(--ok);border-color:transparent}
.tag.early{background:var(--brand-light);color:#1A3C5E;border-color:transparent}
.tag.res{background:#FFFBEB;color:var(--warn);border-color:transparent}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.stat.hi{border-color:var(--line)}
.stat .n{background:none;-webkit-background-clip:initial;background-clip:initial;color:#1A3C5E;font-weight:700}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh)}
.dot{color:var(--ok)}
.chip{font-family:var(--sans);background:#fff;border:1px solid var(--line);color:var(--muted);letter-spacing:0}
.chip b{color:var(--text)}
.kv{border-bottom-color:var(--line)}
.kv span:first-child{font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.kv span:last-child{color:var(--ink2)}
.plan.rec{border:2px solid #1A3C5E;box-shadow:var(--sh2)}
.badge{font-family:var(--sans);background:#1A3C5E;color:#fff;box-shadow:none;letter-spacing:.04em}
.seg{background:#fff;border:1px solid var(--line);border-radius:10px}
.seg button{border-radius:8px;font-weight:600;color:var(--muted)}
.seg button.active{background:#EBF4FF;color:#1A3C5E;box-shadow:none}
.band{background:#1A3C5E;border:0;border-radius:14px;color:#fff}
.band h2,.band h3{color:#fff}.band p{color:#CFE3F7}.band .eyebrow{color:#CFE3F7}
.band .inp{background:#fff;color:var(--text)}
.band .btn.primary{background:#fff;color:#1A3C5E}
.band .btn.primary:hover{background:#EBF4FF}
.post{background:#fff}
.post .meta{font-family:var(--sans);letter-spacing:0;color:var(--dim)}
.post:hover{border-color:#1A3C5E}
.article p{color:var(--ink2)}
.article blockquote{color:var(--text);border-left-color:#1A3C5E}
.back{font-family:var(--sans);letter-spacing:0}
footer.foot{border-top:1px solid var(--line);background:#fff}
.chat{background:#fff;border-left:1px solid var(--line);box-shadow:var(--sh2)}
.chat-h,.chat-f{border-color:var(--line)}
.m.bot{background:var(--card2);border:1px solid var(--line);color:var(--ink2)}
.m.me{background:#1A3C5E;color:#fff;box-shadow:none}
.sugg button{background:#fff;border:1px solid var(--line);color:var(--muted)}
.sugg button:hover{border-color:#1A3C5E;color:#1A3C5E}
.scrim,.modal-bd{background:rgba(15,42,69,.55)}
.modal-box{background:#fff;border:1px solid var(--line);border-radius:14px}
.modal-sub{font-family:var(--sans);letter-spacing:0;color:#1A3C5E}
#stripe-card-el{background:#fff}
.shot{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2)}
.shot-bar{border-bottom-color:var(--line)}.shot-bar i{background:var(--line)}
pre.code{background:#0F2A45;border-color:#0F2A45}pre.code code{color:#E2E8F0}
p code{background:var(--card2);border:1px solid var(--line);color:var(--ink2)}
#ms-out{color:var(--ink2)}
.step .n{font-family:var(--sans);color:#1A3C5E;font-weight:700}
.skip{background:#1A3C5E;color:#fff}
