:root{
  --bg:#f5f7fb;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#eef3f8;--line:#e3e8ef;--line-strong:#d4dbe5;
  --text:#172033;--muted:#657084;--muted-2:#8d97a7;--primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eff6ff;
  --cyan:#0891b2;--green:#159b62;--green-soft:#eaf9f1;--amber:#d68a00;--amber-soft:#fff8e6;--red:#dc3f4b;--red-soft:#fff0f1;
  --violet:#7556d8;--shadow:0 1px 2px rgba(17,24,39,.04),0 8px 24px rgba(17,24,39,.05);--radius:14px;--radius-sm:10px;
  --sidebar:244px;--topbar:68px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select{font:inherit}.hidden{display:none!important}.mobile-only{display:none!important}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand-block{height:var(--topbar);display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--line)}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2463eb,#0788c7);display:grid;place-items:center;color:white;font-weight:850;font-size:13px;box-shadow:0 5px 14px rgba(37,99,235,.2)}.brand-name{font-weight:800;font-size:16px;letter-spacing:-.02em}.brand-name span{color:var(--primary)}.brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.nav{padding:14px 10px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 11px;color:#586477;text-decoration:none;border-radius:10px;font-weight:650;transition:.16s ease}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary)}.nav-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:15px}.nav-item.active .nav-icon{background:#dbeafe}.nav-badge{margin-left:auto;min-width:24px;padding:2px 7px;border-radius:999px;background:#edf1f6;color:#64748b;font-size:11px;text-align:center}.nav-badge.danger{background:var(--red-soft);color:var(--red)}.sidebar-foot{margin-top:auto;padding:15px 14px 17px;border-top:1px solid var(--line)}.mini-health{display:flex;gap:10px;align-items:center;padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:11px}.mini-health strong,.mini-health small{display:block}.mini-health strong{font-size:12px}.mini-health small{font-size:10px;color:var(--muted);margin-top:1px}.status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #eef2f6}.status-dot.ok{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.status-dot.warn{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.status-dot.stop{background:#94a3b8;box-shadow:0 0 0 4px #eef2f6}.version-line{font-size:10px;color:var(--muted-2);padding:10px 2px 0}.main-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:9px}.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.breadcrumb a{text-decoration:none;color:var(--muted)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb strong{color:var(--text)}.breadcrumb .sep{color:#b5becb}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:white}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.live-pill.running .pulse-dot{background:var(--green);box-shadow:0 0 0 4px var(--green-soft);animation:pulse 1.8s infinite}.live-pill.stopped .pulse-dot{background:#94a3b8}.live-pill.degraded .pulse-dot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}.control-btn,.icon-btn,.btn{border:1px solid var(--line-strong);background:white;color:var(--text);border-radius:9px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer;transition:.15s ease;text-decoration:none}.icon-btn{width:36px;padding:0;font-size:17px}.control-btn:hover,.icon-btn:hover,.btn:hover{border-color:#b6c1cf;background:#f9fbfd}.control-btn.stop{color:var(--red);border-color:#f0c6ca;background:#fffafa}.control-btn.start{color:var(--green);border-color:#bfe5d0;background:#fbfffd}.control-btn:disabled{opacity:.5;cursor:wait}.error-banner{margin:16px 24px 0;padding:11px 14px;background:var(--amber-soft);border:1px solid #f0d69d;border-radius:10px;display:flex;gap:10px;align-items:center;color:#765116}.error-banner span{flex:1}.error-banner button{border:0;background:transparent;color:#9a6a11;font-size:18px;cursor:pointer}.page{padding:24px;max-width:1760px;width:100%;margin:0 auto;flex:1}footer{padding:5px 24px 22px;color:var(--muted-2);font-size:11px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}footer a{text-decoration:none;color:#6b7a90}footer a:hover{color:var(--primary)}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.page-title h1{font-size:22px;line-height:1.2;margin:0;font-weight:800;letter-spacing:-.025em}.page-title p{margin:6px 0 0;color:var(--muted);max-width:760px}.page-actions{display:flex;gap:8px}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.primary:hover{background:var(--primary-2)}.btn.danger{color:var(--red);border-color:#f0c6ca}.btn.small{height:30px;padding:0 9px;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 10px}.section-title h2{font-size:14px;margin:0;font-weight:800;letter-spacing:-.01em}.section-title span{font-size:11px;color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;box-shadow:0 1px 1px rgba(15,23,42,.02);min-width:0}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.055em}.kpi-icon{width:29px;height:29px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;color:#64748b;font-weight:800}.kpi-value{font-size:25px;font-weight:830;letter-spacing:-.04em;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-foot{margin-top:5px;color:var(--muted-2);font-size:11px;display:flex;align-items:center;gap:6px}.delta.up{color:var(--green)}.delta.down{color:var(--red)}
.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:14px;margin-top:14px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel-head{padding:15px 17px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f4}.panel-title{font-size:13px;font-weight:800}.panel-sub{font-size:11px;color:var(--muted);margin-top:2px}.panel-body{padding:15px 17px}.chart-wrap{height:245px;position:relative}.chart-wrap.small{height:210px}.chart-canvas{width:100%;height:100%;display:block}.chart-legend{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:3px;display:inline-block;margin-right:5px}.legend-dot.tx{background:#2563eb}.legend-dot.rx{background:#09a4bc}.donut-layout{height:210px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:16px}.donut-box{position:relative;width:175px;height:175px;margin:auto}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center strong{font-size:21px}.donut-center span{color:var(--muted);font-size:10px}.legend-list{display:flex;flex-direction:column;gap:9px}.legend-row{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:12px}.legend-row .swatch{width:8px;height:8px;border-radius:3px}.legend-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-row strong{font-size:11px}
.table-shell{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 12px;text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:750;border-bottom:1px solid var(--line);white-space:nowrap;background:#fbfcfe;position:sticky;top:0;z-index:2}.data-table td{padding:10px 12px;border-bottom:1px solid #edf0f4;vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover td{background:#f8fbff}.td-main{font-weight:700}.td-sub{color:var(--muted);font-size:11px;margin-top:2px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}.linklike{color:var(--primary);cursor:pointer;text-decoration:none}.linklike:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;background:#f1f5f9;border:1px solid #e4e9ef;color:#556274;font-size:10.5px;font-weight:700}.pill.blue{background:var(--primary-soft);border-color:#d7e6ff;color:var(--primary)}.pill.green{background:var(--green-soft);border-color:#ccebd9;color:var(--green)}.pill.amber{background:var(--amber-soft);border-color:#f3dda9;color:#986204}.pill.red{background:var(--red-soft);border-color:#f3ced1;color:var(--red)}.risk{font-weight:800}.risk.low{color:var(--green)}.risk.med{color:var(--amber)}.risk.high{color:var(--red)}.risk-meter{width:75px;height:6px;border-radius:999px;background:#edf1f5;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:7px}.risk-meter i{display:block;height:100%;border-radius:inherit;background:var(--green)}.risk-meter.med i{background:var(--amber)}.risk-meter.high i{background:var(--red)}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.search{height:36px;min-width:280px;flex:1;max-width:460px;border:1px solid var(--line-strong);border-radius:9px;padding:0 11px;background:white;color:var(--text);outline:none}.search:focus,.select:focus{border-color:#93b7fb;box-shadow:0 0 0 3px #eaf2ff}.select{height:36px;border:1px solid var(--line-strong);border-radius:9px;padding:0 28px 0 10px;background:white;color:var(--text);outline:none}.segmented{display:inline-flex;padding:3px;background:#eef2f7;border-radius:9px}.segmented button{border:0;background:transparent;padding:6px 11px;border-radius:7px;color:var(--muted);font-weight:700;cursor:pointer}.segmented button.active{background:white;color:var(--text);box-shadow:0 1px 3px rgba(15,23,42,.09)}.count-note{margin-left:auto;color:var(--muted);font-size:11px}
.process-cell{display:flex;align-items:center;gap:9px}.process-avatar{width:30px;height:30px;border-radius:9px;background:#edf4ff;color:var(--primary);display:grid;place-items:center;font-weight:850;font-size:11px;flex:0 0 auto}.process-list{display:flex;flex-direction:column}.process-list strong{font-size:12px}.process-list span{font-size:10px;color:var(--muted)}.traffic-bar{height:7px;background:#edf1f5;border-radius:999px;overflow:hidden;min-width:100px}.traffic-bar i{display:block;height:100%;background:linear-gradient(90deg,#4f7ef2,#20a7bd);border-radius:inherit}.empty{padding:40px 18px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:13px;margin-bottom:4px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.detail-main,.detail-side{display:flex;flex-direction:column;gap:14px}.detail-card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.detail-card-head{padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}.detail-card-body{padding:15px 16px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.kv{padding:9px 0;border-bottom:1px solid #eef1f5;min-width:0}.kv label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.kv div{font-weight:650;overflow-wrap:anywhere}.kv.full{grid-column:1/-1}.risk-box{display:flex;align-items:center;gap:14px}.risk-score{width:68px;height:68px;border-radius:20px;background:var(--green-soft);color:var(--green);display:grid;place-content:center;text-align:center}.risk-score.high{background:var(--red-soft);color:var(--red)}.risk-score.med{background:var(--amber-soft);color:var(--amber)}.risk-score strong{font-size:25px;line-height:1}.risk-score span{font-size:9px;text-transform:uppercase;margin-top:3px}.reason-list{margin:0;padding-left:17px;color:var(--muted)}.reason-list li{margin:5px 0}.hero-detail{display:flex;align-items:center;gap:14px}.hero-icon{width:48px;height:48px;border-radius:14px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:850;font-size:17px}.hero-detail h1{font-size:20px;margin:0;letter-spacing:-.025em}.hero-detail p{color:var(--muted);margin:4px 0 0;font-size:12px}.back-btn{margin-right:4px}
.alert-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4}.alert-row:last-child{border-bottom:0}.alert-marker{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--amber)}.alert-marker.high,.alert-marker.critical{background:var(--red)}.alert-copy{min-width:0;flex:1}.alert-copy strong{font-size:12px}.alert-copy p{margin:3px 0;color:var(--muted);font-size:11px}.alert-meta{font-size:10px;color:var(--muted-2);display:flex;gap:8px;flex-wrap:wrap}.interface-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.interface-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);cursor:pointer}.interface-card:hover{border-color:#cbd8e8;transform:translateY(-1px)}.interface-top{display:flex;justify-content:space-between;align-items:center}.interface-name{font-weight:800}.interface-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:17px}.mini-stat label{font-size:10px;color:var(--muted);display:block}.mini-stat strong{font-size:15px;display:block;margin-top:2px}.health-line{height:4px;border-radius:999px;background:#e9eef4;margin-top:14px;overflow:hidden}.health-line i{display:block;height:100%;background:var(--green);width:100%}.health-line.warn i{background:var(--amber)}
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.system-action{padding:17px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.system-action h3{font-size:13px;margin:0 0 5px}.system-action p{font-size:11px;color:var(--muted);min-height:34px}.system-action .btn{margin-top:8px}.control-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;background:linear-gradient(135deg,#ffffff,#f6f9ff);border:1px solid #dfe7f1;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.control-state{display:flex;align-items:center;gap:12px}.big-status{width:42px;height:42px;border-radius:13px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-size:18px}.big-status.stopped{background:#f1f5f9;color:#64748b}.control-state strong{display:block;font-size:14px}.control-state span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:400px;background:#172033;color:white;padding:11px 13px;border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.2);animation:toastin .2s ease}.toast.ok{background:#136e49}.toast.err{background:#a92f39}.toast small{display:block;opacity:.75;margin-top:2px}@keyframes toastin{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1380px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.interface-card-grid,.system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1040px){:root{--sidebar:210px}.grid-2,.detail-layout{grid-template-columns:1fr}.donut-layout{grid-template-columns:160px 1fr}.interface-card-grid{grid-template-columns:repeat(2,1fr)}.control-btn{padding:0 9px}.control-btn span+span{display:none}}
@media(max-width:780px){.mobile-only{display:grid!important}.sidebar{transform:translateX(-100%);box-shadow:10px 0 30px rgba(15,23,42,.12);transition:.2s ease}.sidebar.open{transform:none}.main-shell{margin-left:0}.topbar{padding:0 12px}.page{padding:15px 12px}.error-banner{margin:12px 12px 0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-equal{grid-template-columns:1fr}.interface-card-grid,.system-grid{grid-template-columns:1fr}.topbar-right .live-pill{display:none}.page-head{flex-direction:column}.page-actions{width:100%;overflow:auto}.kv-grid{grid-template-columns:1fr}.kv.full{grid-column:auto}.donut-layout{grid-template-columns:1fr;height:auto}.donut-box{height:165px}.chart-wrap{height:220px}.count-note{width:100%;margin-left:0}.search{min-width:180px}.sidebar-foot{padding-bottom:22px}}
@media(max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:12px}.kpi-value{font-size:20px}.topbar-right .icon-btn{display:none}.breadcrumb{font-size:11px}.control-btn{font-size:11px;height:34px}.page-title h1{font-size:19px}}

.clickable:focus-visible,.interface-card:focus-visible,[data-nav]:focus-visible{outline:3px solid #bfdbfe;outline-offset:-2px}

/* v0.3 Security Center / focus architecture */
.nav-item.security-nav{font-weight:760}.nav-item.security-nav.active{background:#fff0f1;color:#b42318}.nav-item.security-nav.active .nav-icon{background:#fee2e2;color:#b42318}
.focus-strip{position:sticky;top:var(--topbar);z-index:18;display:flex;align-items:center;gap:8px;padding:10px 24px;background:rgba(248,250,252,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.focus-search-wrap{height:40px;display:flex;align-items:center;gap:8px;flex:1;max-width:980px;background:white;border:1px solid var(--line-strong);border-radius:11px;padding:0 10px;box-shadow:0 1px 2px rgba(15,23,42,.025)}.focus-search-wrap:focus-within{border-color:#93b7fb;box-shadow:0 0 0 3px #eaf2ff}.focus-icon{color:#728096;font-size:18px}.focus-query{border:0;outline:0;flex:1;min-width:100px;color:var(--text);background:transparent;font:12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.focus-search-wrap kbd{border:1px solid #dde3eb;background:#f8fafc;border-radius:5px;padding:1px 6px;color:#8792a3;font-size:10px}.focus-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 24px;background:#f9fbff;border-bottom:1px solid #e6edf8}.focus-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.focus-chip{border:1px solid #d7e6ff;background:var(--primary-soft);color:#1d4ed8;border-radius:999px;padding:4px 8px;font-size:10.5px;cursor:pointer}.focus-chip b{margin-right:4px}.focus-chip span{margin-left:5px;color:#7892c5}.focus-result-note{margin-left:auto;color:var(--muted);font-size:10px}.filter-drawer{padding:13px 24px 14px;background:white;border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(15,23,42,.05)}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filter-grid label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.filter-grid input,.filter-grid select{height:34px;border:1px solid var(--line-strong);border-radius:8px;padding:0 9px;background:white;color:var(--text);outline:0;text-transform:none;letter-spacing:normal}.filter-grid input:focus,.filter-grid select:focus{border-color:#93b7fb;box-shadow:0 0 0 3px #eaf2ff}.filter-help{margin-top:10px;color:var(--muted);font-size:10.5px}.filter-help code{background:#f1f5f9;border:1px solid #e4e9ef;padding:1px 4px;border-radius:4px;color:#334155}.filter-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi.danger-kpi{border-color:#f3c5ca;background:linear-gradient(145deg,#fff,#fff8f8)}.kpi.danger-kpi .kpi-icon{background:#fff0f1;color:var(--red)}
.security-posture{margin-top:14px;background:linear-gradient(135deg,#fbfffd,#f4fcf8);border:1px solid #cfe9dc;border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px}.security-posture.danger{background:linear-gradient(135deg,#fff,#fff4f5);border-color:#f1c8cc}.posture-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green);font-weight:900;font-size:17px}.security-posture.danger .posture-icon{background:var(--red-soft);color:var(--red)}.security-posture strong,.security-posture span{display:block}.security-posture strong{font-size:13px}.security-posture span{font-size:11px;color:var(--muted);margin-top:2px}.security-posture a{margin-left:auto;color:var(--primary);text-decoration:none;font-weight:750;font-size:11px}.security-panel{margin-top:14px}.toolbar.compact{margin:0}.arrow{color:#a0a9b8;margin:0 4px}
.finding-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 18px;margin-bottom:14px;background:white;border:1px solid var(--line);border-left:5px solid var(--amber);border-radius:var(--radius);box-shadow:var(--shadow)}.finding-hero.critical,.finding-hero.high{border-left-color:var(--red)}.finding-hero.medium{border-left-color:var(--amber)}.finding-hero.low{border-left-color:var(--primary)}.finding-hero strong{font-size:15px}.finding-hero p{margin:4px 0 0;color:var(--muted);font-size:11.5px;max-width:900px}.finding-confidence{text-align:right}.finding-confidence strong{font-size:24px;display:block}.finding-confidence span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.explain{color:var(--muted);font-size:11.5px;line-height:1.6;margin:0}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.detail-actions:empty{display:none}
.focus-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px}.focus-summary strong,.focus-summary span{display:block}.focus-summary strong{font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.focus-summary span{font-size:10.5px;color:var(--muted);margin-top:3px}.hunt-query-card{background:linear-gradient(135deg,#fff,#f6f9ff);border:1px solid #dce7f7;border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.hunt-query-card>span{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:750}.hunt-query-card strong{display:block;margin-top:5px;font-size:12px}.hunt-query-card p{margin:6px 0 0;color:var(--muted);font-size:11px}.process-card-list{padding-top:5px;padding-bottom:5px}.process-rank{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.process-rank:last-child{border-bottom:0}.process-rank:hover .process-rank-copy strong{color:var(--primary)}.process-rank-copy{min-width:0}.process-rank-copy strong,.process-rank-copy span{display:block}.process-rank-copy span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 5px}.process-rank-meta{text-align:right}.process-rank-meta strong,.process-rank-meta span,.process-rank-meta em{display:block}.process-rank-meta span{font-size:10px;color:var(--muted)}.process-rank-meta em{font-size:9px;color:var(--red);font-style:normal;margin-top:2px}.interface-controls{margin-top:12px;display:flex;justify-content:flex-end}.interface-card [data-action="interface-control"]{position:relative;z-index:3}
@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.focus-strip{top:var(--topbar);padding:8px 12px;gap:6px}.focus-strip>.btn:not(.primary){display:none}.focus-search-wrap kbd{display:none}.focus-chips{padding:7px 12px}.focus-result-note{display:none}.filter-drawer{padding:10px 12px}.filter-grid{grid-template-columns:1fr 1fr}.kpi-grid.four,.kpi-grid.five{grid-template-columns:1fr 1fr}.finding-hero{grid-template-columns:1fr}.finding-confidence{text-align:left}.focus-summary{align-items:flex-start;flex-direction:column}.security-posture{align-items:flex-start}.security-posture a{margin-left:0}}
@media(max-width:480px){.filter-grid{grid-template-columns:1fr}.kpi-grid.four,.kpi-grid.five{grid-template-columns:1fr 1fr}.focus-strip #runHunt{padding:0 9px}.focus-query{font-size:11px}}

/* v0.4 investigation, case, TI and lab surfaces */
.graph-wrap{padding:18px;overflow:auto;background:linear-gradient(180deg,#fbfdff,#fff)}
.investigation-graph{width:100%;min-width:780px;min-height:520px;border:1px solid #edf1f5;border-radius:16px;background-image:radial-gradient(#e8edf3 1px,transparent 1px);background-size:22px 22px}
.graph-edge{stroke:#cbd5e1;stroke-width:1;opacity:.62}.graph-node{cursor:pointer;outline:none}.graph-node:focus .graph-dot{stroke:#111827;stroke-width:3}.graph-node text{font:10px system-ui;fill:#526175;pointer-events:none}.graph-dot{fill:#94a3b8;stroke:#fff;stroke-width:2}.graph-dot.process{fill:#2563eb}.graph-dot.flow{fill:#0891b2}.graph-dot.ip{fill:#64748b}.graph-dot.domain{fill:#7c3aed}.graph-dot.tls{fill:#0f766e}.graph-dot.interface{fill:#475569}.graph-dot.finding,.graph-dot.danger{fill:#dc2626}.graph-dot.warn{fill:#d97706}.graph-legend{display:flex;gap:16px;flex-wrap:wrap;padding:12px 4px 0;color:#64748b;font-size:12px}.graph-legend span{display:flex;align-items:center;gap:6px}.legend-node{width:9px;height:9px;border-radius:50%;background:#94a3b8}.legend-node.process{background:#2563eb}.legend-node.flow{background:#0891b2}.legend-node.ip{background:#64748b}.legend-node.domain{background:#7c3aed}.legend-node.finding{background:#dc2626}
.case-grid,.sensor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.case-card,.sensor-card{border:1px solid #e4e9f0;border-radius:15px;padding:16px;background:#fff;box-shadow:0 2px 9px rgba(15,23,42,.035)}.case-card:hover{border-color:#b8c7db;box-shadow:0 8px 24px rgba(15,23,42,.07)}.case-card-top,.sensor-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.case-card h3{font-size:15px;margin:12px 0 6px}.case-card p{font-size:11px;color:#7b8798;word-break:break-all}.case-metrics{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.case-metrics span{background:#f5f7fa;border:1px solid #e8edf3;border-radius:999px;padding:4px 8px;font-size:11px;color:#526175}.case-card small,.sensor-card small{color:#8b96a7}.note-list{display:grid;gap:12px}.note{border-left:3px solid #dbe5f1;padding:4px 0 4px 12px}.note strong{font-size:12px}.note small{margin-left:10px;color:#8b96a7}.note p{margin:6px 0 0;white-space:pre-wrap}.note-entry{display:grid;gap:8px;margin-top:8px}.note-entry input,.note-entry textarea,.form-stack input{width:100%;border:1px solid #d8e0ea;border-radius:9px;padding:9px 10px;background:#fff;color:#172033}.note-entry textarea{min-height:88px;resize:vertical}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:6px;font-weight:650;font-size:12px;color:#46546a}.lab-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:16px}.rule-hit{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef2f6}.small-copy{font-size:11px;word-break:break-all}.error-line{padding:8px 0;border-bottom:1px solid #fee2e2;color:#991b1b}.sensor-grid{margin-top:8px}.sensor-card p{color:#64748b}.sensor-top strong{font-size:15px}
@media(max-width:900px){.lab-layout{grid-template-columns:1fr}.investigation-graph{min-width:660px}}

/* v0.5 identity, SOC operations and administrative security surfaces */
.auth-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,#edf5ff 0,transparent 34%),radial-gradient(circle at 82% 8%,#effcf6 0,transparent 30%),#f7f9fc}.auth-card{width:min(470px,100%);background:#fff;border:1px solid #dfe5ed;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.13);padding:30px}.auth-brand{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid #edf1f5}.brand-mark.large{width:48px;height:48px;border-radius:14px;font-size:16px}.auth-heading{padding:24px 0 16px}.auth-heading h1{margin:0;font-size:25px;letter-spacing:-.03em}.auth-heading p{margin:7px 0 0;color:#6d788a;font-size:12px;line-height:1.55}.auth-form{display:grid;gap:13px}.auth-form label,.admin-form label{display:grid;gap:6px;color:#526175;font-size:11px;font-weight:750}.auth-form input,.admin-form input,.admin-form select,.admin-form textarea,.time-controls input,.time-controls select{width:100%;height:40px;border:1px solid #d7dee8;background:#fff;border-radius:10px;padding:0 11px;color:#172033;outline:0}.auth-form input:focus,.admin-form input:focus,.admin-form select:focus,.time-controls input:focus{border-color:#8db4fb;box-shadow:0 0 0 3px #edf4ff}.auth-submit{height:42px;margin-top:3px}.auth-oidc{height:42px;display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-error{padding:9px 10px;border:1px solid #fecdd3;background:#fff1f2;color:#9f1239;border-radius:9px;font-size:11px}.auth-hint,.auth-foot{color:#7c8798;font-size:10.5px;line-height:1.5}.auth-foot{border-top:1px solid #edf1f5;margin-top:20px;padding-top:14px}.account-pill{border:1px solid #dbe2eb;background:#fff;border-radius:11px;padding:4px 9px 4px 5px;display:flex;align-items:center;gap:7px;cursor:pointer;color:#172033}.account-pill:hover{background:#f8fafc}.account-avatar{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eaf2ff;color:#1d4ed8;font-weight:850;font-size:11px}.account-pill strong,.account-pill small{display:block;text-align:left;line-height:1.15}.account-pill strong{font-size:10.5px}.account-pill small{font-size:9px;color:#7b8798;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.nav-section{padding:16px 12px 5px;color:#8994a5;font-size:8.5px;font-weight:850;letter-spacing:.12em}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:13px}.story-card{border:1px solid #e1e6ed;border-radius:15px;background:#fff;padding:15px;box-shadow:0 2px 10px rgba(15,23,42,.035)}.story-card.critical,.story-card.high{border-left:4px solid #dc3f4b}.story-card.medium{border-left:4px solid #d68a00}.story-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.story-card h3{margin:8px 0 3px;font-size:14px}.story-card p{margin:0;color:#758195;font-size:10.5px}.story-score{font-size:25px;font-weight:850;letter-spacing:-.04em}.story-stages{margin-top:12px;display:grid;gap:7px}.story-stage{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10.5px}.stage-dot{width:7px;height:7px;border-radius:50%;background:#2563eb}.story-stage small{color:#8792a3}.mitre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px}.mitre-cell{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:12px}.mitre-cell strong{display:flex;justify-content:space-between;font-size:12px}.mitre-bar{height:6px;margin-top:9px;background:#edf1f5;border-radius:999px;overflow:hidden}.mitre-bar i{display:block;height:100%;background:#2563eb;border-radius:999px}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.admin-form .full{grid-column:1/-1}.ops-list{padding:0 14px 14px}.ops-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:10.5px}.ops-row:last-child{border-bottom:0}.ops-row small{color:#7b8798}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:14px}.health-card{border:1px solid #e4e9f0;border-radius:12px;padding:11px}.health-card strong,.health-card span{display:block}.health-card strong{font-size:13px}.health-card span{font-size:9.5px;color:#7b8798;margin-top:3px}.health-card.ok{border-color:#cfe9dc;background:#f8fdf9}.health-card.warn{border-color:#f3dfb5;background:#fffaf1}.session-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5}.session-row strong,.session-row small{display:block}.session-row small{color:#7b8798;font-size:10px;margin-top:3px}.mfa-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:#f6f8fb;border:1px solid #e3e8ef;border-radius:9px;padding:10px;margin:9px 0}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.time-controls{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px}.snapshot-card{padding:14px}.baseline-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.baseline-chip{border:1px solid #dfe6ef;background:#f8fafc;border-radius:999px;padding:4px 8px;font-size:10px}.role-badge{display:inline-flex;border:1px solid #dde5ef;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;text-transform:uppercase;color:#526175;background:#f8fafc}.secret-reveal{border:1px solid #bdd6ff;background:#f2f7ff;border-radius:10px;padding:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;margin:10px 14px}.immutable-badge{display:inline-flex;gap:5px;align-items:center;color:#475569;background:#f1f5f9;border:1px solid #dbe3ec;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.danger-zone{border-color:#f1c8cc!important}.danger-zone .panel-head{background:#fff8f8}.hidden{display:none!important}
@media(max-width:980px){.ops-grid{grid-template-columns:1fr}.account-pill>span:last-child{display:none}}
@media(max-width:620px){.auth-card{padding:22px;border-radius:17px}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.ops-row{grid-template-columns:1fr auto}.ops-row>*:nth-child(2){grid-column:1/-1;grid-row:2}.recovery-codes{grid-template-columns:1fr}.time-controls{grid-template-columns:1fr}}

/* v0.6 remote syslog and standards-based flow export settings */
.export-description{color:#64748b;font-size:11.5px;line-height:1.6;border-bottom:1px solid #edf1f5}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:14px}.export-card{border:1px solid #e1e7ef;border-radius:14px;background:#fff;padding:14px;box-shadow:0 2px 10px rgba(15,23,42,.035)}.export-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.export-card-head strong,.export-card-head small{display:block}.export-card-head strong{font-size:13px}.export-card-head small{margin-top:4px;color:#7c8798;font-size:9.5px;word-break:break-all}.export-metrics{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 9px}.export-metrics span{display:flex;gap:4px;align-items:center;border:1px solid #e7ebf1;background:#f8fafc;border-radius:999px;padding:4px 7px;font-size:9.5px;color:#667386}.export-metrics b{color:#243044}.export-tags{display:flex;gap:5px;flex-wrap:wrap}.export-tags i{font-style:normal;font-size:8.5px;text-transform:uppercase;letter-spacing:.035em;border-radius:999px;padding:3px 6px;background:#eef5ff;color:#315c9c}.export-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f5}.plain-warning{margin-top:10px;border:1px solid #f2d7a6;background:#fff9ed;color:#8a5b08;border-radius:9px;padding:8px 9px;font-size:9.5px;line-height:1.45}.tls-warning{margin:10px 14px}.export-form{border-top:1px solid #e7ebf1;background:#fbfcfe;padding:14px}.export-form-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:13px}.export-form-title strong,.export-form-title small{display:block}.export-form-title strong{font-size:13px}.export-form-title small{margin-top:4px;color:#7c8798;font-size:9.5px}.export-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.export-form-grid label{display:grid;gap:5px;font-size:9.5px;font-weight:750;color:#526175}.export-form-grid input,.export-form-grid select{width:100%;height:38px;border:1px solid #d7dee8;background:#fff;border-radius:9px;padding:0 9px;color:#172033;outline:0}.export-form-grid input:focus,.export-form-grid select:focus{border-color:#8db4fb;box-shadow:0 0 0 3px #edf4ff}.export-form-grid .checkline{display:flex;flex-direction:row;align-items:center;gap:7px;border:1px solid #e2e7ee;background:#fff;border-radius:9px;padding:0 10px;min-height:38px}.checkline input{width:auto;height:auto}.export-subtitle{font-size:9px;font-weight:850;color:#7b8798;text-transform:uppercase;letter-spacing:.09em;margin:15px 0 8px}.check-grid{display:flex;flex-wrap:wrap;gap:7px}.check-grid label{display:flex;align-items:center;gap:5px;border:1px solid #e2e7ee;background:#fff;border-radius:999px;padding:5px 8px;font-size:9.5px}.export-form-actions{display:flex;justify-content:flex-end;margin-top:13px}.btn.ghost{background:#fff}.section-title>span{color:#7c8798;font-size:10px}
@media(max-width:1050px){.export-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.export-grid,.export-form-grid{grid-template-columns:1fr}.export-form-title{flex-direction:column}.export-actions .btn{flex:1}}

/* v0.8 visual refresh and fully responsive full-page layout */
:root{
  --bg:#f3f6fb;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --surface-3:#edf3fb;
  --line:#dde6f1;
  --line-strong:#cfd9e6;
  --text:#102038;
  --muted:#617289;
  --primary:#2463eb;
  --primary-2:#124bcc;
  --primary-soft:#eef4ff;
  --teal:#0f9bb8;
  --mint:#0f9f6d;
  --amber:#d18a08;
  --red:#d53d56;
  --violet:#7556d8;
  --sidebar:268px;
  --topbar:72px;
  --shadow:0 10px 30px rgba(15,23,42,.06),0 2px 6px rgba(15,23,42,.04);
}
html,body{min-height:100%}
body{background:
  radial-gradient(circle at top left,rgba(36,99,235,.06),transparent 26%),
  radial-gradient(circle at top right,rgba(15,155,184,.05),transparent 22%),
  var(--bg)}
.app-shell{min-height:100vh;width:100%}
.sidebar{box-shadow:12px 0 28px rgba(15,23,42,.04)}
.sidebar-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);font-size:22px;line-height:1;cursor:pointer;z-index:3}
.sidebar-scrim{display:none}
.brand-block{padding:0 20px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.brand-mark{position:relative;overflow:hidden}
.brand-mark::after{content:'';position:absolute;inset:auto -10px -12px auto;width:22px;height:22px;background:rgba(255,255,255,.18);border-radius:50%}
.nav{gap:5px;padding:16px 12px 18px;overflow:auto}
.nav-item{min-height:46px;border:1px solid transparent;padding:0 12px;border-radius:13px;position:relative}
.nav-item:hover{background:#fbfdff;border-color:#edf2f8;transform:translateX(1px)}
.nav-item.active{background:linear-gradient(180deg,#f3f8ff 0%,#eef4ff 100%);border-color:#d8e6ff;color:var(--primary);box-shadow:0 4px 12px rgba(36,99,235,.08)}
.nav-icon{width:28px;height:28px;border-radius:10px;background:var(--surface-3);font-size:16px;box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)}
.nav-item.active .nav-icon{background:linear-gradient(180deg,#dcebff,#eaf4ff)}
.nav-badge{box-shadow:inset 0 0 0 1px rgba(148,163,184,.12);font-weight:800}
.sidebar-foot{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 12%)}
.main-shell{width:calc(100% - var(--sidebar));background:transparent}
.topbar{height:var(--topbar);padding:0 22px 0 20px;background:rgba(255,255,255,.82);box-shadow:0 1px 0 rgba(221,230,241,.9);backdrop-filter:blur(16px)}
.live-pill,.control-btn,.icon-btn,.account-pill,.focus-search-wrap,.btn,.panel,.kpi{box-shadow:var(--shadow)}
.live-pill{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.control-btn,.icon-btn,.btn,.account-pill{height:38px}
.page{padding:20px clamp(16px,2.2vw,28px) 24px;max-width:none;width:100%;margin:0;display:flex;flex-direction:column;gap:14px}
.page-head{margin-bottom:6px}
.page-title h1{font-size:clamp(22px,2.1vw,28px)}
.page-title p{font-size:13px;line-height:1.55}
.focus-strip{position:sticky;top:var(--topbar);z-index:15;background:rgba(243,246,251,.9);backdrop-filter:blur(10px);padding:14px clamp(16px,2.2vw,28px) 10px;margin:0;border-bottom:1px solid rgba(221,230,241,.7)}
.focus-search-wrap{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid var(--line);border-radius:14px;padding:0 12px;min-height:46px;display:flex;align-items:center;gap:10px;flex:1}
.focus-icon{font-size:16px;opacity:.8}
.focus-query{border:0;background:transparent;outline:0;flex:1;min-width:0;font-size:13px}
.focus-search-wrap kbd{border:1px solid var(--line);background:#f8fbff;border-radius:8px;padding:3px 7px;font-size:11px;color:var(--muted)}
.focus-chips{padding:0 clamp(16px,2.2vw,28px) 6px}
.filter-drawer{margin:0 clamp(16px,2.2vw,28px);border-radius:16px;box-shadow:var(--shadow)}
.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.kpi{padding:16px 16px 15px;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);border-color:#e3ebf5}
.kpi-value{font-size:clamp(22px,2vw,28px)}
.kpi-icon{background:linear-gradient(180deg,#f4f8ff,#edf4ff);color:var(--primary)}
.grid-2,.grid-equal,.ops-grid,.story-grid,.mitre-grid,.export-grid,.sensor-grid,.health-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.panel{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)}
.panel-head{padding:16px 18px 12px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.panel-title{font-size:13px;letter-spacing:.01em}
.panel-body{padding:15px 18px 18px}
.table-shell{border-radius:12px;border:1px solid #edf2f7;background:#fff}
.data-table th{background:#f8fbff;backdrop-filter:blur(4px)}
.data-table td{white-space:nowrap;max-width:280px;text-overflow:ellipsis;overflow:hidden}
.data-table tbody tr.clickable:hover td{background:#f4f9ff}
.story-card,.export-card,.mitre-cell,.health-card{box-shadow:var(--shadow)}
.story-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.account-pill{padding-right:12px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.account-avatar{background:linear-gradient(180deg,#e7f0ff,#eef5ff)}
footer{padding:12px clamp(16px,2.2vw,28px) 24px;justify-content:flex-start}
.toast-stack{right:18px;bottom:18px}
.empty{padding:28px;border:1px dashed #d6dfeb;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:16px;text-align:center;color:var(--muted)}
.empty strong{display:block;font-size:14px;color:var(--text);margin-bottom:6px}

@media(max-width:1320px){
  .topbar-right{gap:8px;flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:1100px){
  .sidebar{transform:translateX(-100%);transition:transform .22s ease}
  .sidebar.open{transform:translateX(0)}
  .sidebar-scrim{position:fixed;inset:0;background:rgba(15,23,42,.28);backdrop-filter:blur(2px);z-index:25}
  .sidebar.open + .sidebar-scrim{display:block}
  .main-shell{margin-left:0;width:100%}
  .mobile-only{display:inline-flex!important}
  .page{padding-inline:16px}
}
@media(max-width:760px){
  .topbar{height:auto;min-height:var(--topbar);padding:12px 16px;align-items:flex-start;gap:10px;flex-direction:column}
  .topbar-left,.topbar-right{width:100%;justify-content:space-between;flex-wrap:wrap}
  .focus-strip{top:0;padding:12px 16px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .focus-search-wrap{grid-column:1/-1}
  .page-head{flex-direction:column}
  .page-actions{width:100%;flex-wrap:wrap}
  .page-actions .btn{flex:1}
  .control-btn,.btn,.account-pill,.icon-btn{min-width:0}
  .kpi-grid,.grid-2,.grid-equal,.ops-grid,.story-grid,.mitre-grid,.export-grid,.sensor-grid,.health-grid{grid-template-columns:1fr}
  .donut-layout{grid-template-columns:1fr;height:auto}
  .donut-box{width:150px;height:150px}
  .table-shell{overflow:auto}
}
@media(max-width:520px){
  .focus-strip{grid-template-columns:1fr}
  .topbar-right .control-btn span:last-child{display:none}
  .topbar-right .control-btn{width:38px;padding:0}
  .account-pill{width:100%;justify-content:flex-start}
  footer{font-size:10px}
}

/* v0.9.0 Detection Quality & Root-Cause surfaces */
.root-cause-box{margin:13px 0 10px;padding:12px 13px;border:1px solid #d7e5ff;background:linear-gradient(180deg,#f8fbff,#f1f6ff);border-radius:12px;display:grid;gap:4px}.root-cause-box>span{font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#3b66a8}.root-cause-box strong{font-size:12.5px}.root-cause-box small{color:var(--muted);font-size:10px}.root-cause-box em{display:inline-flex;font-style:normal;font-size:9px;margin:5px 5px 0 0;padding:3px 7px;border-radius:999px;background:#fff;border:1px solid #dbe6f7;color:#56667c}.risk-timeline{height:52px;display:flex;align-items:flex-end;gap:3px;margin:10px 0 12px;padding:6px 7px;border-radius:10px;background:linear-gradient(180deg,#fbfdff,#f6f9fd);border:1px solid #e8eef6}.risk-timeline i{flex:1;min-width:4px;max-width:24px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#e0475f,#f39a3c);opacity:.86;transition:.15s}.risk-timeline i:hover{opacity:1;transform:translateY(-2px)}.stage-dot.runtime{background:#8b5cf6}.stage-dot.file{background:#e88b17}.stage-dot.network{background:#0ea5b7}.quality-mini{margin-top:12px;padding:10px 11px;border-radius:10px;background:#f6f9ff;border:1px solid #e0e8f5;display:flex;justify-content:space-between;gap:10px;align-items:center}.quality-mini strong{font-size:12px}.quality-mini span{font-size:10px;color:var(--muted)}.sigma-result{display:grid;gap:8px;margin-top:10px}.sigma-result>strong{font-size:11px}.sigma-result pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:10px;border:1px solid #dce5f1;background:#0f172a;color:#e2e8f0;border-radius:10px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.form-stack textarea{width:100%;border:1px solid #d7dee8;background:#fff;border-radius:10px;padding:10px 11px;color:#172033;outline:0;resize:vertical}.form-stack textarea:focus{border-color:#8db4fb;box-shadow:0 0 0 3px #edf4ff}.fleet-health-score{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:var(--muted)}.fleet-health-score strong{font-size:15px}.health-meter{height:7px;border-radius:999px;background:#edf2f7;overflow:hidden;margin:6px 0 10px}.health-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a36a,#2f7af7)}.pill.amber{background:var(--amber-soft);border-color:#f0d69d;color:#8a5b08}.checkline{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.checkline input{width:auto!important;height:auto!important}
@media(max-width:760px){.quality-mini{align-items:flex-start;flex-direction:column}.risk-timeline{height:44px}.root-cause-box{padding:10px}}

/* v0.9 executive/CISO overview, drill-down KPIs and unified investigation */
.clickable-kpi{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.clickable-kpi:hover{transform:translateY(-2px);border-color:#bdd2f5;box-shadow:0 14px 30px rgba(36,99,235,.10)}
.clickable-kpi:focus-visible{outline:3px solid rgba(36,99,235,.22);outline-offset:2px}
.kpi-drill{margin-left:auto;color:var(--primary);font-weight:800;font-size:10px}
.executive-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.executive-strip>a{position:relative;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:var(--shadow);text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.executive-strip>a:hover{border-color:#bfd2ef;transform:translateY(-1px)}
.executive-strip span{font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.executive-strip strong{font-size:29px;line-height:1;margin:9px 0 6px;letter-spacing:-.04em}
.executive-strip small{color:var(--muted);font-size:10px;line-height:1.4}
.executive-score i{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--score)*1%),#e8eef6 0);-webkit-mask:radial-gradient(circle at center,transparent 53%,#000 55%);mask:radial-gradient(circle at center,transparent 53%,#000 55%);opacity:.9}
.executive-bars{display:grid;gap:11px}
.executive-bars>a{display:grid;grid-template-columns:72px 1fr 34px;gap:10px;align-items:center;text-decoration:none;color:inherit;font-size:11px}
.executive-bars>a>i{height:9px;border-radius:999px;background:#edf2f7;overflow:hidden}
.executive-bars>a>i>b{display:block;height:100%;background:linear-gradient(90deg,#d53d56,#f39a56);border-radius:999px;min-width:2px}
.executive-bars>a:nth-child(2)>i>b{background:linear-gradient(90deg,#e16450,#e79c3a)}
.executive-bars>a:nth-child(3)>i>b{background:linear-gradient(90deg,#d18a08,#eab84e)}
.executive-bars>a:nth-child(4)>i>b{background:linear-gradient(90deg,#4c8be8,#74a7ed)}
.executive-mini-grid,.resilience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.executive-mini-grid>a,.resilience-grid>a{border:1px solid #e6edf5;background:#fbfdff;border-radius:12px;padding:11px;text-decoration:none;color:inherit;min-width:0}
.executive-mini-grid strong,.resilience-grid strong{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.executive-mini-grid span,.resilience-grid span{display:block;color:var(--muted);font-size:9.5px;margin-top:3px}
.confidence-high{background:#159b62!important}.confidence-med{background:#d18a08!important}.confidence-low{background:#6f7f93!important}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.investigation-hero{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.investigation-hero>div{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.investigation-hero span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.investigation-hero strong{display:block;font-size:22px;margin-top:7px}
.root-cause-large{padding:18px}.root-cause-large>strong{font-size:16px;display:block}.root-cause-large>span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.root-cause-large p{margin:9px 0 0;padding:8px 10px;border-radius:9px;background:#f7fafc;color:#526175;font-size:11px}
.investigation-timeline{padding:16px}.investigation-timeline .story-stage{grid-template-columns:10px 1fr auto;padding:9px 0;border-bottom:1px solid #edf2f7}.investigation-timeline .story-stage:last-child{border-bottom:0}
@media(max-width:1260px){.executive-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.investigation-hero{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.executive-strip{grid-template-columns:1fr 1fr}.investigation-hero{grid-template-columns:1fr 1fr}.executive-mini-grid,.resilience-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.executive-strip,.investigation-hero{grid-template-columns:1fr}.executive-mini-grid,.resilience-grid{grid-template-columns:1fr}}

/* v1.0 interactive investigation, notifications and live traffic */
.graph-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;min-height:680px}.graph-canvas-panel{min-height:680px}.graph-canvas-wrap{position:relative;height:680px;overflow:hidden;border-radius:14px;background:#fbfdff}.investigation-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;background-image:radial-gradient(#e6edf6 1px,transparent 1px);background-size:22px 22px}.investigation-canvas:active{cursor:grabbing}.graph-detail-panel{min-height:680px}.graph-detail-title{font-size:16px;font-weight:850;letter-spacing:-.02em}.graph-detail-sub{margin-top:4px;color:var(--muted);font-size:11px}.graph-context-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.graph-tooltip{position:absolute;pointer-events:none;z-index:8;display:grid;gap:3px;min-width:150px;max-width:300px;padding:9px 10px;border-radius:10px;border:1px solid #dce5f0;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(15,23,42,.12);font-size:11px}.graph-tooltip span{color:var(--muted)}.graph-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;padding:14px}.graph-filter-grid label{display:grid;gap:5px;font-size:9.5px;font-weight:760;color:#526175}.graph-filter-grid input,.graph-filter-grid select{height:36px;border:1px solid #d7dee8;border-radius:9px;background:#fff;padding:0 9px;color:var(--text)}.graph-filter-grid .btn{align-self:end}.graph-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #edf1f5;background:#fbfdff}.graph-toolbar>span{margin-left:auto;color:var(--muted);font-size:10.5px}.notification-stats{font-size:10px;color:var(--muted);padding:7px 9px;border:1px solid #e6ebf2;background:#f8fafc;border-radius:9px}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.live-traffic-panel{margin-top:14px}.traffic-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.traffic-controls select{height:34px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:0 9px;color:var(--text)}.traffic-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#edf1f5}.traffic-stat-strip span{background:#fff;padding:9px 12px;color:var(--muted);font-size:10px}.traffic-stat-strip strong{display:block;color:var(--text);font-size:14px;margin-top:2px}.traffic-history-wrap{position:relative;height:280px}.traffic-tooltip{position:absolute;pointer-events:none;z-index:5;display:grid;gap:3px;min-width:150px;padding:8px 9px;border:1px solid #dce5ef;background:rgba(255,255,255,.96);border-radius:9px;box-shadow:var(--shadow);font-size:10px}.traffic-tooltip span{color:var(--muted)}.baseline-chip[href]{text-decoration:none;color:var(--primary)}.baseline-chip[href]:hover{background:var(--primary-soft);border-color:#cfe0ff}
@media(max-width:1180px){.graph-workspace{grid-template-columns:1fr}.graph-detail-panel{min-height:auto}.graph-canvas-wrap,.graph-canvas-panel{height:600px;min-height:600px}}
@media(max-width:760px){.graph-canvas-wrap,.graph-canvas-panel{height:520px;min-height:520px}.traffic-stat-strip{grid-template-columns:repeat(2,1fr)}.traffic-controls{width:100%}.traffic-controls select,.traffic-controls .btn{flex:1}}

.triage-snapshot{border-top:1px solid var(--line);padding:8px 0}
.triage-snapshot summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--text)}
.triage-snapshot .detail-card-body{padding:12px 0}
.triage-snapshot h4{font-size:11px;margin:16px 0 7px}
.triage-snapshot .table-shell{max-height:300px;overflow:auto}

/* Tekur marka (T-Sensor) */
.tekur-logo{height:28px;width:auto;display:block;flex:none}.tekur-logo.large{height:40px}