/* Tulasi-inspired control-room hierarchy: navy navigation, white workspace, blue actions. */
:root{--stage:#f3f5f8;--raised:#fff;--raised-2:#f6f8fb;--line:#dce3ec;--line-soft:#e9edf3;--pink:#2579df;--pink-dim:#1763bf;--pink-soft:#e9f2ff;--gold:#ac7a23;--ink:#263449;--ink-dim:#53647a;--ink-faint:#6d7b8e;--ok:#17834b;--warn:#a96d10;--bad:#c53e4b;--glow:0 4px 14px #2579df18;--font-display:Inter,'Segoe UI',sans-serif;color-scheme:light}
body{background:#f3f5f8;background-image:none;font-variant-numeric:tabular-nums}
h1,h2,h3{font-weight:600}.side{background:#26364b;border:0;border-radius:0;padding:14px 0;width:224px}.side .brand{color:#fff;padding:6px 18px 16px;border-color:#ffffff15}.brand small,.side nav .grp{color:#91a5bf}.side nav a{color:#c7d3e3;border-radius:0;padding:12px 22px}.side nav a:hover{background:#1e2d40;color:white}.side nav a.active{color:#fff;background:#1677e8;box-shadow:none}.side #logout{color:#ccd6e3;border-color:#ffffff22;width:calc(100% - 28px);margin:16px 14px}
.topbar-c{background:#fff;backdrop-filter:none;border-bottom:1px solid #e1e6ed;min-height:58px}.topbar-c .crumb{font-size:15px}.panel,.kpi,.stat,.lic{background:#fff;border:1px solid #e0e6ee;box-shadow:0 2px 7px #26344904;border-radius:6px}.panel h2{font-size:17px}
input,select,textarea{background:#fff;border-radius:4px;color:#263449}button{border-radius:4px;background:#2579df;box-shadow:none}button.small{border-radius:4px}button.secondary:hover:not(:disabled){color:#1763bf}button.ghost:hover:not(:disabled){color:#1763bf}
table{background:#fff;font-size:13px}th{background:#f5f7fa;color:#53647a;font-weight:600}td,th{border-color:#e8edf3}tbody tr:hover{background:#f4f8fd}.table-wrap{border-radius:5px;border:1px solid #e1e7ef}.muted{color:#6d7b8e}code,pre{background:#f4f7fb;color:#33465f;border-color:#e0e7ef}.tabs{border-bottom:1px solid #e0e7ef}.gtab,.tab{color:#53647a}.gtab.active,.tab.active{color:#1763bf;background:#e9f2ff}.badge{background:#edf3fa;color:#3b5d85}.ok{color:#17834b}.op{color:#2579df}
.login{background:linear-gradient(130deg,#21354f,#3d6996)}.login .panel{box-shadow:0 20px 60px #11243b55}.modal-box,.modal-card,.dialog{background:#fff;color:#263449;border-color:#dce3ec}.form-grid{min-width:0}.kv dd{overflow-wrap:anywhere}.kpi b,.stat b{color:#263449}
@media(max-width:900px){.side{width:224px}.burger{background:#f4f7fb;color:#33465f}.topbar-c{padding:10px 14px}}
.notice { color:#795016; background:#fff8e8; border-color:#e7c98c; }
/* SL GAMES: gold and magenta identity, with readable neutral workspaces. */
:root { --pink:#ad176b; --pink-dim:#8b1256; --pink-soft:#fff0f8; --gold:#986b15; }
.side { background:#241021; }
.side nav a.active { background:#a31866; }
.side nav a:hover { background:#38152e; }
.side .brand { gap:8px; }
.brand img { object-fit:contain; flex-shrink:0; border-radius:8px; }
.brand .bm { color:#f5d278; }
.brand .bh { color:#ff84c6; }
.brand b { font-size:16px; }
.brand small { font-size:9px; }
button { background:#ad176b; }
button.secondary:hover:not(:disabled), .op { color:#ad176b; }
.gtab.on { color:#8b1256; border-bottom-color:#ad176b; }
.login { background:radial-gradient(ellipse at top,#70124c 0,transparent 65%),linear-gradient(140deg,#160b17,#302016); }
.login .panel > img { width:88px; height:88px; object-fit:contain; }