:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--panel:#fff;--canvas:#f5f7fb;--navy:#0b1220;--lime:#c7f36b;--green:#0e7c66;--red:#b42318;--amber:#a15c07;--blue:#175cd3;--radius:18px;--shadow:0 18px 55px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#f8fafc;padding:26px 20px;display:flex;flex-direction:column}.brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lime);color:var(--navy);font-weight:900}.tenant-card{display:flex;align-items:center;gap:11px;margin:28px 0 22px;padding:13px;border:1px solid #293548;border-radius:14px;background:#111c2e}.tenant-card div,.user-mini div{min-width:0}.tenant-card strong,.tenant-card small,.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-card small,.user-mini small{color:#98a2b3;margin-top:3px;font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,243,107,.12)}nav{display:grid;gap:7px}nav a{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-radius:11px;color:#aeb9c9;text-decoration:none;font-weight:650}nav a small{font-size:10px;opacity:.55}nav a:hover,nav a.active{background:#1b293e;color:#fff}nav a.active{box-shadow:inset 3px 0 0 var(--lime)}.sidebar-footer{margin-top:auto;border-top:1px solid #273449;padding-top:18px}.user-mini{display:flex;gap:10px;align-items:center}.user-mini>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#26354c;color:var(--lime);font-weight:800}.text-button{border:0;background:none;color:var(--blue);padding:0;cursor:pointer;font-weight:700}.sidebar .text-button{color:#aeb9c9;margin-top:15px}.main-content{padding:34px 42px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.topbar h1{margin:3px 0 0;font-size:32px;letter-spacing:-.04em}.kicker,.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.live-pill,.count-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.live-pill span{width:7px;height:7px;border-radius:50%;background:#17b26a}.hero-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;border-radius:var(--radius);background:linear-gradient(120deg,#111c2e,#172941);color:#fff;box-shadow:var(--shadow);margin-bottom:20px}.hero-card h2{font-size:28px;letter-spacing:-.035em;margin:7px 0}.hero-card p:not(.eyebrow){color:#b7c2d2;margin:0;max-width:650px}.eyebrow{color:var(--lime)}.button,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;padding:11px 15px;background:var(--navy);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button.secondary,button.secondary{background:#fff;color:var(--ink)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(16,24,40,.045)}.stat-grid article{padding:20px}.stat-grid span,.stat-grid small{display:block;color:var(--muted);font-size:12px}.stat-grid strong{display:block;font-size:29px;letter-spacing:-.04em;margin:8px 0 4px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.panel{padding:22px;min-width:0}.panel.span-2{grid-column:span 1}.panel h2,.secret-card h2{margin:5px 0 14px;font-size:20px;letter-spacing:-.025em}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px}.panel-head a{font-size:13px;color:var(--blue);font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid #edf0f4;white-space:nowrap}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}td small{display:block;color:var(--muted);margin-top:3px}.empty{text-align:center;color:var(--muted);padding:30px}pre{white-space:pre-wrap;word-break:break-word;background:#f2f4f7;border:1px solid var(--line);padding:14px;border-radius:12px;color:#344054;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}.mono,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#344054}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(23,92,211,.11)}textarea{resize:vertical}.flash{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-size:13px;font-weight:650}.flash.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.flash.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.secret-card{background:#efffd4;border:1px solid #bfe66e;border-radius:var(--radius);padding:24px;margin-bottom:20px}.secret-card textarea{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;background:#fff}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.05em}.badge.allow{background:#ecfdf3;color:#067647}.badge.block{background:#fef3f2;color:#b42318}.badge.review{background:#fffaeb;color:#b54708}.muted-badge{background:#f2f4f7;color:#667085}.danger-link{background:none;color:var(--red);padding:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--line)}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);margin-top:4px}.login-body{background:var(--navy)}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-intro{padding:42px 6vw;color:#fff;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 80%,rgba(199,243,107,.16),transparent 32%),linear-gradient(145deg,#0b1220,#111d31)}.login-copy{margin:auto 0;max-width:660px}.login-copy h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.06em;margin:16px 0 22px}.login-copy>p{font-size:18px;line-height:1.6;color:#b7c2d2;max-width:560px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#cbd5e1;font-size:12px}.trust-row span::first-letter{color:var(--lime)}.login-panel{display:grid;place-items:center;padding:35px;background:#f7f8fb}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;letter-spacing:-.04em;margin:6px 0 8px}.security-note{margin:18px 0 0;font-size:11px;color:var(--muted);text-align:center}.mobile-brand{display:none;font-weight:800;align-items:center;gap:9px;margin-bottom:28px}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr);margin-top:0}.tenant-card{margin:18px 0}.sidebar-footer{display:none}.main-content{padding:26px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex}}
@media(max-width:640px){.sidebar{padding:18px 14px}.sidebar nav{grid-template-columns:1fr 1fr}.main-content{padding:22px 14px}.topbar{align-items:flex-start}.live-pill{display:none}.hero-card{align-items:flex-start;flex-direction:column}.stat-grid,.content-grid,.form-row{grid-template-columns:1fr}.panel-head{align-items:flex-start}.login-card{padding:25px}.table-wrap{margin:0 -10px}.login-copy h1{font-size:42px}}
.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.onboarding-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 30px rgba(16,24,40,.045)}.onboarding-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--lime);font-weight:850;margin-bottom:14px}.onboarding-step h2{font-size:17px;margin:0 0 8px}.onboarding-step p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.onboarding-secret{display:grid;gap:14px}.onboarding-secret textarea{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button.danger,button.danger{background:#fff;color:var(--red);border:1px solid #fecdca}.safety-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.safety-list li{padding-left:24px;position:relative;color:var(--muted);font-size:13px;line-height:1.5}.safety-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.download-note{font-size:12px;color:var(--muted);line-height:1.55}.status-banner{border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:14px;padding:14px 16px;font-weight:700;margin-bottom:20px}@media(max-width:820px){.onboarding-steps{grid-template-columns:1fr}}

/* NpmShield.eu brand alignment */
:root{
  --ink:#f6f8fa;
  --muted:#8b9aaa;
  --line:rgba(101,231,174,.18);
  --panel:rgba(15,23,32,.92);
  --canvas:#05070a;
  --navy:#05090d;
  --lime:#65e7ae;
  --green:#65e7ae;
  --blue:#63cfff;
  --red:#ff6e7a;
  --amber:#f2bc69;
  --radius:20px;
  --shadow:0 18px 55px rgba(0,0,0,.34);
}
html{color-scheme:dark;background:#05070a}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 8%,rgba(101,231,174,.10),transparent 27%),
    radial-gradient(circle at 86% 7%,rgba(99,207,255,.08),transparent 23%),
    linear-gradient(180deg,#05070a 0%,#0f1720 100%);
}
.sidebar{
  background:linear-gradient(180deg,#020605 0%,#07110e 58%,#09131a 100%);
  border-right:1px solid rgba(101,231,174,.15);
  box-shadow:18px 0 50px rgba(0,0,0,.22);
}
.brand{width:100%;min-height:60px;gap:0}
.brand-logo{display:block;position:relative;width:210px;height:58px;overflow:hidden;flex:0 0 auto}
.brand-logo img{position:absolute;width:112%;height:203%;max-width:none;left:-6.6%;top:-51.5%;object-fit:fill;mix-blend-mode:screen}
.tenant-card{border-color:rgba(101,231,174,.17);background:rgba(15,23,32,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.status-dot{background:linear-gradient(180deg,var(--blue),var(--lime));box-shadow:0 0 0 5px rgba(101,231,174,.10),0 0 16px rgba(101,231,174,.42)}
.tenant-switcher label{color:var(--muted)}
.tenant-switcher select{border-color:rgba(101,231,174,.18);background:#0b1118;color:var(--ink)}
nav a{color:#a9b8c6}
nav a:hover,nav a.active{background:linear-gradient(90deg,rgba(101,231,174,.12),rgba(99,207,255,.07));color:#fff}
nav a.active{box-shadow:inset 3px 0 0 var(--lime),inset 0 0 0 1px rgba(101,231,174,.10)}
.sidebar-footer{border-color:rgba(101,231,174,.14)}
.user-mini>span{background:rgba(99,207,255,.13);color:var(--lime);border:1px solid rgba(99,207,255,.18)}
.sidebar .text-button{color:#c6d4df}
.main-content{background:transparent}
.topbar h1{color:#fff}
.kicker,.eyebrow{color:var(--lime)}
.live-pill,.count-pill{border-color:rgba(101,231,174,.18);background:rgba(15,23,32,.78);color:var(--ink)}
.live-pill span{background:var(--lime);box-shadow:0 0 13px rgba(101,231,174,.62)}
.hero-card{background:linear-gradient(125deg,#07110e 0%,#0c1c1b 48%,#102033 100%);border:1px solid rgba(101,231,174,.18);box-shadow:var(--shadow)}
.hero-card p:not(.eyebrow){color:#b5c5d1}
.stat-grid article,.panel,.onboarding-step{background:rgba(15,23,32,.88);border-color:rgba(101,231,174,.15);box-shadow:0 12px 36px rgba(0,0,0,.24)}
.stat-grid span,.stat-grid small,.muted,.panel p,.download-note,.safety-list li{color:var(--muted)}
.stat-grid strong,.panel h2,.panel h3,.secret-card h2{color:#fff}
.panel-head a,.text-button{color:var(--blue)}
th,td{border-color:rgba(101,231,174,.10)}
th{color:#91a6b5}
td small{color:var(--muted)}
pre{background:#080d13;border-color:rgba(99,207,255,.16);color:#dbe9f1}
.button,button{background:linear-gradient(135deg,#65e7ae,#63cfff);color:#04100c;box-shadow:0 10px 26px rgba(101,231,174,.14)}
.button.secondary,button.secondary{background:rgba(255,255,255,.055);color:#f6f8fa;border:1px solid rgba(101,231,174,.18);box-shadow:none}
input,select,textarea{border-color:rgba(101,231,174,.18);background:#080d13;color:#f6f8fa}
input:focus,select:focus,textarea:focus{border-color:rgba(101,231,174,.65);box-shadow:0 0 0 3px rgba(101,231,174,.11)}
.form-stack label{color:#dce7ec}
.flash.success{background:rgba(101,231,174,.10);border-color:rgba(101,231,174,.30);color:#a4f3cf}
.flash.error{background:rgba(255,110,122,.09);border-color:rgba(255,110,122,.28);color:#ffc0c6}
.secret-card{background:linear-gradient(135deg,rgba(101,231,174,.11),rgba(99,207,255,.07));border-color:rgba(101,231,174,.28)}
.secret-card textarea{background:#080d13;color:#f6f8fa}
.badge.allow{background:rgba(101,231,174,.12);color:#8ff1c5}.badge.block{background:rgba(255,110,122,.11);color:#ffb6bd}.badge.review{background:rgba(242,188,105,.11);color:#ffe0a8}.muted-badge{background:rgba(255,255,255,.06);color:#a8b6c2}
.login-body{background:#05070a}
.login-intro{background:radial-gradient(circle at 15% 80%,rgba(101,231,174,.15),transparent 32%),linear-gradient(145deg,#020605,#0b1713 58%,#102033)}
.login-copy>p{color:#b5c5d1}
.login-panel{background:radial-gradient(circle at 80% 15%,rgba(99,207,255,.08),transparent 28%),#080c11}
.login-card{background:rgba(15,23,32,.94);border-color:rgba(101,231,174,.18);box-shadow:0 24px 80px rgba(0,0,0,.42)}
.security-note{color:var(--muted)}
.invite-identity{background:rgba(255,255,255,.04)}
.invite-identity>span{background:#08120f;color:var(--lime);border:1px solid rgba(101,231,174,.18)}
.customer-card{background:rgba(8,13,19,.78);border-color:rgba(101,231,174,.13)}
.customer-card.selected{background:rgba(101,231,174,.075);border-color:rgba(101,231,174,.30)}
.customer-metrics strong{color:var(--ink)}
.partner-summary{background:linear-gradient(145deg,#07110e,#102033)}
.summary-number strong{color:var(--lime)}
@media(max-width:980px){.brand-logo{width:190px;height:52px}.mobile-brand .brand-logo{width:210px;height:58px}}

/* Real-time customer protection story */
.protection-story{margin-bottom:20px;padding:26px;border:1px solid rgba(101,231,174,.22);border-radius:22px;background:linear-gradient(135deg,rgba(7,17,14,.97),rgba(13,28,29,.95) 55%,rgba(16,32,51,.94));box-shadow:0 18px 55px rgba(0,0,0,.28)}
.protection-story[hidden]{display:none}.protection-story-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.protection-story-head h2{margin:6px 0 5px;font-size:26px;color:#fff;letter-spacing:-.035em}.protection-story-head p:last-child{margin:0;color:var(--muted);font-size:12px}.protection-verdict{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.protection-verdict.allowed{background:rgba(101,231,174,.13);border:1px solid rgba(101,231,174,.28);color:#9af3cc}.protection-verdict.blocked{background:rgba(255,110,122,.12);border:1px solid rgba(255,110,122,.28);color:#ffb8bf}
.protection-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.protection-step{position:relative;display:flex;gap:12px;min-height:105px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(4,9,12,.5)}.protection-step:not(:last-child):after{content:'›';position:absolute;right:-10px;top:37px;z-index:2;color:rgba(101,231,174,.65);font-size:24px}.protection-step>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(101,231,174,.12);color:var(--lime);font-size:12px;font-weight:900}.protection-step strong,.protection-step small{display:block}.protection-step strong{color:#fff;font-size:13px;margin:4px 0 7px}.protection-step small{color:var(--muted);font-size:11px;line-height:1.45}.protection-step.stopped{border-color:rgba(255,110,122,.23);background:rgba(255,110,122,.065)}.protection-step.stopped>span{background:rgba(255,110,122,.14);color:#ffb8bf}.protection-step.passed{border-color:rgba(101,231,174,.24);background:rgba(101,231,174,.065)}
@media(max-width:1050px){.protection-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-step:after{display:none}}
@media(max-width:640px){.protection-story{padding:20px}.protection-story-head{display:grid}.protection-flow{grid-template-columns:1fr}}
.inspection-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:14px}.inspection-terminal,.decision-engine{min-width:0;padding:16px;border:1px solid rgba(99,207,255,.16);border-radius:17px;background:rgba(4,9,13,.72)}.inspection-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#d8e6ee;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.inspection-label small{color:var(--muted);font-weight:700;letter-spacing:0;text-transform:none}.terminal-screen{min-height:250px;padding:20px;border:1px solid rgba(101,231,174,.15);border-radius:13px;background:#020608;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-screen p{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;margin:0 0 8px;color:#effaf6}.terminal-screen b{color:#8fa2af}.terminal-screen span{overflow-wrap:anywhere}.terminal-screen .terminal-muted{color:#a4b4c0}.terminal-screen .terminal-result{display:block;margin-top:22px;padding:12px 13px;border-radius:10px;font-weight:850}.terminal-result.is-blocked{background:rgba(255,110,122,.10);border:1px solid rgba(255,110,122,.22);color:#ffb8bf}.terminal-result.is-allowed{background:rgba(101,231,174,.10);border:1px solid rgba(101,231,174,.22);color:#9af3cc}.engine-meta{display:grid;grid-template-columns:1.4fr 1fr .65fr;gap:9px;margin-bottom:12px}.engine-meta>div{padding:11px;border:1px solid rgba(99,207,255,.13);border-radius:11px;background:rgba(8,17,23,.74);min-width:0}.engine-meta small,.engine-meta strong{display:block}.engine-meta small{margin-bottom:6px;color:#718797;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.engine-meta strong{overflow:hidden;color:#f4f8fa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.engine-checks{overflow:hidden;border:1px solid rgba(99,207,255,.14);border-radius:12px}.engine-checks>div{display:flex;justify-content:space-between;gap:18px;padding:11px 12px;border-bottom:1px solid rgba(99,207,255,.10);color:#8fa4b3;font-size:11px}.engine-checks>div:last-child{border-bottom:0}.engine-checks strong{font-size:10px}.check-pass{color:#c8d6df}.check-block{color:#ff9da7}.check-allow{color:#7ff0be}.engine-outcome{background:rgba(255,255,255,.025)}.engine-explanation{margin-top:12px;padding:12px 13px;border-left:3px solid var(--lime);background:rgba(101,231,174,.055)}.engine-explanation strong{color:#fff;font-size:12px}.engine-explanation p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
tbody[data-activity-body] tr{cursor:pointer;transition:background .15s ease}tbody[data-activity-body] tr:hover{background:rgba(99,207,255,.045)}tbody[data-activity-body] tr.is-selected{background:rgba(101,231,174,.06);box-shadow:inset 3px 0 0 var(--lime)}
@media(max-width:1050px){.inspection-grid{grid-template-columns:1fr}.terminal-screen{min-height:0}}
@media(max-width:640px){.engine-meta{grid-template-columns:1fr}.terminal-screen p{grid-template-columns:1fr;gap:2px}.inspection-label{display:grid}}

/* Composer customer onboarding */
.composer-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:30px;border:1px solid rgba(101,231,174,.22);border-radius:22px;background:radial-gradient(circle at 85% 25%,rgba(99,207,255,.14),transparent 30%),linear-gradient(125deg,#06100d 0%,#0b1b18 48%,#102139 100%);box-shadow:0 22px 65px rgba(0,0,0,.32)}
.composer-hero h2{margin:7px 0 8px;color:#fff;font-size:30px;letter-spacing:-.04em}.composer-hero p:last-child{max-width:720px;margin:0;color:#adbfcb;line-height:1.6}.composer-hero-status{display:flex;align-items:center;gap:12px;min-width:190px;padding:14px 16px;border:1px solid rgba(101,231,174,.24);border-radius:15px;background:rgba(5,13,15,.66)}.composer-hero-status>span{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(101,231,174,.09),0 0 18px rgba(101,231,174,.55)}.composer-hero-status strong,.composer-hero-status small{display:block}.composer-hero-status strong{color:#fff;font-size:13px}.composer-hero-status small{max-width:140px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.composer-hero-status.composer-waiting>span{background:var(--blue);animation:composer-waiting-pulse 1.8s ease-in-out infinite}.composer-hero-status.composer-waiting strong{font-size:11px}@keyframes composer-waiting-pulse{0%,100%{box-shadow:0 0 0 5px rgba(99,207,255,.08),0 0 8px rgba(99,207,255,.28)}50%{box-shadow:0 0 0 8px rgba(99,207,255,.04),0 0 22px rgba(99,207,255,.68)}}
.composer-onboarding-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:20px;align-items:start}.composer-setup{display:grid;gap:14px}.composer-step-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:22px;border:1px solid rgba(101,231,174,.15);border-radius:19px;background:rgba(15,23,32,.9);box-shadow:0 12px 36px rgba(0,0,0,.22)}.composer-step-number{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(101,231,174,.28);border-radius:15px;background:linear-gradient(145deg,rgba(101,231,174,.14),rgba(99,207,255,.08));color:var(--lime);font:900 13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.composer-step-content h2{margin:5px 0 8px;color:#fff;font-size:20px;letter-spacing:-.025em}.composer-step-content>p:not(.kicker){margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.6}.composer-step-content>.button{margin-top:2px}.composer-step-content pre{margin:14px 0}.composer-os-list{display:grid;gap:9px;margin-top:16px}.composer-os-list details{overflow:hidden;border:1px solid rgba(99,207,255,.14);border-radius:13px;background:#070c11}.composer-os-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;cursor:pointer;list-style:none;color:#fff;font-size:13px;font-weight:800}.composer-os-list summary::-webkit-details-marker{display:none}.composer-os-list summary:after{content:'+';display:grid;place-items:center;width:22px;height:22px;margin-left:auto;border-radius:7px;background:rgba(101,231,174,.10);color:var(--lime)}.composer-os-list details[open] summary:after{content:'−'}.composer-os-list summary small{color:var(--muted);font-size:10px;font-weight:700}.composer-os-list pre{margin:0;border:0;border-top:1px solid rgba(99,207,255,.11);border-radius:0;background:#03070a;color:#dff7ec}.composer-security-note{margin:12px 0 0!important;padding:11px 13px;border-left:3px solid var(--lime);background:rgba(101,231,174,.055);color:#9fb1bd!important}.composer-security-note strong{color:#dff7ec}
.composer-control-panel{position:sticky;top:26px;overflow:hidden;border:1px solid rgba(99,207,255,.18);border-radius:20px;background:linear-gradient(155deg,rgba(9,18,24,.96),rgba(10,24,23,.96));box-shadow:0 18px 55px rgba(0,0,0,.28)}.composer-control-head{padding:23px 23px 18px;border-bottom:1px solid rgba(99,207,255,.12)}.composer-control-head h2{margin:5px 0 7px;color:#fff;font-size:21px}.composer-control-head p:last-child{margin:0;color:var(--muted);font-size:12px}.composer-control-flow{padding:12px 18px}.composer-control-flow>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid rgba(99,207,255,.10)}.composer-control-flow>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(101,231,174,.10);color:var(--lime);font-size:11px;font-weight:900}.composer-control-flow p{margin:0}.composer-control-flow strong,.composer-control-flow small{display:block}.composer-control-flow strong{color:#eef7f4;font-size:12px}.composer-control-flow small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.composer-control-flow b{padding:5px 7px;border-radius:999px;background:rgba(99,207,255,.08);color:#93dfff;font-size:8px;letter-spacing:.07em}.composer-control-flow .composer-control-result{border-bottom:0}.composer-control-flow .composer-control-result b{background:rgba(101,231,174,.11);color:#8df0c2}.composer-endpoint{margin:0 18px 18px;padding:13px;border:1px solid rgba(101,231,174,.14);border-radius:12px;background:#050a0e}.composer-endpoint small,.composer-endpoint code{display:block}.composer-endpoint small{margin-bottom:7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.composer-endpoint code{overflow-wrap:anywhere;color:#dff7ec;font-size:10px}.composer-activity-link{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:linear-gradient(135deg,var(--lime),var(--blue));color:#03100c;text-decoration:none;font-size:13px;font-weight:900}.composer-activity-link b{font-size:20px}
@media(max-width:1120px){.composer-onboarding-grid{grid-template-columns:1fr}.composer-control-panel{position:static}.composer-control-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.composer-control-flow>div:nth-last-child(2){border-bottom:0}}
@media(max-width:700px){.composer-hero{align-items:flex-start;flex-direction:column;padding:22px}.composer-hero h2{font-size:25px}.composer-hero-status{width:100%}.composer-step-card{grid-template-columns:1fr}.composer-control-flow{grid-template-columns:1fr}.composer-control-flow>div:nth-last-child(2){border-bottom:1px solid rgba(99,207,255,.10)}.composer-os-list summary{align-items:flex-start;flex-wrap:wrap}}

/* Composer connected state */
.composer-live-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:30px;border:1px solid rgba(101,231,174,.26);border-radius:22px;background:radial-gradient(circle at 78% 22%,rgba(101,231,174,.14),transparent 26%),linear-gradient(125deg,#06100d,#0b1c19 52%,#102139);box-shadow:0 22px 65px rgba(0,0,0,.32)}.composer-live-hero h2{margin:6px 0 8px;color:#fff;font-size:30px;letter-spacing:-.04em}.composer-live-hero p:last-child{max-width:720px;margin:0;color:#aec0cb;line-height:1.6}.composer-connected-status{display:flex;align-items:center;gap:12px;min-width:225px;padding:14px 16px;border:1px solid rgba(101,231,174,.28);border-radius:15px;background:rgba(4,14,11,.7)}.composer-connected-status>span{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(101,231,174,.09),0 0 20px rgba(101,231,174,.65)}.composer-connected-status strong,.composer-connected-status small{display:block}.composer-connected-status strong{color:#eafff5;font-size:12px}.composer-connected-status small{margin-top:4px;color:var(--muted);font-size:9px}.composer-reconnect{margin-top:20px;border:1px solid rgba(101,231,174,.14);border-radius:15px;background:rgba(15,23,32,.72)}.composer-reconnect summary{padding:16px 18px;cursor:pointer;color:#bdcbd5;font-size:12px;font-weight:800}.composer-reconnect>div{padding:0 18px 18px}.composer-reconnect p{color:var(--muted);font-size:12px}.composer-reconnect pre{margin:12px 0}.composer-stat-grid{margin-bottom:20px}
@media(max-width:700px){.composer-live-hero{align-items:flex-start;flex-direction:column;padding:22px}.composer-connected-status{width:100%}}

/* Ecosystem controls and responsive live decisions */
.login-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:15px}.login-links a{color:#88dfff;font-size:11px;font-weight:750;text-decoration:none}.login-links a:hover{text-decoration:underline}
.ecosystem-policy-panel{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.55fr);gap:20px;margin-bottom:20px;padding:24px;border:1px solid rgba(101,231,174,.22);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(99,207,255,.09),transparent 32%),rgba(11,21,27,.94);box-shadow:0 15px 45px rgba(0,0,0,.22)}.ecosystem-policy-panel h2{margin:5px 0 8px;color:#fff;font-size:22px}.ecosystem-policy-panel>div>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.ecosystem-policy-form{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(105px,.55fr) minmax(140px,.7fr) auto;gap:10px;align-items:end}.ecosystem-policy-form label{display:grid;gap:7px;color:#dbe7ec;font-size:10px;font-weight:800}.ecosystem-policy-form button{min-height:42px;white-space:nowrap}.ecosystem-policy-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;border-top:1px solid rgba(99,207,255,.11)}.ecosystem-policy-footer strong,.ecosystem-policy-footer small{display:block}.ecosystem-policy-footer strong{color:#eaf6f2;font-size:12px}.ecosystem-policy-footer small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.activity-handoff{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;padding:18px 20px;border:1px solid rgba(99,207,255,.16);border-radius:16px;background:linear-gradient(110deg,rgba(101,231,174,.07),rgba(99,207,255,.06))}.activity-handoff strong,.activity-handoff small{display:block}.activity-handoff strong{margin:5px 0;color:#fff;font-size:15px}.activity-handoff small{color:var(--muted);font-size:11px}.ecosystem-story .terminal-screen{min-height:0}.ecosystem-story .terminal-screen p{grid-template-columns:105px minmax(0,1fr)}.ecosystem-story .terminal-screen span,.ecosystem-story .engine-meta strong{overflow-wrap:anywhere;white-space:normal}.activity-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.activity-filters a{padding:8px 12px;border:1px solid rgba(99,207,255,.15);border-radius:999px;color:#9eb0bc;font-size:11px;font-weight:800;text-decoration:none}.activity-filters a.active,.activity-filters a:hover{border-color:rgba(101,231,174,.35);background:rgba(101,231,174,.10);color:#a3f3ce}
@media(max-width:1120px){.ecosystem-policy-panel{grid-template-columns:1fr}.ecosystem-policy-form{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-policy-form button{grid-column:1/-1}.ecosystem-policy-footer{grid-column:auto}}
@media(max-width:700px){.ecosystem-policy-panel{padding:19px}.ecosystem-policy-form{grid-template-columns:1fr}.ecosystem-policy-form button{grid-column:auto}.ecosystem-policy-footer,.activity-handoff{align-items:flex-start;flex-direction:column}.activity-handoff .button{width:100%}.ecosystem-story{padding:18px}.ecosystem-story .inspection-grid{grid-template-columns:minmax(0,1fr)}.ecosystem-story .inspection-terminal,.ecosystem-story .decision-engine{overflow:hidden;padding:13px}.ecosystem-story .terminal-screen{padding:14px}.ecosystem-story .terminal-screen p{grid-template-columns:1fr;gap:2px}.ecosystem-story .engine-meta{grid-template-columns:1fr}.ecosystem-story .engine-checks>div{align-items:flex-start;flex-direction:column;gap:4px}.composer-live-hero h2{font-size:24px}.stat-grid.composer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.stat-grid.composer-stat-grid{grid-template-columns:1fr}.composer-connected-status{min-width:0}.protection-story-head h2{overflow-wrap:anywhere;font-size:22px}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.main-content{padding-left:14px;padding-right:14px}}

/* Premium control-plane polish */
:root{
  --surface-0:#05090d;
  --surface-1:#091117;
  --surface-2:#0d1820;
  --surface-3:#11212a;
  --stroke-soft:rgba(147,223,255,.10);
  --stroke:rgba(101,231,174,.18);
  --stroke-strong:rgba(101,231,174,.34);
  --glow-green:rgba(101,231,174,.18);
  --glow-blue:rgba(99,207,255,.14);
}
body:not(.login-body){background:#05090d}
.app-shell{background:linear-gradient(135deg,#05090d 0%,#081118 48%,#071017 100%)}
.main-content{position:relative;isolation:isolate;overflow:hidden;padding-top:30px}
.main-content:before{content:"";position:fixed;z-index:-1;inset:0 0 0 260px;pointer-events:none;background-image:linear-gradient(rgba(99,207,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(99,207,255,.018) 1px,transparent 1px),radial-gradient(circle at 82% 8%,rgba(99,207,255,.075),transparent 26%),radial-gradient(circle at 18% 90%,rgba(101,231,174,.055),transparent 28%);background-size:38px 38px,38px 38px,auto,auto}
.topbar{position:relative;padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--stroke-soft)}
.topbar:after{content:"";position:absolute;left:0;bottom:-1px;width:92px;height:1px;background:linear-gradient(90deg,var(--lime),transparent);box-shadow:0 0 16px var(--glow-green)}
.topbar h1{font-size:clamp(28px,2.3vw,38px);line-height:1.05}
.topbar .kicker{color:#7e9aab;font-size:9px;letter-spacing:.16em}
.live-pill{padding:9px 13px;border-color:var(--stroke);background:rgba(7,17,22,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(14px)}
.live-pill span{animation:live-status-pulse 2.4s ease-in-out infinite}
@keyframes live-status-pulse{0%,100%{box-shadow:0 0 0 0 rgba(101,231,174,.22),0 0 12px rgba(101,231,174,.45)}50%{box-shadow:0 0 0 5px rgba(101,231,174,0),0 0 18px rgba(101,231,174,.72)}}
.sidebar{padding-top:22px;background:linear-gradient(180deg,rgba(2,7,8,.985),rgba(5,15,14,.99) 55%,rgba(7,16,23,.99));box-shadow:18px 0 65px rgba(0,0,0,.3)}
.sidebar:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:38%;background:linear-gradient(var(--lime),rgba(99,207,255,.24),transparent);opacity:.5}
.tenant-card{margin-top:22px;padding:15px;border-radius:16px;background:linear-gradient(145deg,rgba(15,31,31,.9),rgba(12,23,34,.88))}
.sidebar nav a{position:relative;min-height:45px;border:1px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.sidebar nav a:hover{border-color:rgba(99,207,255,.10);transform:translateX(2px)}
.sidebar nav a.active{border-color:rgba(101,231,174,.16);background:linear-gradient(90deg,rgba(101,231,174,.13),rgba(99,207,255,.055));box-shadow:inset 3px 0 0 var(--lime),0 10px 26px rgba(0,0,0,.14)}
.sidebar nav a small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#77909f;opacity:1}
.hero-card,.composer-hero,.composer-live-hero,.protection-story{position:relative;overflow:hidden}
.hero-card:before,.composer-hero:before,.composer-live-hero:before,.protection-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.028),transparent 34%),radial-gradient(circle at 92% 14%,rgba(99,207,255,.11),transparent 28%)}
.hero-card>* ,.composer-hero>* ,.composer-live-hero>* ,.protection-story>*{position:relative}
.hero-card{min-height:142px;padding:30px 32px;border-color:rgba(101,231,174,.23);box-shadow:0 22px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}
.hero-card h2{font-size:clamp(25px,2vw,31px)}
.stat-grid article,.panel,.ecosystem-policy-panel,.activity-handoff,.composer-reconnect{border-color:var(--stroke-soft);background:linear-gradient(145deg,rgba(14,25,33,.94),rgba(10,19,26,.92));box-shadow:0 16px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.018)}
.stat-grid article{position:relative;overflow:hidden;padding:22px;border-radius:17px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.stat-grid article:before{content:"";position:absolute;left:0;top:20px;width:2px;height:34px;background:linear-gradient(var(--lime),var(--blue));box-shadow:0 0 12px var(--glow-green)}
.stat-grid article:hover{transform:translateY(-2px);border-color:var(--stroke);box-shadow:0 20px 46px rgba(0,0,0,.25)}
.stat-grid strong{font-variant-numeric:tabular-nums;font-size:31px}
.panel{padding:24px}
.panel-head{padding-bottom:12px;margin-bottom:3px;border-bottom:1px solid rgba(99,207,255,.075)}
.panel h2,.ecosystem-policy-panel h2,.composer-step-content h2{line-height:1.18}
.kicker,.eyebrow{font-size:9px;letter-spacing:.16em}
.button,button{min-height:42px;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.button:hover,button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 13px 30px rgba(101,231,174,.2)}
.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.button.secondary:hover,button.secondary:hover{border-color:var(--stroke-strong);background:rgba(101,231,174,.075);box-shadow:0 10px 26px rgba(0,0,0,.16)}
input,select,textarea{min-height:43px;border-color:rgba(147,223,255,.12);background:rgba(3,9,13,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input:hover,select:hover,textarea:hover{border-color:rgba(147,223,255,.23)}
input:focus,select:focus,textarea:focus{background:#071017;border-color:rgba(101,231,174,.58);box-shadow:0 0 0 3px rgba(101,231,174,.08),0 0 24px rgba(101,231,174,.06)}
label{letter-spacing:.005em}
.table-wrap{border-radius:13px}
table{font-variant-numeric:tabular-nums}
thead{background:rgba(3,9,13,.34)}
th{padding-top:12px;padding-bottom:12px;color:#7894a5;font-size:9px;letter-spacing:.12em}
td{padding-top:15px;padding-bottom:15px}
tbody tr{transition:background .16s ease}
tbody tr:hover{background:rgba(99,207,255,.032)}
.badge{align-items:center;min-height:24px;padding:5px 9px;border:1px solid transparent;font-size:9px}
.badge.allow{border-color:rgba(101,231,174,.17)}.badge.block{border-color:rgba(255,110,122,.18)}.badge.review{border-color:rgba(242,188,105,.18)}.muted-badge{border-color:rgba(147,223,255,.09)}
.ecosystem-policy-panel{padding:26px;border-color:var(--stroke);background:radial-gradient(circle at 92% 0,rgba(99,207,255,.10),transparent 32%),linear-gradient(145deg,rgba(10,26,25,.96),rgba(12,22,31,.94))}
.ecosystem-policy-form{padding:2px 0}
.ecosystem-policy-footer{margin-top:2px}
.activity-handoff{padding:20px 22px;border-color:rgba(99,207,255,.15)}
.activity-handoff .kicker{margin-bottom:7px}
.activity-filters{padding:5px;border:1px solid var(--stroke-soft);border-radius:14px;background:rgba(6,13,18,.58);width:max-content;max-width:100%}
.activity-filters a{min-width:68px;text-align:center}
.activity-filters a.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.16)}
.inspection-terminal,.decision-engine{background:linear-gradient(155deg,rgba(3,10,13,.9),rgba(7,17,23,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.engine-checks>div{min-height:42px;align-items:center}
.composer-step-card{border-color:var(--stroke-soft);background:linear-gradient(145deg,rgba(14,25,33,.95),rgba(9,18,25,.93));box-shadow:0 16px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.02)}
.composer-step-number{box-shadow:0 0 22px rgba(101,231,174,.07)}
.composer-control-panel{border-color:var(--stroke);box-shadow:0 20px 55px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.02)}
.secret-card{box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}
.flash{box-shadow:0 10px 30px rgba(0,0,0,.16)}
@media(max-width:980px){.main-content:before{inset:0;background-size:32px 32px,32px 32px,auto,auto}.sidebar:after{display:none}.sidebar nav a:hover{transform:none}}
@media(max-width:700px){.main-content{padding-top:22px}.topbar{padding-bottom:18px}.hero-card{min-height:0;padding:24px}.panel,.ecosystem-policy-panel{padding:19px}.stat-grid article{padding:18px}.activity-filters{width:100%}.activity-filters a{flex:1}.table-wrap{border-radius:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Threat-intelligence command center */
.threat-command{position:relative;overflow:hidden;margin-bottom:20px;padding:28px;border:1px solid rgba(101,231,174,.27);border-radius:22px;background:radial-gradient(circle at 88% 8%,rgba(99,207,255,.14),transparent 29%),linear-gradient(135deg,rgba(5,17,14,.98),rgba(9,24,25,.97) 48%,rgba(13,28,43,.97));box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035)}
.threat-command:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(99,207,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,207,255,.025) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.85))}
.threat-command>*{position:relative}.threat-command.is-degraded{border-color:rgba(255,110,122,.27)}
.threat-command-head{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.threat-command-head h2{margin:6px 0 9px;color:#fff;font-size:clamp(25px,2.2vw,34px);letter-spacing:-.045em}.threat-command-head p:last-child{max-width:790px;margin:0;color:#a8bbc7;font-size:13px;line-height:1.65}
.threat-status{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 13px;border:1px solid rgba(101,231,174,.27);border-radius:999px;background:rgba(4,14,13,.74);color:#9af3cc;font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.threat-status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(101,231,174,.09),0 0 16px rgba(101,231,174,.68)}.is-degraded .threat-status{border-color:rgba(255,110,122,.3);color:#ffb8bf}.is-degraded .threat-status i{background:#ff6e7a;box-shadow:0 0 0 5px rgba(255,110,122,.09),0 0 16px rgba(255,110,122,.55)}
.threat-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.threat-metrics>div{min-width:0;padding:16px;border:1px solid rgba(147,223,255,.11);border-radius:14px;background:rgba(3,10,14,.6)}.threat-metrics small,.threat-metrics strong,.threat-metrics span{display:block}.threat-metrics small{color:#718b9b;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.threat-metrics strong{margin:8px 0 5px;overflow-wrap:anywhere;color:#f4fbf8;font-size:19px;font-variant-numeric:tabular-nums}.threat-metrics span{color:#8298a6;font-size:10px;line-height:1.35}
.threat-pipeline{display:flex;align-items:center;gap:10px;margin-top:12px;padding:13px 15px;border:1px solid rgba(101,231,174,.12);border-radius:13px;background:rgba(4,12,14,.57)}.threat-pipeline span{display:flex;align-items:center;gap:8px;color:#b9c9d3;font-size:10px;font-weight:750}.threat-pipeline b{color:var(--lime);font:900 9px ui-monospace,SFMono-Regular,Consolas,monospace}.threat-pipeline i{color:#52727b;font-style:normal}
.decision-context{display:block;margin-top:7px;color:#7894a5!important;font:750 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;text-transform:uppercase}.engine-explanation .decision-context{margin-top:8px}
@media(max-width:1050px){.threat-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.threat-pipeline{align-items:flex-start;flex-direction:column}.threat-pipeline i{display:none}}
@media(max-width:700px){.threat-command{padding:21px}.threat-command-head{flex-direction:column}.threat-status{align-self:flex-start}.threat-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.threat-metrics{grid-template-columns:1fr}}