/* LIGHT SCI-FI CHAT THEME — Oscar 2026-10-09 "Go" (portal #general). Matches the Today page
   light layer in hub.css. Loaded LAST on /agent/* (end of agent.html) so it wins on document
   order; !important only where agent.html re-declares later. Mock source: gojo
   workspace/hub-redesign-v2/chat-scifi.css + shoot.py. Remove the <link> to roll back. */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap");
:root{
  --bg:#f5f8ff; --bg-2:#eef3ff;
  --s1:#ffffff; --s2:#eef3ff; --s3:#ffffff; --well:#f3f6fe;
  --fg:#0b1533; --dim:#4a5878; --mute:#5d6b8f;
  --ink:rgba(11,21,51,.96); --ink-2:rgba(11,21,51,.82); --ink-3:rgba(11,21,51,.64);
  --ink-4:rgba(37,99,235,.22); --ink-5:rgba(37,99,235,.08);
  --line:rgba(37,99,235,.18); --line-2:rgba(37,99,235,.30); --edge:rgba(37,99,235,.10);
  --blue:#2563eb; --blue-hi:#1d4ed8; --blue-lo:#5d6b8f; --blue-line:rgba(37,99,235,.30);
  --brand:#2563eb; --accent:#2563eb;
  --red:#2563eb; --red-wash:rgba(37,99,235,.07); --red-line:rgba(37,99,235,.22);
  --live:#059669; --live-mark:#10b981; --degrade:#d97706; --down:#dc2626; --good:#059669; --bad:#dc2626;
  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px;
  --sh-1:0 1px 2px rgba(37,99,235,.06);
  --sh-2:0 1px 3px rgba(37,99,235,.08),0 14px 34px -16px rgba(37,99,235,.22);
  --sh-3:0 24px 56px -20px rgba(37,99,235,.30);
}
html,body{background:
  radial-gradient(900px 500px at 85% -10%,rgba(124,58,237,.16),transparent 60%),
  radial-gradient(800px 500px at 30% -20%,rgba(37,99,235,.16),transparent 60%),
  linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px) 0 0/44px 44px,
  #f5f8ff !important;background-attachment:fixed !important}
.rail{background:rgba(255,255,255,.72)!important;background-color:rgba(255,255,255,.72)!important;backdrop-filter:blur(18px);border-right:1px solid var(--line)}
.rail-brand b,.aid h1{font-family:"Space Grotesk",var(--font)!important;letter-spacing:-.01em}
.who.working .d{background:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.2),0 0 10px #10b981}
.chat{background:transparent!important}
.turn.me .bub{background:linear-gradient(135deg,#eaf1ff,#f1ebff)!important;background-color:#eef0ff;border:1px solid rgba(37,99,235,.20)!important;border-radius:18px 18px 6px 18px!important;box-shadow:0 8px 24px -14px rgba(37,99,235,.35)}
.turn:not(.me) .chname{color:#2563eb!important}
.compose{background:rgba(255,255,255,.85)!important;background-color:#fff;backdrop-filter:blur(16px);border:1px solid rgba(37,99,235,.24)!important;border-radius:20px!important;box-shadow:0 18px 44px -18px rgba(37,99,235,.35),0 0 0 4px rgba(37,99,235,.04)!important}
.compose textarea{background:transparent!important}
.btn.primary.csend,#send{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;background-color:#2563eb!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 6px 18px rgba(37,99,235,.35)}
.chat pre{background:#0b1533!important;color:#e6ecff;border-radius:12px}
.aid .dot{box-shadow:0 0 10px currentColor}
.hub-tabbar{background:rgba(238,243,255,.96)!important;background-color:rgba(238,243,255,.96)!important;backdrop-filter:blur(16px);border-top:1px solid rgba(37,99,235,.18)!important}
.hub-tabbar a{color:#2c3a5e!important}
.hub-tabbar a.on{color:#2563eb!important}
.pill.ahome{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;background-color:#2563eb!important;color:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(37,99,235,.30)}
.pill.ahome .ahome-i{filter:none;background-color:#fff}
.rail .who.on,.who.on{background:#e3ebff!important;background-color:#e3ebff!important;color:#0b1533!important;box-shadow:inset 3px 0 0 #2563eb!important}
/* status tag in the chat header: the dark theme's mint (#22d3a5) is 1.73:1 on this light field */
.astate.working{color:#047857!important;border-color:rgba(4,120,87,.35)!important}
.astate.working .d,.astate.working::before{background:#10b981!important}
.astate.down{color:#b91c1c!important}
/* hub rail (#nav) — the chat you're in: #eef3ff alone was invisible on the glass rail */
#nav a.on{background:#dfe8ff!important;box-shadow:inset 3px 0 0 #2563eb!important;color:#0b1533!important;font-weight:650;border-radius:10px}

/* site-wide light layer additions (Oscar 10-09 "Yes everything please") */
.btn.primary,.btn.pri,button.primary,button.btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;background-color:#2563eb!important;color:#fff!important;border:0!important}
.bell{color:#2c3a5e!important;background:#fff!important;border:1px solid rgba(37,99,235,.18)!important}
.hub-app{color:#0b1533!important}
.hub-app>header{background:rgba(255,255,255,.86)!important;background-color:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);border-color:rgba(37,99,235,.16)!important}
.hub-app>header a.brand,.hub-app>header a.brand b{color:#0b1533!important}
.hub-app>header small,.hub-app>header .brand span.hname small{color:#5d6b8f!important}
.navtoggle{color:#0b1533!important;background:#fff!important;border-color:rgba(37,99,235,.24)!important}
/* contrast on the light field (audit 2026-10-09): the dark theme's greens/ambers are too pale here */
:root{--live:#047857;--good:#047857;--degrade:#b45309}
.hub-app>header .brand span.hmark,header .brand span.hmark{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;background-color:#2563eb!important;color:#fff!important}
.gflag{color:#b45309!important}