/* public/css/theme.css — SOC dark moderne */
:root{
  --bg:#0b1019; --panel:#16212e; --panel-2:#0f1722; --border:#243345;
  --text:#dbe7f3; --muted:#9fb3c8; --accent:#5ed3f0; --ok:#5edc9a; --warn:#f0b35e; --bad:#f0685e;
  --radius:6px; font-family:system-ui,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text)}
.topbar{display:flex;align-items:center;gap:12px;background:var(--panel-2);
  border-bottom:1px solid var(--border);padding:8px 14px}
.brand{color:var(--accent);font-weight:700}
.layout{display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}
.sidebar,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px}
.label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 4px}
.box-card{border:1px solid var(--border);border-radius:var(--radius);padding:8px;cursor:pointer;margin-bottom:6px}
.box-card[aria-selected="true"]{border-color:var(--accent);color:var(--accent)}
.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;background:var(--panel-2);border:1px solid var(--border)}
button{background:var(--accent);color:#06121c;border:0;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:600}
button.danger{background:var(--bad);color:#fff}
input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:5px 8px}
.hidden{display:none}
.sev-critical{color:var(--bad)} .sev-high{color:var(--warn)} .sev-low{color:var(--muted)}