/* OKLogic · FSG Events skin (v82). Black and white brand, one amber accent, light by default, flat surfaces, no glow.
   Scoped to html.fsg, so every other instance keeps its own look. Loaded by the pages a promoter instance uses. */
html.fsg{--acc:#D99A00;--accInk:#1A1200;--ok:#1E9E5A;--surface2:#F6F5F2}
html.fsg.light{--bg:#F6F5F2;--card:#FFFFFF;--ink:#141414;--ghost:rgba(20,20,20,.6);--line:rgba(20,20,20,.1);--red:#D93025;--gold:#B07A00;--em:#141414!important}
html.fsg:not(.light){--bg:#0F0F0F;--card:#171717;--ink:#FFFFFF;--ghost:rgba(255,255,255,.62);--line:rgba(255,255,255,.1);--red:#FF6B6B;--gold:#FFB800;--acc:#FFB800;--ok:#5BE39A;--surface2:#1F1F1F;--em:#FFFFFF!important}
html.fsg,html.fsg body{background:var(--bg)!important}
html.fsg body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}
html.fsg h1,html.fsg h2,html.fsg h3{letter-spacing:-.02em}
html.fsg .num,html.fsg .n,html.fsg .v,html.fsg .d{font-variant-numeric:tabular-nums lining-nums}
html.fsg .top h1{font-weight:700;font-size:22px;color:var(--ink)}
html.fsg .wordmark{text-shadow:none}
html.fsg .live{animation:none;box-shadow:none}

/* surfaces */
html.fsg .card,html.fsg .pn,html.fsg .tw,html.fsg .st,html.fsg .tile,html.fsg .panel,html.fsg #modal,html.fsg #aipanel,html.fsg #evdr,html.fsg .sugg{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:none;backdrop-filter:none}
html.fsg .card{padding:18px 20px}
html.fsg .card h2{font-size:15px;font-weight:700}
html.fsg .tile.bad,html.fsg .tile.warn{background:var(--card)}

/* buttons, chips, inputs */
html.fsg button{background:var(--ink);color:var(--bg);border-radius:8px;font-weight:600;font-size:13px;padding:9px 14px}
html.fsg button.ghostb{background:transparent;border:1px solid var(--line);color:var(--ink)}
html.fsg button.redb{background:transparent;border:1px solid color-mix(in srgb,var(--red) 45%,transparent);color:var(--red)}
html.fsg .bt{text-decoration:none;border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px;color:var(--ink);border:1px solid var(--line);background:var(--card)}
html.fsg .bt:hover{border-color:var(--ghost)}
html.fsg .bt.pri{background:var(--ink);border-color:var(--ink);color:var(--bg)!important}
html.fsg .bt.sm{padding:5px 10px;font-size:12px}
html.fsg .bt.dng{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent);background:transparent}
html.fsg .chip{background:transparent;border:1px solid var(--line);color:var(--ghost);font-weight:600;font-size:11.5px;padding:3px 9px}
html.fsg .chip.on{background:var(--acc);border-color:var(--acc);color:var(--accInk)}
html.fsg .chip.g{background:var(--surface2);border-color:transparent;color:var(--ghost)}
html.fsg .chip.w{background:transparent;border-color:var(--acc);color:var(--gold)}
html.fsg .chip.b{background:color-mix(in srgb,var(--red) 10%,transparent);border-color:color-mix(in srgb,var(--red) 35%,transparent);color:var(--red)}
html.fsg .tag,html.fsg .tag.mgr{border-color:var(--line);color:var(--ghost)}html.fsg .tag.mgr{color:var(--ink);border-color:var(--ink)}
html.fsg input,html.fsg textarea,html.fsg select,html.fsg .ff input,html.fsg .ff select,html.fsg .ff textarea,html.fsg table.tb input,html.fsg table.tb select,html.fsg .rv textarea{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;font-family:inherit}
html.fsg input:focus,html.fsg textarea:focus,html.fsg select:focus{outline:2px solid color-mix(in srgb,var(--ink) 25%,transparent);outline-offset:0;border-color:var(--ghost)}
html.fsg .langsw{border-color:var(--line);border-radius:7px}html.fsg .langsw b{color:var(--ghost)}html.fsg .langsw b.on{background:var(--ink);color:var(--bg)}
html.fsg .modesw b[data-m=blue]{display:none}
html.fsg .stoast{background:var(--ink);color:var(--bg)!important;border-radius:8px;font-weight:600}

/* sidebar and phone bar */
html.fsg #sidebar{background:var(--card);border-right:1px solid var(--line);box-shadow:none}
html.fsg #sidebar .sblogo{padding:4px 10px 18px;border-bottom:0;margin-bottom:6px}
html.fsg #sidebar .sblogo img{height:38px}
html.fsg #sidebar a.sbi{font-weight:500;color:var(--ghost);border-radius:8px;padding:8px 10px}
html.fsg #sidebar a.sbi:hover{background:var(--surface2);color:var(--ink)}
html.fsg #sidebar a.sbi.on{background:var(--surface2);color:var(--ink);font-weight:600}
html.fsg #sidebar .sbfoot{border-top:1px solid var(--line)}
html.fsg #sidebar .sbinst{color:var(--ghost)}
html.fsg #sidebar .sbpow{color:var(--ghost)}
html.fsg #sbBtn{background:var(--card);border-color:var(--line);box-shadow:none;border-radius:8px}
html.fsg #okTab{background:var(--card)!important;border-top:1px solid var(--line);box-shadow:none}
html.fsg #okTab a{color:var(--ghost);font-weight:500}html.fsg #okTab a.on{color:var(--ink);font-weight:600}
html.fsg #okTab .oslot{background:var(--ink)!important;box-shadow:0 0 0 5px var(--card)!important}
html.fsg #sbShade.open{background:rgba(0,0,0,.35)}

/* Marshal: a plain sphere, no glow */
html.fsg #aiorb .core{background:radial-gradient(circle at 35% 30%,#fff 0%,color-mix(in srgb,var(--ink) 55%,#fff) 10%,var(--ink) 48%,var(--ink) 100%);box-shadow:inset -5px -7px 12px rgba(0,0,0,.35);animation:none}
html.fsg:not(.light) #aiorb .core{background:radial-gradient(circle at 35% 30%,#fff 0%,#fff 12%,#d9d9d9 50%,#8a8a8a 100%);box-shadow:inset -5px -7px 12px rgba(0,0,0,.25)}
html.fsg #aiorb .ring{border-color:var(--line);animation:none}html.fsg #aiorb .ring.r2,html.fsg #aiorb .ring.r3{display:none}html.fsg #aiorb .swirl{display:none}
html.fsg #aiorb.thinking .ring{border-color:var(--acc);animation:oring 1.2s linear infinite;border-style:dashed}
html.fsg #aiorb .olabel{color:var(--ghost)}
html.fsg #aipanel{border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
html.fsg #aipanel .chipq{border-color:var(--line);color:var(--ink);border-radius:8px}
html.fsg #aipanel .brief{background:var(--surface2);border-color:var(--line)}html.fsg #aipanel .brief .bh{color:var(--ink)}
html.fsg #aipanel .act{background:var(--surface2);border-color:var(--line)}html.fsg #aipanel .act .go{background:var(--ink);color:var(--bg)}html.fsg #aipanel .act .no{color:var(--ink);border-color:var(--line)}

/* tables and lists */
html.fsg table.tb th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ghost);font-weight:600;padding:10px 12px}
html.fsg table.tb td{padding:9px 12px}
html.fsg table.tb tr.rw:hover td{background:var(--surface2)}
html.fsg table.tb tr.tot td{border-top:1px solid var(--line2,var(--line))}
html.fsg .st{padding:12px 14px}html.fsg .st .n{font-weight:700;font-size:21px}html.fsg .st.good .n{color:var(--ok)}html.fsg .st.warn .n{color:var(--gold)}
html.fsg .kv{font-size:13.5px}
html.fsg .bar{background:color-mix(in srgb,var(--ink) 8%,transparent)}html.fsg .bar i{background:var(--ink)}html.fsg .bar i.over{background:var(--red)}
html.fsg .ring .rf{stroke:var(--ink)}html.fsg .ring .rb{stroke:color-mix(in srgb,var(--ink) 8%,transparent)}
html.fsg .pace .sl{stroke:var(--ink);stroke-width:2.2}html.fsg .pace .sp{fill:var(--acc)}html.fsg .pace .tl{stroke:var(--ghost);stroke-opacity:.5}html.fsg .pace .td{stroke:var(--acc)}html.fsg .pace .tdl{fill:var(--gold)}
html.fsg .tabs{border-bottom:0;gap:4px;margin-top:14px}
html.fsg .tabs button{background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 12px;color:var(--ghost);font-weight:500}
html.fsg .tabs button.on{background:var(--card);border-color:var(--line);color:var(--ink);font-weight:600}
html.fsg .tabs button .n{opacity:.8}
html.fsg .task .t input:focus{border-bottom-color:var(--ink)}
html.fsg .task .due.late{color:var(--red)}
html.fsg .stars b.on{color:var(--acc)}
html.fsg .rdone{background:var(--surface2);border-color:var(--line)}
html.fsg .rcpt a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line)}
html.fsg .sitepage{border-color:var(--line);color:var(--ink)}
html.fsg .ok{color:var(--ok)}html.fsg .warn{color:var(--gold)}html.fsg .bad{color:var(--red)}
html.fsg #evdr{box-shadow:-10px 0 40px rgba(0,0,0,.12);border-radius:0}
html.fsg #evdr h2{font-size:17px;font-weight:700}
html.fsg #evback{background:rgba(0,0,0,.35)}
html.fsg .ff label{color:var(--ghost);font-size:12.5px}
html.fsg .sver{color:var(--ghost);opacity:.7}
html.fsg .ev-meta{color:var(--ghost)}
html.fsg .ehead h2{font-weight:700;font-size:24px}
html.fsg .tbar .hint{color:var(--ghost)}
html.fsg .pk{color:var(--ink)}
html.fsg .cat .bar i{background:var(--ink)}
@media(max-width:700px){html.fsg .top h1{font-size:19px!important}}

/* the Marshal page */
html.fsg .orb{width:150px;height:150px;margin:10px 0 4px}
html.fsg .orb .core{inset:22px;background:radial-gradient(circle at 35% 30%,#fff 0%,color-mix(in srgb,var(--ink) 55%,#fff) 10%,var(--ink) 48%,var(--ink) 100%);box-shadow:inset -12px -16px 28px rgba(0,0,0,.35);animation:none}
html.fsg:not(.light) .orb .core{background:radial-gradient(circle at 35% 30%,#fff 0%,#fff 12%,#d9d9d9 50%,#8a8a8a 100%);box-shadow:inset -12px -16px 28px rgba(0,0,0,.25)}
html.fsg .orb .ring{border-color:var(--line);animation:none}html.fsg .orb .ring.r2,html.fsg .orb .ring.r3,html.fsg .orb .swirl,html.fsg .orb .lat{display:none}
html.fsg .orb.thinking .ring{border-color:var(--acc);border-style:dashed;animation:ring 1.2s linear infinite}
html.fsg .asktitle{font-weight:700}
html.fsg .chipq{border-color:var(--line);color:var(--ink);border-radius:8px;background:var(--card)}html.fsg .chipq:hover{background:var(--surface2)}
html.fsg .askbox input{border-radius:10px}html.fsg .askbox button{border-radius:10px}
html.fsg .bubble{box-shadow:none;border-radius:12px;font-size:14.5px}html.fsg .bubble.brief{background:var(--surface2)}
html.fsg .ver{color:var(--ghost);opacity:.6}