@font-face{font-family:"IBM Plex Sans";src:url("assets/fonts/ibm-plex-sans.ttf") format("truetype");font-style:normal;font-weight:100 700;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/montserrat.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#0b1713;--ink-2:#283a33;--muted:#68776f;--muted-2:#87948e;--paper:#f3f5f1;--surface:#fbfcfa;--surface-2:#eef2ed;--night:#06100d;--night-2:#0d1c17;--line:#dce3dd;--line-strong:#cdd7cf;--mint:#a6ff14;--green:#41d99a;--orange:#ffb066;--red:#ff7a6d;--blue:#76c8ff;--shadow:0 18px 60px rgba(7,20,14,.08);--sidebar:278px;--radius:18px;--radius-sm:12px;color:var(--ink);background:var(--paper);font-family:"IBM Plex Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.55;text-rendering:optimizeLegibility}
h1,h2,h3,.console-brand strong{font-family:"Montserrat","IBM Plex Sans",sans-serif;font-variation-settings:"wght" 660}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
::selection{background:var(--mint);color:var(--ink)}
:focus-visible{outline:3px solid rgba(128,211,0,.62);outline-offset:3px;border-radius:7px}
.skip-link{position:fixed;z-index:200;left:18px;top:12px;padding:10px 14px;border-radius:9px;background:var(--mint);font-weight:700;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:var(--sidebar);padding:24px 18px 18px;display:flex;flex-direction:column;background:radial-gradient(circle at 40% 0,rgba(166,255,20,.09),transparent 24%),var(--night);color:#c8d2cd;border-right:1px solid rgba(255,255,255,.08)}
.console-brand{height:48px;padding:0 8px;display:flex;align-items:center;gap:12px}
.console-brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 0 34px rgba(166,255,20,.14)}
.console-brand div{display:grid;gap:1px}.console-brand strong{color:#fff;font-size:17px;letter-spacing:-.03em}.console-brand span{color:#71847a;font:700 12px ui-monospace,monospace;letter-spacing:.08em}
.tenant{margin:27px 0 22px;padding:13px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}
.tenant-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#172a22;color:var(--mint);font-size:13px;font-weight:800}
.tenant div{min-width:0;display:grid}.tenant strong{overflow:hidden;color:#ecf3ef;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.tenant span:last-child{color:#71847a;font-size:12px;text-transform:capitalize}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;padding:0 4px 20px;scrollbar-width:thin;scrollbar-color:#32463d transparent}
.sidebar nav p{margin:21px 10px 7px;color:#5f7369;font:700 12px ui-monospace,monospace;letter-spacing:.09em}
.sidebar nav a{min-height:43px;padding:9px 11px;display:flex;align-items:center;gap:11px;border-radius:11px;color:#98a8a0;font-size:14px;font-weight:530;transition:background .18s,color .18s,transform .18s}
.sidebar nav a:hover{background:rgba(255,255,255,.045);color:#f2f7f4;transform:translateX(2px)}
.sidebar nav a.active{background:rgba(166,255,20,.1);color:#eaffc8;box-shadow:inset 3px 0 var(--mint)}
.sidebar nav a svg{width:19px;height:19px;color:#6f867a}.sidebar nav a.active svg{color:var(--mint)}
.sidebar-foot{min-height:58px;padding:10px;display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.07)}
.sidebar-foot>i{width:8px;height:8px;border-radius:50%;background:#7d5d4d;box-shadow:0 0 0 4px rgba(255,122,109,.06)}.sidebar-foot.connected>i{background:var(--green);box-shadow:0 0 0 4px rgba(65,217,154,.08)}
.sidebar-foot div{display:grid}.sidebar-foot strong{color:#dbe5df;font-size:13px}.sidebar-foot span,.sidebar-foot small{color:#65786e;font-size:12px}

main{min-height:100vh;margin-left:var(--sidebar)}
.topbar{position:sticky;top:0;z-index:60;height:76px;padding:0 clamp(24px,4vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(205,215,207,.8);background:rgba(243,245,241,.88);backdrop-filter:blur(18px)}
.topbar>div{display:flex;align-items:center;gap:12px}.breadcrumb{color:#7b8982;font-size:14px}.breadcrumb b{color:var(--ink);font-weight:650}.top-actions{gap:9px!important}.environment{padding:7px 10px;border:1px solid #c9d6cb;border-radius:99px;color:#53655c;font-size:12px;font-weight:750;letter-spacing:.06em}
.help-link,.top-actions button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:11px;background:rgba(255,255,255,.7);font-size:14px}.avatar{background:var(--night)!important;color:#fff!important;border-color:var(--night)!important;font-weight:750}
.mobile-menu{display:none!important;position:relative}.mobile-menu span{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor}.mobile-menu span:first-child{top:14px}.mobile-menu span:last-child{top:22px}

.page{width:min(1440px,100%);margin:0 auto;padding:42px clamp(24px,4vw,54px) 84px}
.page-heading,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.page-heading{margin-bottom:25px}.page-heading>div:first-child,.section-title>div:first-child{max-width:800px}.page-heading h1,.section-title h2{margin:3px 0 0;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1;letter-spacing:-.05em}.page-heading>div>p:last-child,.section-title>div>p:last-child{margin:11px 0 0;color:var(--muted);font-size:15px}
.kicker{margin:0;color:#718178;font:700 12px ui-monospace,monospace;letter-spacing:.09em}
.heading-actions,.panel-actions{display:flex;align-items:center;gap:9px}
button,.section-link{cursor:pointer}.primary,.secondary,.config-action,.section-title>button,.section-link,.panel-actions button,.table-row>button,.policy-row>button{min-height:40px;padding:0 15px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:#3d5147;font-size:14px;font-weight:650;transition:transform .16s,background .16s,border-color .16s}
.primary{border-color:var(--night);background:var(--night);color:#f7fff0}.primary:hover{background:#12231c}.secondary:hover,.config-action:hover,.section-link:hover,.panel-actions button:hover,.table-row>button:hover,.policy-row>button:hover{border-color:#aebfb2;background:#fff;transform:translateY(-1px)}
button:disabled{cursor:not-allowed;opacity:.48;transform:none!important}

.baseline-notice{min-height:68px;margin-bottom:13px;padding:14px 17px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:13px;border:1px solid #d2ddc3;border-radius:14px;background:linear-gradient(110deg,#f0f8e2,#f8faf4)}
.baseline-notice>svg{width:24px;height:24px;color:#4f7e22}.baseline-notice p{margin:0;display:grid;gap:2px}.baseline-notice strong{font-size:14px}.baseline-notice span{color:#6c796f;font-size:13px}.baseline-notice>a{color:#53702f;font-size:13px;font-weight:700}
.metric-grid{margin-bottom:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article{min-height:142px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 5px 22px rgba(8,24,16,.025)}.metric-grid article>div{display:flex;align-items:center;justify-content:space-between}.metric-grid article span{color:#77867f;font:700 12px ui-monospace,monospace;letter-spacing:.07em}.metric-grid article>strong{display:block;margin:21px 0 10px;font-family:"Montserrat",sans-serif;font-size:34px;line-height:1;letter-spacing:-.05em}.metric-grid article p{margin:0;color:#829088;font-size:13px}.metric-grid article em{margin-left:5px;color:#5c7166;font-style:normal}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e4f1ea;color:#2e7e5b;font-style:normal;font-size:16px}.metric-icon.orange{background:#fff0e5;color:#b96b36}.metric-icon.lime{background:#eff9dd;color:#567b26}.metric-icon.cyan{background:#e6f4fb;color:#326f8c}
.compact-metrics article{min-height:110px}.compact-metrics article>strong{font-size:28px}

.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 30px rgba(8,24,16,.035)}.traffic-panel{grid-column:span 8;min-height:390px}.coverage-panel{grid-column:span 4;min-height:390px}.events-panel,.onboarding-panel{grid-column:span 6;min-height:340px}.panel-head{min-height:78px;padding:19px 21px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.panel-head>div>span{color:#7b8982;font:700 12px ui-monospace,monospace;letter-spacing:.07em}.panel-head h2{margin:4px 0 0;font-size:20px;letter-spacing:-.035em}.panel-head button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px}.panel-status{display:inline-flex;align-items:center;gap:7px;color:#4b725f;font-size:12px;font-weight:750;letter-spacing:.05em}.panel-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}

.path{min-height:236px;padding:30px 25px;display:grid;grid-template-columns:1fr 38px 1.12fr 38px 1.2fr;align-items:center}.path>b{height:1px;background:linear-gradient(90deg,#9eb4a8,var(--mint));position:relative}.path>b:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1.5px solid var(--mint);border-right:1.5px solid var(--mint);transform:rotate(45deg)}.path-node{position:relative;min-height:122px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:15px;background:#f7f9f6}.path-node>span{position:absolute;top:13px;left:14px;color:#84928b;font:700 12px ui-monospace,monospace}.path-node>i,.path-node>img{position:absolute;top:15px;right:15px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e7ece8;font-style:normal}.path-node>img{background:#07110d}.path-node strong{font-size:15px}.path-node small{margin-top:3px;color:#7b8a82;font-size:12px}.gateway-node{border-color:#bcd39f;background:linear-gradient(145deg,#f8fce9,#edf4e6)}.dest-stack{display:grid;gap:8px}.dest-stack .path-node{min-height:90px}.path-footer{min-height:62px;padding:12px 21px;display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);color:#79877f;font-size:13px}.path-footer b{color:#334a3e}
.coverage{padding:14px 21px}.coverage>div{padding:12px 0;border-bottom:1px solid #edf0ed}.coverage p{margin:0 0 8px;display:flex;justify-content:space-between;gap:12px}.coverage strong{font-size:14px}.coverage span{color:#839088;font-size:12px}.coverage b{height:5px;display:block;border-radius:99px;background:#e7ebe7;overflow:hidden}.coverage b i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#61d79e,var(--mint))}.coverage-note{margin:14px 21px 18px;color:#7d8b84;font-size:12px}

.table-list{padding:0 21px}.loading-row{margin:0;padding:25px 0;color:#7e8b84;font-size:14px}.table-row,.registry-row{min-height:74px;padding:13px 0;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.row-mark{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8eee9;color:#415b4e;font-size:12px;font-weight:800}.row-mark.app{background:#11251d;color:var(--mint);font-size:12px}.table-row p{min-width:0;flex:1;margin:0;display:grid;gap:3px}.table-row strong{font-size:14px;overflow-wrap:anywhere}.table-row p span{color:#7c8982;font-size:12px;overflow-wrap:anywhere}.table-row>em{color:#75837c;font-size:12px;font-style:normal}.row-state,.policy-status{padding:6px 8px;border-radius:99px;background:#eef0ed;color:#6f7e76;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.04em}.row-state.active,.policy-status.active{background:#e2f5e9;color:#2e7653}.policy-status.draft{background:#fff3dc;color:#8b642d}
.component-list{padding:8px 21px 17px}.component-list>div{min-height:68px;display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.component-list>div:last-child{border-bottom:0}.component-list p{margin:0;display:grid}.component-list strong{font-size:14px}.component-list span{color:#7d8b84;font-size:12px}.component-list b{color:#5f6f67;font-size:12px}.health{width:8px;height:8px;border-radius:50%;background:#87928c}.health.ok{background:var(--green)}.health.off{background:var(--orange)}.health.plan,.health.waiting{background:#83928a}.last-check{color:#829088;font-size:12px}

.onboarding-progress{padding:6px 9px;border-radius:99px;background:#ebf5df;color:#4d702b;font-size:12px;font-weight:750}.onboarding-list{margin:0;padding:6px 21px 15px;list-style:none}.onboarding-list li{min-height:61px;display:grid;grid-template-columns:23px 1fr auto;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.onboarding-list li>i{width:20px;height:20px;border:1px solid #bfcbc2;border-radius:50%;position:relative}.onboarding-list li.complete>i{border-color:#54bb88;background:#e2f5e9}.onboarding-list li.complete>i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#2f7f58;font-size:12px;font-style:normal;font-weight:800}.onboarding-list div{display:grid}.onboarding-list strong{font-size:14px}.onboarding-list span{color:#7c8982;font-size:12px}.onboarding-list button,.onboarding-list a{min-height:34px;padding:0 11px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#4b6256;font-size:13px;font-weight:650}.onboarding-list li.complete button,.onboarding-list li.complete a{visibility:hidden}

.registry-section,.access-section{padding-top:6px}.section-title{margin-bottom:26px}.registry-grid,.access-grid,.deployment-grid,.guard-grid,.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.registry-panel,.policy-panel,.access-panel,.system-panel{min-height:260px}.policy-list{padding:0 21px}.policy-row{min-height:76px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.policy-version{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--night-2);color:var(--mint);font-size:13px;font-weight:800}.policy-row p{min-width:0;flex:1;margin:0;display:grid;gap:3px}.policy-row strong{font-size:14px}.policy-row p span{color:#7b8982;font-size:12px}.optional{margin-left:5px;color:#8a9690;font-weight:400}.panel-actions span{color:#7b8982;font-size:13px}.policy-panel>.panel-actions{justify-content:flex-end;margin:17px 21px}
.event-filters{padding:17px 21px;display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(130px,1fr)) auto;gap:9px;border-bottom:1px solid var(--line)}
.event-filters input,.event-filters select,.panel-actions input{min-width:0;height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font-size:14px}.event-filters input:focus,.event-filters select:focus,.panel-actions input:focus{border-color:#87b956;box-shadow:0 0 0 3px rgba(166,255,20,.12);outline:0}

.guard-card{min-height:220px;padding:24px;display:flex;flex-direction:column}.guard-icon,.card-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d6e0d3;border-radius:14px;background:#eff6e7;color:#4f782d}.guard-icon svg,.card-symbol svg{width:23px;height:23px}.guard-card>div{margin-top:auto}.guard-card strong{font-family:"Montserrat",sans-serif;font-size:19px}.guard-card p{margin:7px 0 0;color:var(--muted);font-size:14px}.capability-badge{align-self:flex-start;margin-top:18px;padding:6px 8px;border-radius:99px;background:#edf0ec;color:#66766e;font-size:12px;font-weight:750}.explanation-panel{margin-top:12px;padding:27px;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px}.explanation-panel h2{margin:4px 0 0;font-size:25px}.explanation-panel p{color:var(--muted)}.decision-scale{display:grid;gap:14px;align-content:center}.decision-scale span{height:46px;padding:6px;border-radius:11px;background:#edf1ed;position:relative;overflow:hidden}.decision-scale i{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#6ddba4,var(--mint))}.decision-scale b{position:absolute;inset:0 12px;display:flex;align-items:center;justify-content:flex-end;color:#2f453a;font-size:13px}
.lab-card{min-height:310px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.lab-card>div{margin:auto 0 26px}.lab-card h2{margin:0;font-size:25px}.lab-card p{max-width:470px;margin:9px 0 0;color:var(--muted);font-size:14px}.safe-data-note{margin-top:12px;padding:17px 20px;display:flex;align-items:center;gap:13px;border:1px solid #ead8b8;border-radius:14px;background:#fff8e9}.safe-data-note svg{width:24px;height:24px;color:#8d6424}.safe-data-note p{margin:0;display:grid}.safe-data-note strong{font-size:14px}.safe-data-note span{color:#7d6d53;font-size:13px}
.settings-panel{padding:25px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px}.settings-panel>div{display:flex;align-items:center;gap:15px}.settings-panel h2{margin:0;font-size:20px}.settings-panel p{margin:5px 0 0;color:var(--muted);font-size:13px}.settings-panel label{display:grid;gap:6px;color:#68776f;font-size:13px}.settings-panel label span{display:flex;align-items:center;gap:8px}.settings-panel input{width:100px;height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:0 11px}

.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-panel{min-height:250px}.integration-wide{grid-column:1/-1}.row-actions{display:flex;align-items:center;gap:7px}.row-actions button{min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px}.secret-summary{padding:22px}.secret-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.secret-facts>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f7f9f6;display:grid;gap:4px}.secret-facts span{color:var(--muted);font-size:12px}.secret-facts strong{font-size:14px}.secret-summary>p{margin:17px 0 0;color:var(--muted);font-size:13px}.panel-status.warning{color:#9a5e32}.panel-status.warning i{background:var(--orange)}
.conditional-fields{display:grid;gap:15px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#f5f7f4}.conditional-fields[hidden]{display:none}.conditional-fields details{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.conditional-fields summary{cursor:pointer;font-size:14px;font-weight:650}.conditional-fields details label{margin-top:13px}
.enterprise-auth-toggle{margin-top:2px}.enterprise-auth-form{padding-top:4px}.enterprise-provider-list{display:grid;gap:8px}.enterprise-provider{min-height:58px;padding:10px 13px;display:grid;grid-template-columns:56px 1fr;align-items:center;text-align:left;border:1px solid var(--line-strong);border-radius:11px;background:#fff}.enterprise-provider span{color:#6a7b72;font:700 12px ui-monospace,monospace}.enterprise-provider strong{font-size:14px}.plain-link{min-height:36px;border:0;background:transparent;color:#52675c;text-decoration:underline;font-size:13px}

.toast{position:fixed;z-index:130;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 48px));padding:13px 16px;border-radius:11px;background:var(--night);color:#fff;box-shadow:var(--shadow);font-size:14px;transform:translateY(140%);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}
.auth-shell{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(166,255,20,.12),transparent 24%),rgba(4,12,9,.94);backdrop-filter:blur(14px)}.auth-shell.hidden{display:none}.auth-card{width:min(560px,100%);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#f7f9f5;box-shadow:0 36px 120px rgba(0,0,0,.38)}.auth-card>img{width:52px;height:52px;margin-bottom:25px;border-radius:15px}.auth-card h1{margin:5px 0 0;font-size:34px;letter-spacing:-.05em}.auth-copy{margin:12px 0 22px;color:var(--muted);font-size:14px}.auth-tabs{margin-bottom:20px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;background:#e8ece7}.auth-tabs button{height:40px;border:0;border-radius:9px;background:transparent;font-size:14px}.auth-tabs button.active{background:#fff;box-shadow:0 3px 12px rgba(8,20,13,.07)}
.auth-card form,.dialog-card{display:grid;gap:15px}.auth-card label,.dialog-card label{display:grid;gap:6px;color:#4e5f56;font-size:14px;font-weight:600}.auth-card input,.dialog-card input,.dialog-card textarea,.dialog-card select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font-size:14px}.dialog-card textarea{resize:vertical}.auth-card input:focus,.dialog-card input:focus,.dialog-card textarea:focus,.dialog-card select:focus{border-color:#83b951;box-shadow:0 0 0 3px rgba(166,255,20,.13);outline:0}.field-help{margin:0;color:#7a8881;font-size:13px}.form-error{min-height:20px;margin:0;color:#a5443c;font-size:13px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:22px;background:transparent;overflow:visible}dialog::backdrop{background:rgba(3,12,8,.68);backdrop-filter:blur(8px)}.dialog-card{max-height:calc(100vh - 40px);padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow-y:auto;box-shadow:0 32px 120px rgba(0,0,0,.28)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:4px 0 0;font-size:25px}.dialog-head>button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:20px}.dialog-card fieldset{padding:13px;border:1px solid var(--line);border-radius:11px;display:flex;gap:20px}.dialog-card legend{padding:0 5px;color:#68776f;font-size:13px}.dialog-card label.check{display:flex;flex-direction:row;align-items:center;gap:9px}.dialog-card label.check input{width:auto;min-height:auto}.dialog-actions{padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}.key-result{padding:15px;border:1px solid #d3dfc3;border-radius:12px;background:#f1f7e8}.key-result strong{font-size:14px}.key-result p{margin:5px 0;color:#66755d;font-size:13px}.key-result code{display:block;margin:10px 0;padding:11px;overflow:auto;border:1px solid #dde6d2;border-radius:9px;background:#fff;font:13px ui-monospace,monospace;white-space:nowrap}.simulation-card{width:100%}.simulation-result{padding:15px;border:1px solid #dbe5dd;border-radius:12px;background:#edf4ef}.simulation-result.block{border-color:#f0cfc9;background:#fff0ed}.simulation-result.redact{border-color:#e1e8b9;background:#f5f8e4}.simulation-result strong{font-size:14px}.simulation-result p{font-size:14px}.simulation-result code{display:block;overflow-wrap:anywhere;font:12px ui-monospace,monospace}.simulation-result pre{padding:12px;border-radius:9px;background:#fff;white-space:pre-wrap;font:13px/1.6 ui-monospace,monospace}.dialog-card select[multiple]{min-height:120px}

@media(max-width:1220px){.metric-grid{grid-template-columns:1fr 1fr}.traffic-panel,.coverage-panel,.events-panel,.onboarding-panel{grid-column:span 12}.registry-grid,.access-grid,.deployment-grid{grid-template-columns:1fr}.event-filters{grid-template-columns:1fr 1fr}.event-filters button{grid-column:span 2}.settings-panel{grid-template-columns:1fr auto}.settings-panel>button{grid-column:1/-1;justify-self:start}.integration-grid{grid-template-columns:1fr}.integration-wide{grid-column:auto}}
@media(max-width:920px){:root{--sidebar:260px}.guard-grid{grid-template-columns:1fr}.explanation-panel{grid-template-columns:1fr}.path{grid-template-columns:1fr;gap:9px}.path>b{width:1px;height:22px;margin:auto;background:linear-gradient(var(--mint),#9eb4a8)}.path>b:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.dest-stack{grid-template-columns:1fr 1fr}.path-footer{align-items:flex-start;flex-direction:column;gap:5px}.lab-grid{grid-template-columns:1fr}}
@media(max-width:760px){body{font-size:16px}.sidebar{width:min(310px,86vw);transform:translateX(-105%);transition:transform .2s;box-shadow:25px 0 80px rgba(0,0,0,.24)}.sidebar.open{transform:none}main{margin-left:0}.topbar{height:68px;padding:0 16px}.mobile-menu{display:grid!important}.breadcrumb{display:none}.environment{display:none}.page{padding:28px 15px 68px}.page-heading,.section-title{align-items:flex-start;flex-direction:column}.page-heading h1,.section-title h2{font-size:clamp(2rem,10vw,3rem)}.heading-actions{width:100%;align-items:stretch;flex-direction:column}.metric-grid{grid-template-columns:1fr}.baseline-notice{grid-template-columns:28px 1fr}.baseline-notice>a{grid-column:2}.content-grid{display:block}.content-grid>.panel{margin-bottom:12px}.registry-grid,.access-grid,.deployment-grid,.lab-grid{grid-template-columns:1fr}.event-filters{grid-template-columns:1fr}.event-filters button{grid-column:auto}.table-row,.registry-row{align-items:flex-start;flex-wrap:wrap}.table-row p{flex-basis:calc(100% - 55px)}.table-row>button{margin-left:55px}.table-row>em{margin-left:55px}.row-actions{width:100%;margin-left:55px}.policy-row{align-items:flex-start;padding:14px 0;flex-wrap:wrap}.policy-row p{flex-basis:calc(100% - 58px)}.policy-row>button{margin-left:55px}.panel-actions{align-items:flex-start;flex-wrap:wrap}.dest-stack{grid-template-columns:1fr}.onboarding-list li{grid-template-columns:23px 1fr}.onboarding-list li>button,.onboarding-list li>a{grid-column:2;justify-self:start}.form-pair{grid-template-columns:1fr}.settings-panel{grid-template-columns:1fr}.settings-panel>button{grid-column:auto}.secret-facts{grid-template-columns:1fr}.dialog-card{padding:20px;border-radius:18px}.top-actions{margin-left:auto}.auth-card{padding:25px}.auth-card h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sidebar,.toast,.sidebar nav a{transition:none}}
.dialog-card fieldset{flex-wrap:wrap;gap:12px 20px}

/* Iteration 18B: human-centered security operations */
.button-link,.section-link{min-height:40px;padding:0 15px;display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:#3d5147;font-size:14px;font-weight:650}.panel-link{color:#4f6f5e;font-size:13px;font-weight:700}.panel-link:hover{text-decoration:underline}.nav-count{min-width:24px;margin-left:auto;padding:2px 7px;border-radius:99px;background:#ff7a6d;color:#230805!important;font:800 12px/1.5 "IBM Plex Sans",sans-serif!important;letter-spacing:0!important;text-align:center}
.posture-banner{min-height:132px;margin-bottom:13px;padding:22px 24px;display:grid;grid-template-columns:54px minmax(280px,1fr) auto;align-items:center;gap:18px;border:1px solid #cfe0c8;border-radius:var(--radius);background:linear-gradient(118deg,#f4fae9,#f9fcf6);box-shadow:0 8px 30px rgba(8,24,16,.035)}.posture-symbol,.health-banner>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#dff3d3;color:#39784d}.posture-symbol svg,.health-banner>span svg{width:26px;height:26px}.posture-banner h2,.health-banner h2{margin:3px 0 2px;font-size:22px;letter-spacing:-.035em}.posture-banner p:not(.kicker),.health-banner p:not(.kicker){margin:0;color:#64766c;font-size:14px}.posture-banner dl{margin:0;display:flex;gap:8px}.posture-banner dl>div{min-width:112px;padding:11px 13px;border:1px solid rgba(73,114,77,.13);border-radius:12px;background:rgba(255,255,255,.62)}.posture-banner dt{color:#718178;font-size:12px}.posture-banner dd{margin:2px 0 0;font-size:13px;font-weight:700}.posture-banner.attention{border-color:#ead7b5;background:linear-gradient(118deg,#fff8e9,#fbfcf8)}.posture-banner.attention .posture-symbol{background:#ffebc9;color:#9b642a}.posture-banner.warning{border-color:#ebcbc5;background:linear-gradient(118deg,#fff2ef,#fbfcf8)}.posture-banner.warning .posture-symbol{background:#ffe0da;color:#a24d44}.posture-banner.waiting{border-color:var(--line);background:var(--surface)}
.decision-chart{height:284px;padding:22px 21px 8px}.decision-chart.compact{height:244px}.chart-bars{height:100%;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),rgba(205,215,207,.45) 25%)}.chart-column{height:100%;min-width:4px;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:7px}.chart-stack{width:min(18px,82%);min-height:3px;display:flex;flex-direction:column;border-radius:4px 4px 2px 2px;overflow:hidden;transition:height .2s}.chart-segment{display:block;min-height:2px}.chart-segment.allow,.chart-legend i.allow{background:#66d6a0}.chart-segment.redact,.chart-legend i.redact{background:#f3bd65}.chart-segment.block,.chart-legend i.block{background:#f47c70}.chart-column>span{height:18px;color:#849088;font-size:12px;white-space:nowrap}.chart-legend{padding:8px 21px 19px;display:flex;align-items:center;gap:17px;color:#68776f;font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:3px}.chart-empty{height:100%;display:grid;place-content:center;gap:3px;text-align:center}.chart-empty strong{font-size:15px}.chart-empty span{max-width:360px;color:var(--muted);font-size:13px}
.attention-summary{padding:21px}.attention-hero{padding:21px;display:flex;align-items:center;gap:16px;border-radius:15px;background:#fff4e4}.attention-hero>strong{font:700 38px/1 "Montserrat",sans-serif;color:#90572c}.attention-hero p{margin:0;display:grid}.attention-hero p b{font-size:15px}.attention-hero p span{margin-top:3px;color:#796b5c;font-size:13px}.attention-facts{margin-top:14px;display:grid;gap:8px}.attention-facts span{padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:#65766c;font-size:13px}.attention-facts b{color:var(--ink)}.attention-clear{min-height:206px;display:grid;place-content:center;justify-items:center;text-align:center}.attention-clear>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#e2f5e9;color:#2e7653;font-size:24px;font-weight:800}.attention-clear p{max-width:310px;margin:12px 0 0;display:grid;gap:4px}.attention-clear strong{font-size:16px}.attention-clear small{color:var(--muted);font-size:13px}
.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px}.analytics-main{grid-row:span 2;min-height:500px}.analytics-main .decision-chart{height:350px}.analytics-side{min-height:244px}.analytics-live{grid-column:1/-1;min-height:300px}.panel-context{color:#74827b;font-size:13px}.privacy-pill{padding:5px 8px;border-radius:99px;background:#e7f4ec;color:#367457;font-size:12px;font-weight:750}.live-indicator{display:inline-flex;align-items:center;gap:7px;color:#587066;font-size:13px}.live-indicator i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(65,217,154,.1)}.breakdown-list{padding:12px 21px 20px}.breakdown-row{padding:8px 0}.breakdown-row p{margin:0 0 7px;display:flex;justify-content:space-between;gap:12px}.breakdown-row strong{font-size:13px;font-weight:600}.breakdown-row span{color:#718078;font-size:12px}.breakdown-row>i{height:6px;display:block;overflow:hidden;border-radius:99px;background:#e8ece8}.breakdown-row>i b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#4ecb91,#9bea2f)}.breakdown-row>i b.orange{background:linear-gradient(90deg,#f1bb63,#ed8668)}
.event-view-tabs{padding:14px 21px 0;display:flex;gap:6px;border-bottom:1px solid var(--line)}.event-view-tabs button{min-height:43px;padding:0 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:#66766e;font-size:14px;font-weight:650}.event-view-tabs button.active{border-bottom-color:#69a51f;color:var(--ink)}.event-view-tabs button span{margin-left:5px;padding:2px 7px;border-radius:99px;background:#e8ede8;color:#5c6e65;font-size:12px}.plain-filter{border-color:transparent!important;background:transparent!important}.event-list-head{min-height:54px;padding:12px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);color:#718078;font-size:13px}.event-list-head b{color:#44564c;font-weight:600;white-space:nowrap}.event-row{min-height:96px;padding:15px 0;display:grid;grid-template-columns:42px minmax(220px,1fr) 52px auto auto;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.event-row:last-child{border-bottom:0}.event-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e4f3ea;color:#2f7a57;font-size:17px;font-weight:800}.event-icon.decision-redact{background:#fff0d9;color:#96612a}.event-icon.decision-block{background:#ffe5e1;color:#a74f47}.event-copy{min-width:0;display:grid;gap:3px}.event-copy strong{font-size:14px}.event-copy span{color:#66766e;font-size:13px}.event-copy small{overflow:hidden;color:#89958f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.event-score{display:grid;justify-items:center}.event-score span{color:#8a9690;font:700 12px ui-monospace,monospace}.event-score strong{font:700 19px "Montserrat",sans-serif}.event-status{padding:6px 9px;border-radius:99px;background:#eef0ed;color:#66766e;font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}.event-status.attention,.event-status.block{background:#ffe6e1;color:#99463e}.event-status.investigating,.event-status.redact{background:#fff0d9;color:#8f5c25}.event-status.closed,.event-status.allow{background:#e2f5e9;color:#2e7653}.event-status.recorded{background:#eef1ee;color:#64736b}.event-row>button{min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px;font-weight:650}.event-row>time{color:#75837c;font-size:12px}.live-row{grid-template-columns:42px minmax(220px,1fr) 52px auto 80px}
.event-dialog-card{width:min(760px,100%)}.event-detail{display:grid;gap:14px}.event-detail-head{padding:17px;display:flex;gap:14px;border:1px solid var(--line);border-radius:14px;background:#f5f8f4}.event-detail-head h3{margin:2px 0 3px;font-size:19px}.event-detail-head p{margin:0;color:#63736b;font-size:13px}.event-detail section{padding:0 3px}.event-detail h4{margin:0 0 6px;font-size:14px}.event-detail section>p{margin:4px 0;color:#596a61;font-size:14px}.reason-list{margin:0;padding:0;display:grid;gap:7px;list-style:none}.reason-list li{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;font-size:13px}.reason-list code{color:#7b8882;font-size:12px}.event-detail .next-action{padding:13px 14px;border-radius:11px;background:#fff4e4}.privacy-assurance{margin:0;padding:11px 13px;border-radius:10px;background:#e7f4ec;color:#47705c;font-size:13px}.technical-evidence{padding:11px 13px;border:1px solid var(--line);border-radius:10px}.technical-evidence summary{cursor:pointer;font-size:13px;font-weight:650}.technical-evidence dl{margin:11px 0 0;display:grid;gap:7px}.technical-evidence dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.technical-evidence dt{color:#7a8780;font-size:12px}.technical-evidence dd{margin:0;overflow-wrap:anywhere;font:12px ui-monospace,monospace}.investigation-fields{padding-top:15px;display:grid;gap:15px;border-top:1px solid var(--line)}
.active-policy-card{min-height:132px;margin-bottom:12px;padding:22px;display:flex;align-items:center;gap:18px;border:1px solid #cfe0c8;border-radius:var(--radius);background:linear-gradient(118deg,#f2f9e8,#fbfcfa)}.active-policy-card .status-orb{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:#dff3d3;color:#39784d}.active-policy-card .status-orb svg{width:25px;height:25px}.active-policy-card .status-orb.warning{background:#ffe0da;color:#a24d44}.active-policy-card h2{margin:3px 0 2px;font-size:22px}.active-policy-card>div>p:not(.kicker){margin:0;color:#5e7066;font-size:14px}.policy-chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px}.policy-chips span{padding:4px 8px;border:1px solid #d5e3ce;border-radius:99px;background:rgba(255,255,255,.7);color:#55705f;font-size:12px}.policy-concepts,.protection-glance,.device-summary{margin-bottom:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.policy-concepts article{min-height:126px;padding:18px;display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.concept-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#e8f4e8;color:#39734f}.concept-icon.threat{background:#fff0e1;color:#9c632d}.concept-icon.file{background:#e8f1f8;color:#3e708e}.concept-icon svg{width:20px;height:20px}.policy-concepts strong{font-size:14px}.policy-concepts p{margin:4px 0 0;color:var(--muted);font-size:13px}
.protection-glance article,.device-summary article{min-height:128px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.protection-glance span,.device-summary span{color:#77867f;font:700 12px ui-monospace,monospace;letter-spacing:.07em}.protection-glance strong,.device-summary strong{display:block;margin:17px 0 6px;font:700 24px/1 "Montserrat",sans-serif}.protection-glance p,.device-summary p{margin:0;color:#7a8981;font-size:13px}.guard-policy-banner{min-height:82px;margin-bottom:12px;padding:15px 18px;display:flex;align-items:center;gap:13px;border:1px solid #d4e2ce;border-radius:14px;background:#f1f8e9}.guard-policy-banner>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#dff1d4;color:#39754c;font-weight:800}.guard-policy-banner svg{width:21px;height:21px}.guard-policy-banner p{margin:0;display:grid}.guard-policy-banner strong{font-size:14px}.guard-policy-banner small{color:#66776e;font-size:13px}
.route-explainer{min-height:126px;margin-bottom:12px;padding:20px 24px;display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center}.route-explainer>div{display:flex;align-items:center;gap:12px}.route-explainer>b{height:1px;background:linear-gradient(90deg,#91a59a,#8ecf43)}.step-number{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#e9eeea;color:#53665c;font-weight:800}.step-number.protected{background:#def1d3;color:#387149}.route-explainer p{margin:0;display:grid}.route-explainer strong{font-size:14px}.route-explainer small{color:#78867f;font-size:12px}
.health-banner{min-height:112px;margin-bottom:12px;padding:20px 23px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.health-banner>strong{font:700 29px "Montserrat",sans-serif}.health-banner.healthy{border-color:#cfe0c8;background:#f3f9ec}.health-banner.warning{border-color:#ead7b5;background:#fff8ea}.health-banner.warning>span{background:#ffebc9;color:#956029}

@media(max-width:1220px){.posture-banner{grid-template-columns:52px 1fr}.posture-banner dl{grid-column:1/-1}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-main{grid-column:1/-1;grid-row:auto}.analytics-side{min-height:220px}.event-row{grid-template-columns:42px minmax(180px,1fr) 52px auto}.event-row>button,.event-row>time{grid-column:2;justify-self:start}.live-row>time{grid-column:4;grid-row:2}.route-explainer{grid-template-columns:1fr 28px 1fr 28px 1fr}}
@media(max-width:760px){.posture-banner{padding:18px;grid-template-columns:44px 1fr;align-items:start}.posture-symbol{width:44px;height:44px}.posture-banner dl{display:grid;grid-template-columns:1fr 1fr;width:100%}.posture-banner dl>div:last-child{grid-column:1/-1}.analytics-grid{grid-template-columns:1fr}.analytics-main,.analytics-side,.analytics-live{grid-column:auto}.decision-chart{height:240px;padding-left:12px;padding-right:12px}.chart-column>span{font-size:12px;transform:rotate(-45deg);transform-origin:left top}.event-view-tabs{overflow-x:auto}.event-filters{padding:14px}.event-list-head{align-items:flex-start;flex-direction:column}.event-row,.live-row{grid-template-columns:42px minmax(0,1fr) auto;padding:14px 0}.event-copy{grid-column:2/-1}.event-score{grid-column:1}.event-status{grid-column:2;justify-self:start}.event-row>button,.event-row>time,.live-row>time{grid-column:3;grid-row:auto;margin:0;justify-self:end}.policy-concepts,.protection-glance,.device-summary{grid-template-columns:1fr}.route-explainer{grid-template-columns:1fr;gap:8px}.route-explainer>b{width:1px;height:18px;margin-left:19px}.health-banner{grid-template-columns:44px 1fr}.health-banner>span{width:44px;height:44px}.health-banner>strong{grid-column:2}.reason-list li{align-items:flex-start;flex-direction:column}.technical-evidence dl div{grid-template-columns:1fr}.active-policy-card{align-items:flex-start}}