/* Recovered-era presentation layer. The base UI remains usable on small screens. */
body[data-mode^="sotc"] {
  --bg:#120909; --panel:#211012; --line:#5a2926; --text:#f4ded4; --muted:#b4847d;
  --accent:#f0b27d; --red:#f05c45; --code:#e6a36c;
  background:radial-gradient(ellipse at 50% 0,#4b1715 0,transparent 62%),var(--bg);
}
body[data-mode^="sotc"] #console { max-width:1380px; }
body[data-mode^="sotc"] header { border-bottom:1px solid var(--line); padding-bottom:16px; }
body[data-mode^="sotc"] .eyebrow,
body[data-mode^="sotc"] .section-title { color:#e6a36c; }
body[data-mode^="sotc"] .status i { background:#f05c45; }
body[data-mode^="sotc"] .toolbar button { background:#321719; border-color:#74312d; }
body[data-mode^="sotc"] .toolbar button:hover { background:#51201e; }
body[data-mode^="sotc"] .mode-label { color:#e6a36c; font:10px Consolas,monospace; letter-spacing:1px; margin:0 8px; }
body[data-mode^="sotc"] .monitor-top,
body[data-mode^="sotc"] .monitor-bottom { background:#2c1113; border-color:var(--line); }
body[data-mode^="sotc"] #screen { border-color:var(--line); box-shadow:0 0 34px #7e221d33; }
body[data-mode^="sotc"] #overlay { background:radial-gradient(ellipse,#52201d99,transparent),#17090bed; }
body[data-mode^="sotc"] aside { background:#1b0d0f; border-color:var(--line); }
body[data-mode^="sotc"] .camera { background:#2a1113; border-color:#5a2926; }
body[data-mode^="sotc"] .camera.selected { border-color:#f0b27d; box-shadow:0 0 0 1px #f0b27d; }
body[data-mode^="sotc"] #mainStatus,
body[data-mode^="sotc"] #securityPanel,
body[data-mode^="sotc"] #trapPanel,
body[data-mode^="sotc"] #controlsPanel { display:none; }
body[data-mode^="sotc"] #sotcControls { display:block; grid-column:1/-1; border-top:1px solid var(--line); padding-top:18px; }
body[data-mode^="sotc"] #sotcControls .suspects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
body[data-mode^="sotc"] #sotcControls .suspects button { background:#321719; border-color:#74312d; }
body[data-mode^="sotc"] #sotcControls .suspects button.selected { background:#f0b27d; color:#25100d; border-color:#f0b27d; }
body[data-mode^="sotc"] #sotcControls .primary { background:#f0b27d; color:#25100d; }
body[data-mode^="sotc"] #survivorControls { display:none; }
body[data-mode^="sotc"] #cameraSectionLabel::after { content:' · EVIDENCE FEED'; }
body[data-mode^="sotc"] #lab { border-color:var(--line); background:#1b0d0f; }

body[data-mode="night"] #brandLogo { filter:drop-shadow(0 0 8px #e22a1c33); }
body[data-mode="night"] #screen::after {
  content:'SCAT // LIVE'; position:absolute; right:13px; top:12px; z-index:5;
  color:#b9eeaa; font:10px Consolas,monospace; letter-spacing:1px; opacity:.7;
}
@media(max-width:850px){body[data-mode^="sotc"] #sotcControls{grid-column:auto}}