/* HiSecure — enterprise SOC (Bloomberg × modern SOC), HIGHCREW dark theme */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");

#hisecureTab.tabPage{padding:8px 10px 28px}
.hs-root{
  --hs-bg:#05080f;
  --hs-panel:rgba(10,16,28,.96);
  --hs-line:rgba(70,110,150,.32);
  --hs-cyan:#3ec4ff;
  --hs-amber:#e8a23a;
  --hs-green:#3dcf6a;
  --hs-red:#ff5a5a;
  --hs-purple:#9b7bff;
  --hs-muted:#7a92a8;
  --hs-text:#d8e6f4;
  background:
    radial-gradient(1000px 420px at 6% -10%, rgba(62,196,255,.11), transparent 55%),
    radial-gradient(800px 360px at 94% 0%, rgba(232,162,58,.07), transparent 50%),
    linear-gradient(180deg, #0a1220 0%, #05080f 55%, #04070d 100%);
  border:1px solid var(--hs-line);
  border-radius:8px;
  padding:10px 12px 16px;
  color:var(--hs-text);
  font-family:"IBM Plex Sans","Segoe UI",sans-serif;
  min-height:75vh;
}
.hs-header{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  margin-bottom:10px;flex-wrap:wrap;
}
.hs-title{font-size:22px;letter-spacing:.1em;font-weight:700;color:var(--hs-cyan)}
.hs-title small{
  display:block;font-size:10px;color:var(--hs-muted);font-weight:500;
  letter-spacing:.1em;margin-top:3px;
}
.hs-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hs-badge{
  font-size:9px;letter-spacing:.12em;padding:4px 8px;border:1px solid var(--hs-amber);
  color:var(--hs-amber);border-radius:3px;text-transform:uppercase;
}
.hs-conn{
  font-size:10px;letter-spacing:.1em;padding:5px 9px;border-radius:3px;
  border:1px solid var(--hs-line);text-transform:uppercase;font-weight:700;
  color:var(--hs-muted);background:rgba(0,0,0,.25);
}
.hs-conn.live{color:var(--hs-green);border-color:rgba(61,207,106,.55)}
.hs-conn.warn{color:var(--hs-amber);border-color:rgba(232,162,58,.55)}
.hs-conn.bad{color:var(--hs-red);border-color:rgba(232,90,90,.55)}
.hs-note{
  margin:10px 0 0;padding:8px 12px;border-radius:5px;font-size:12px;
  border:1px solid rgba(62,196,255,.3);background:rgba(62,196,255,.07);color:#a8d8f0;
}
.hs-muted{color:var(--hs-muted);font-size:12px}
.hs-retry{
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--hs-line);background:rgba(0,0,0,.35);color:var(--hs-text);
  padding:6px 10px;border-radius:3px;cursor:pointer;
}
.hs-retry:hover{border-color:var(--hs-cyan);color:var(--hs-cyan)}
.hs-retry:disabled{opacity:.45;cursor:not-allowed}

/* Global header strip */
.hs-global{
  display:grid;grid-template-columns:140px 1fr;gap:10px;margin-bottom:10px;
  padding:10px;border:1px solid var(--hs-line);border-radius:6px;
  background:linear-gradient(90deg, rgba(8,14,24,.95), rgba(12,20,34,.9));
}
@media (max-width:900px){.hs-global{grid-template-columns:1fr}}
.hs-score-block{
  text-align:center;padding:8px 6px;border-right:1px solid var(--hs-line);
}
.hs-score-label{font-size:9px;letter-spacing:.14em;color:var(--hs-muted);font-weight:700}
.hs-score-val{
  font-family:"IBM Plex Mono",monospace;font-size:42px;font-weight:700;
  color:#eef8ff;line-height:1.05;margin:4px 0;
}
.hs-threat{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;
  padding:3px 8px;border-radius:3px;border:1px solid var(--hs-line);
}
.hs-threat.LOW{color:var(--hs-green);border-color:rgba(61,207,106,.5)}
.hs-threat.GUARDED{color:#8fd4ff;border-color:rgba(62,196,255,.45)}
.hs-threat.ELEVATED{color:var(--hs-amber);border-color:rgba(232,162,58,.5)}
.hs-threat.HIGH{color:#ff8a6a;border-color:rgba(255,120,80,.55)}
.hs-threat.CRITICAL{color:#fff;background:rgba(255,60,60,.35);border-color:rgba(255,90,90,.7)}
.hs-global-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;
}
.hs-gcell{
  padding:6px 8px;border:1px solid rgba(80,120,160,.18);border-radius:4px;
  background:rgba(0,0,0,.22);min-height:54px;
}
.hs-gcell .k{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--hs-muted)}
.hs-gcell .v{
  font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:700;color:#e8f4ff;
  margin-top:3px;word-break:break-word;
}
.hs-gcell .v.na{color:var(--hs-amber);font-size:10px;letter-spacing:.04em}
.hs-gcell .v.ok{color:var(--hs-green)}
.hs-gcell .v.bad{color:var(--hs-red)}

/* Section nav */
.hs-soc-nav{
  display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;
  padding-bottom:8px;border-bottom:1px solid var(--hs-line);
}
.hs-soc-tab{
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  padding:6px 9px;border:1px solid transparent;border-radius:3px;
  background:transparent;color:var(--hs-muted);cursor:pointer;
}
.hs-soc-tab:hover{color:var(--hs-cyan);border-color:rgba(62,196,255,.25)}
.hs-soc-tab.active{
  color:#041018;background:var(--hs-cyan);border-color:var(--hs-cyan);
}
.hs-section{display:none}
.hs-section.active{display:block;animation:hsFade .25s ease}
@keyframes hsFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.hs-incidents{
  padding:10px 12px;border-radius:6px;
  border:1px solid rgba(232,162,58,.35);
  background:linear-gradient(180deg, rgba(40,28,12,.85), rgba(16,14,10,.92));
}
.hs-incidents.clear{
  border-color:rgba(61,207,106,.35);
  background:linear-gradient(180deg, rgba(12,32,20,.85), rgba(10,16,14,.92));
}
.hs-incident-empty{font-size:14px;color:#b8f0c8;font-weight:600}
.hs-incident-list{display:grid;gap:8px}
.hs-incident{
  display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:start;
  padding:8px 10px;border:1px solid var(--hs-line);border-radius:5px;background:rgba(0,0,0,.25);
}
@media (max-width:800px){.hs-incident{grid-template-columns:1fr}}
.hs-sev{
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 6px;border-radius:3px;text-align:center;height:fit-content;
}
.hs-sev.critical{color:#fff;background:rgba(255,60,60,.35);border:1px solid rgba(255,90,90,.6)}
.hs-sev.high{color:#ffd0d0;background:rgba(255,90,90,.18);border:1px solid rgba(255,90,90,.45)}
.hs-sev.medium{color:#ffe2a8;background:rgba(232,162,58,.16);border:1px solid rgba(232,162,58,.45)}
.hs-sev.low{color:#b8d8f0;background:rgba(62,196,255,.12);border:1px solid rgba(62,196,255,.35)}
.hs-incident-title{font-size:13px;font-weight:700;color:#eef6ff}
.hs-incident-sum{font-size:12px;color:var(--hs-muted);margin-top:3px;line-height:1.4}
.hs-incident-meta{font-size:11px;color:var(--hs-muted);text-align:right}

.hs-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;
}
@media (max-width:1100px){.hs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hs-grid{grid-template-columns:1fr}}
.hs-card{
  background:var(--hs-panel);border:1px solid var(--hs-line);border-radius:6px;
  padding:10px 12px;min-height:92px;
}
.hs-card h4{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-muted);
  margin-bottom:6px;font-weight:700;
}
.hs-val{
  font-family:"IBM Plex Mono",monospace;
  font-size:22px;font-weight:700;color:#eef8ff;letter-spacing:.02em;
  word-break:break-word;
}
.hs-val.na{font-size:12px;letter-spacing:.06em;color:var(--hs-amber);font-weight:700}
.hs-val.ok{color:var(--hs-green)}
.hs-val.bad{color:var(--hs-red)}
.hs-sub{margin-top:5px;font-size:10px;color:var(--hs-muted);line-height:1.35}
.hs-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-bottom:10px}
@media (max-width:1000px){.hs-panels{grid-template-columns:1fr}}
.hs-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media (max-width:1000px){.hs-split{grid-template-columns:1fr}}
.hs-panel{
  background:var(--hs-panel);border:1px solid var(--hs-line);border-radius:6px;
  padding:10px 12px;min-height:160px;margin-bottom:10px;
}
.hs-panel h3{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9ec8e8;
  margin-bottom:8px;
}
.hs-table-wrap{overflow:auto;max-height:280px}
.hs-table{width:100%;border-collapse:collapse;font-size:12px}
.hs-table th{
  text-align:left;color:var(--hs-muted);font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;font-size:10px;padding:6px 8px;border-bottom:1px solid var(--hs-line);
  position:sticky;top:0;background:rgba(10,16,28,.98);
}
.hs-table td{
  padding:6px 8px;border-bottom:1px solid rgba(80,120,160,.12);
  color:var(--hs-text);vertical-align:top;
}
.hs-table tr:hover td{background:rgba(62,196,255,.04)}
.hs-pill{
  display:inline-block;font-size:10px;letter-spacing:.06em;padding:2px 6px;
  border-radius:3px;border:1px solid var(--hs-line);color:var(--hs-muted);
}
.hs-pill.ok{color:var(--hs-green);border-color:rgba(61,207,106,.45)}
.hs-pill.bad{color:var(--hs-red);border-color:rgba(255,90,90,.45)}
.hs-kv{display:grid;gap:5px}
.hs-kv-row{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.hs-kv-row span:first-child{color:var(--hs-muted)}
.hs-kv-row span:last-child{font-family:"IBM Plex Mono",monospace;color:#e8f4ff}
.hs-denied{
  display:none;padding:24px;border:1px solid rgba(255,90,90,.4);border-radius:6px;
  background:rgba(40,10,10,.5);color:#ffc8c8;
}
.hs-denied h3{color:var(--hs-red);margin-bottom:8px;letter-spacing:.1em}

.hs-alerts{display:grid;gap:6px;max-height:320px;overflow:auto}
.hs-alert{
  display:grid;grid-template-columns:72px 1fr;gap:8px;padding:8px 10px;
  border:1px solid var(--hs-line);border-radius:4px;background:rgba(0,0,0,.25);
}
.hs-alert .lvl{
  font-size:10px;font-weight:800;letter-spacing:.08em;text-align:center;
  padding:4px 0;border-radius:3px;height:fit-content;
}
.hs-alert.INFO .lvl{color:#9ec8e8;border:1px solid rgba(62,196,255,.35)}
.hs-alert.WARNING .lvl{color:var(--hs-amber);border:1px solid rgba(232,162,58,.45)}
.hs-alert.HIGH .lvl{color:#ffb0a0;border:1px solid rgba(255,100,80,.5)}
.hs-alert.CRITICAL .lvl{color:#fff;background:rgba(255,50,50,.35);border:1px solid rgba(255,80,80,.7)}
.hs-alert .t{font-size:13px;font-weight:700}
.hs-alert .m{font-size:11px;color:var(--hs-muted);margin-top:2px}

.hs-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hs-actions button{
  font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;
  padding:8px 12px;border-radius:3px;cursor:pointer;
  border:1px solid var(--hs-line);background:rgba(0,0,0,.35);color:var(--hs-text);
}
.hs-actions button:hover{border-color:var(--hs-cyan);color:var(--hs-cyan)}
.hs-actions button.nc{opacity:.55;border-style:dashed;cursor:not-allowed;color:var(--hs-amber)}
.hs-action-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:900px){.hs-action-forms{grid-template-columns:1fr}}
.hs-form-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hs-form-row input{
  flex:1;min-width:100px;background:rgba(0,0,0,.4);border:1px solid var(--hs-line);
  color:var(--hs-text);padding:7px 9px;border-radius:3px;font-family:"IBM Plex Mono",monospace;
  font-size:12px;
}
.hs-pre{
  font-family:"IBM Plex Mono",monospace;font-size:11px;line-height:1.45;
  white-space:pre-wrap;color:#b8d4ea;max-height:480px;overflow:auto;
  margin:0;padding:8px;background:rgba(0,0,0,.3);border-radius:4px;
}
canvas#hsRadar,canvas#hsTrend,canvas#hsLatChart{
  width:100%;max-width:100%;height:auto;display:block;
  background:rgba(0,0,0,.2);border-radius:4px;border:1px solid rgba(80,120,160,.15);
}