/* Authorized operator surfaces share the OS shell, with denser information. */
.command-layout {
  --accent:#ffc43d; --accent-hover:#ffd76a; --accent-soft:#ffc43d12;
  --surface:#14151a; --surface2:#1a1b21; --line:#ffffff17; --muted:#a0a2ac;
  --quiet:#81838e; --text:#f2f1eb; --command-silver:#d4d5de;
  display:grid; grid-template-columns:230px minmax(0,1fr); min-height:calc(100svh - 80px);
  background:radial-gradient(ellipse at 100% 0,#ffc43d06,transparent 45%),#0b0c0f;
}
.command-sidebar {
  width:auto; min-width:0; position:sticky; top:82px; align-self:start; height:calc(100svh - 82px);
  padding:35px 17px 22px; background:#0e0f13c9; border-right:1px solid var(--line);
  display:flex; flex-direction:column; z-index:3;
}
.command-wordmark { padding:0 13px 37px; display:grid; grid-template-columns:28px 1fr; gap:12px 10px; }
.command-wordmark>img { grid-row:1/3; width:28px; height:28px; margin-top:3px; }
.command-wordmark .eyebrow { font-size:7px; letter-spacing:1.4px; color:#b7a473; line-height:1.3; }
.command-wordmark strong { font-size:23px; letter-spacing:-1px; margin:0; line-height:1; }
.command-wordmark strong span { color:var(--accent); }
.command-sidebar .sidebar-label { font-size:7px; letter-spacing:1.5px; color:#858893; margin:0 13px 16px; }
.command-sidebar nav { gap:5px; }
.command-sidebar nav a { position:relative; display:flex; gap:12px; align-items:center; min-height:45px; padding:12px;
  border:1px solid transparent; border-radius:5px; color:#aaacb7; font-size:11px; transition:background .15s,color .15s; }
.command-sidebar nav a:hover { background:#ffffff05; color:var(--text); }
.command-sidebar nav a.active { background:#ffc43d09; border-color:#ffc43d20; color:var(--text); box-shadow:none; }
.command-sidebar nav a.active:before { content:""; position:absolute; top:11px; bottom:11px; left:-1px; width:2px; background:var(--accent); }
.command-sidebar nav a.active>svg { color:var(--accent); }
.command-sidebar .active-mark { background:var(--accent); width:4px; height:4px; border-radius:0; transform:rotate(45deg); }
.command-sidebar .sidebar-bottom { margin-top:auto; padding-top:40px; }
.command-operator { display:flex; align-items:center; gap:11px; margin:0 11px 20px; }
.command-operator strong { display:block; font-size:12px; color:var(--command-silver); }
.command-operator small { color:var(--quiet); font-size:9px; text-transform:capitalize; margin-top:5px; display:block; }
.command-sidebar .sidebar-health { display:grid; gap:8px; margin:0 12px 16px; }
.command-sidebar .sidebar-health>.badge { width:fit-content; font-size:7px; letter-spacing:1px; }
.command-sidebar .sidebar-health small { font-size:8px; line-height:1.7; color:#898c98; }
.command-sidebar .sidebar-bottom>.button { color:#b7b9c4; font-size:10px; padding-left:12px; }
.command-main { min-width:0; width:100%; max-width:1600px; padding:25px 3.5% 35px; }
.command-context { display:flex; justify-content:space-between; align-items:center; margin-bottom:27px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.command-context>span { display:flex; gap:8px; align-items:center; color:#8f929e; font-size:7px; letter-spacing:1.6px; }
.command-context>span:first-child svg { color:#b6a273; }
.command-main .page-intro { margin:0 0 26px; padding:0; min-height:0; }
.command-main .page-intro h1 { font-size:clamp(31px,3.2vw,48px); font-weight:800; letter-spacing:-1.8px; line-height:1.1; }
.command-main .page-intro .eyebrow,.command-main .page-intro .section-kicker { font-size:8px; letter-spacing:1.7px; color:#b4a579; }
.command-main .page-intro p { font-size:12px; line-height:1.8; color:#a4a6b0; max-width:620px; }
.command-main .page-intro-actions { gap:8px; }
.command-main .button,.command-main .select-compact { border-radius:5px; min-height:37px; font-size:10px; }
.command-main .button.primary { color:#191609; background:#ffc43d; border-color:#ffc43d; }
.command-main .button.primary:hover { background:#ffd76a; border-color:#ffd76a; }
.command-main .button:not(.primary) { background:#ffffff03; border-color:#ffffff25; color:var(--command-silver); }
.command-main .button:not(.primary):hover { background:#ffffff08; border-color:#ffffff44; }
.command-main .select-compact { background:#111217; border-color:#ffffff28; color:var(--command-silver); }
.command-status-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:18px 0 20px; padding:20px 0;
  border-block:1px solid var(--line); background:linear-gradient(90deg,#ffffff03,transparent); }
.command-status-rail>div { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:0 18px; border-right:1px solid var(--line); }
.command-status-rail>div:first-child { padding-left:17px; }
.command-status-rail>div:last-child { border-right:0; }
.command-status-rail>div>span:first-child { font-size:7px; letter-spacing:1.5px; color:#a2a5b0; flex:1; }
.command-status-rail .badge { font-size:7px; padding:5px 7px; letter-spacing:.5px; }
.command-main .notice { background:#ffc43d07; border:1px solid #ffc43d24; color:#c2b89d; border-radius:5px; font-size:10px; line-height:1.8; }
.command-main .notice svg { color:#c6b47f; }
.command-main .stats-grid { margin:23px 0; gap:0; border-block:1px solid var(--line); background:transparent; }
.command-main .stat-card { background:transparent; border:0; border-right:1px solid var(--line); border-radius:0; padding:25px 23px; box-shadow:none; }
.command-main .stat-card:first-child { padding-left:0; }
.command-main .stat-card:last-child { border-right:0; }
.command-main .stat-card:before,.command-main .stat-card:after { display:none; }
.command-main .stat-label { color:#a3a6b0; font-size:9px; }
.command-main .stat-label svg { color:#bbac80; width:15px; height:15px; }
.command-main .stat-card>strong { font-size:clamp(24px,3vw,40px); color:var(--text); letter-spacing:-1.6px; font-weight:650; margin:13px 0 8px; font-variant-numeric:tabular-nums; }
.command-main .stat-card>small { font-size:9px; color:#898d9b; line-height:1.7; }
.command-main .dashboard-two { gap:22px; margin-top:22px; align-items:stretch; }
.command-main .panel { position:relative; border:1px solid var(--line); border-radius:7px; background:linear-gradient(130deg,#18191e,#121318 80%); padding:26px; box-shadow:none; }
.command-main .panel:hover { transform:none; }
.command-main .panel-head { gap:18px; align-items:start; }
.command-main .panel-head h2 { font-size:20px; font-weight:650; letter-spacing:-.7px; color:var(--text); }
.command-main .panel-head .eyebrow { font-size:7px; letter-spacing:1.6px; color:#a4a7b3; margin-bottom:10px; }
.command-main .panel-head>svg { color:#b8ac89; }
.command-main .panel-head .text-link { font-size:9px; color:#b9bdc8; white-space:nowrap; }
.command-main .chart-header { margin-top:34px; margin-bottom:20px; }
.command-main .chart-header strong { font-size:44px; letter-spacing:-2px; font-weight:650; color:#e8e8e9; }
.command-main .chart-header div>span { color:#9497a5; font-size:9px; }
.command-main .chart-legend { color:#acafba; font-size:8px; }
.command-main .chart-legend i { background:var(--accent); border-radius:1px; width:5px; height:5px; }
.command-main .chart svg path[stroke="#b4fa57"] { stroke:var(--accent); }
.command-main .chart svg circle[fill="#b4fa57"] { fill:var(--accent); }
.command-main .chart svg stop[stop-color="#b4fa57"] { stop-color:var(--accent); }
.command-main .chart svg path[stroke="#262d28"] { stroke:#ffffff14; }
.command-main .mini-metrics { gap:24px 15px; margin-top:27px; }
.command-main .mini-metrics>div { border-top:1px solid #ffffff0e; padding-top:12px; }
.command-main .mini-metrics>div>span { color:#999dab; font-size:10px; }
.command-main .mini-metrics strong { font-size:29px; font-weight:550; letter-spacing:-1px; margin-top:9px; font-variant-numeric:tabular-nums; color:var(--text); }
.command-main .mini-note { color:#9296a4; font-size:9px; line-height:1.85; margin-top:18px; }
.command-panel-action { margin-top:23px; }
.command-main .health-line { min-height:57px; font-size:11px; border-color:#ffffff12; }
.command-main .health-line>span:first-child { color:#b6b9c4; }
.command-main .health-line>strong { color:var(--command-silver); }
.command-control-key { display:block; color:#818695; font-size:8px; margin-top:6px; }
.command-main .toggle { background:#24262e; border:1px solid #ffffff2f; }
.command-main .toggle.on { background:#ffc43d20; border-color:#ffc43d70; }
.command-main .toggle.on span { background:var(--accent); }
.command-main .table-wrap { margin-inline:-7px; max-width:calc(100% + 14px); scrollbar-color:#505360 transparent; }
.command-main table { width:100%; border-collapse:collapse; }
.command-main th { color:#9a9eae; font-size:7px; letter-spacing:1.4px; background:transparent; border-color:#ffffff15; padding:16px 9px; }
.command-main td { color:#c2c5d0; padding:16px 9px; border-color:#ffffff10; font-size:11px; font-variant-numeric:tabular-nums; }
.command-main tbody tr { transition:background .15s; }
.command-main tbody tr:hover { background:#ffffff03; }
.command-main td>strong,.command-main .table-game strong,.command-main .table-person strong { color:#e1e2e6; font-size:11px; font-weight:600; }
.command-main td small { color:#858b9b; font-size:9px; line-height:1.7; }
.command-main .table-game img { border-radius:4px; width:45px; height:37px; }
.command-main .search-field { border:1px solid #ffffff24; background:#0b0c10; border-radius:6px; min-height:43px; }
.command-main .search-field input { color:#e5e6eb; font-size:12px; }
.command-main .search-field input::placeholder { color:#8b90a0; }
.command-main .badge { border-radius:3px; font-size:7px; letter-spacing:.6px; padding:5px 7px; background:#ffffff08; color:#bbc0cc; border:1px solid #ffffff12; }
.command-main .badge.green { background:#78d9a00a; color:#8ad1a7; border-color:#78d9a027; }
.command-main .badge.amber { background:#ffc43d08; color:#d1c39d; border-color:#ffc43d22; }
.command-main .badge.red { background:#f08d8d0a; color:#f1a3a4; border-color:#f08d8d2b; }
.command-main .badge.purple { background:#bcacf00d; color:#c7bbef; border-color:#bcacf02e; }
.command-main .empty-state { min-height:200px; background:transparent; }
.command-main .empty-state>svg { color:#b7a372; }
.command-main .empty-state h3 { font-size:20px; color:#e5e5e8; }
.command-main .empty-state p { font-size:11px; color:#999fab; max-width:440px; }
.command-main .platform-footer { border-top:1px solid var(--line); margin-top:35px; padding-top:22px; color:#8a8f9c; font-size:7px; letter-spacing:1px; }
.command-moderation { margin-top:22px; }
.command-report-reason { margin:12px 0; line-height:1.7; }
.command-main .audit-entry { border-color:var(--line); }
.command-main .audit-entry blockquote { margin:15px 0; }
.command-layout :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@media(min-width:1650px) { .command-layout { grid-template-columns:255px minmax(0,1fr); } .command-main { padding-inline:4%; } }
@media(max-width:1150px) {
  .command-layout { grid-template-columns:200px minmax(0,1fr); }
  .command-sidebar { padding-inline:12px; }
  .command-wordmark { grid-template-columns:1fr; gap:8px; padding-inline:10px; } .command-wordmark>img { display:none; }
  .command-sidebar nav a { padding-inline:10px; font-size:10px; gap:9px; }
  .command-main { padding-inline:3%; }
  .command-main .dashboard-two { grid-template-columns:1fr; }
  .command-status-rail { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 0; }
  .command-status-rail>div:nth-child(2) { border:0; }
  .command-main .stat-card { padding-inline:14px; } .command-main .stat-label { font-size:8px; }
  .command-main .stat-card>strong { font-size:29px; } .command-main .stat-card>small { font-size:8px; }
}
@media(max-width:760px) {
  .command-layout { display:block; min-height:calc(100svh - 75px); }
  .command-sidebar { position:relative; top:auto; height:auto; padding:10px 4%; border-right:0; border-bottom:1px solid var(--line); }
  .command-wordmark,.command-sidebar .sidebar-label,.command-sidebar .sidebar-bottom { display:none; }
  .command-sidebar nav { display:flex; flex-direction:row; overflow:auto; gap:6px; scrollbar-width:none; }
  .command-sidebar nav a { flex-shrink:0; min-height:39px; padding:10px 13px; font-size:9px; }
  .command-sidebar nav a svg { width:14px; height:14px; } .command-sidebar .active-mark { display:none; }
  .command-sidebar nav a.active:before { left:12px; right:12px; width:auto; height:2px; top:auto; bottom:0; }
  .command-main { padding:20px 5% 100px; }
  .command-context { margin-bottom:23px; } .command-context>span { font-size:6px; letter-spacing:1px; }
  .command-main .page-intro h1 { font-size:34px; letter-spacing:-1.4px; }
  .command-main .page-intro p { font-size:11px; } .command-main .page-intro .eyebrow { font-size:7px; }
  .command-status-rail { margin-block:22px; padding-block:17px; gap:18px 0; }
  .command-status-rail>div { padding-inline:13px; gap:7px; }
  .command-status-rail>div>span:first-child { font-size:6px; letter-spacing:1px; flex-basis:100%; }
  .command-status-rail .badge { font-size:6px; }
  .command-main .stats-grid { grid-template-columns:1fr 1fr; }
  .command-main .stat-card { padding:19px 14px; border-bottom:1px solid var(--line); }
  .command-main .stat-card:nth-child(odd) { padding-left:0; } .command-main .stat-card:nth-child(even) { border-right:0; }
  .command-main .stat-card:nth-last-child(-n+2) { border-bottom:0; }
  .command-main .stat-card>strong { font-size:30px; }
  .command-main .panel { padding:21px 18px; } .command-main .panel-head h2 { font-size:19px; }
  .command-main .panel-head .text-link { font-size:8px; }
  .command-main .mini-metrics strong { font-size:26px; }
  .command-main .table-wrap { overflow-x:auto; } .command-main table { min-width:470px; }
  .command-main td { font-size:10px; } .command-main .table-game strong { white-space:normal; min-width:100px; }
  .command-main .table-toolbar { flex-wrap:wrap; } .command-main .table-toolbar .search-field { width:100%; flex-basis:100%; }
  .command-main .table-toolbar input { font-size:16px; }
  .command-main .health-line { font-size:10px; }
  .command-main .platform-footer { display:block; font-size:6px; line-height:1.8; } .command-main .platform-footer>span { display:block; margin-top:8px; }
}
@media(prefers-reduced-motion:reduce) { .command-layout * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }