/* Art direction: night-shift SOC console; mineral teal actions, severity-only warm colors, dense mechanical layout. */
[hidden]{display:none!important}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--text-primary)}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:var(--text-13);line-height:var(--leading-13);letter-spacing:var(--tracking-ui);overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,input,select{transition:color var(--transition-interactive),background-color var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}a{color:inherit;text-decoration:none}svg{display:block}h1,h2,h3,p{margin:0}h1{font-size:var(--text-20);line-height:var(--leading-20);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-16);line-height:var(--leading-16);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-14);line-height:var(--leading-14);font-weight:var(--weight-semibold)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{font-size:var(--text-11);line-height:var(--leading-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);color:var(--text-muted);text-align:left}td{font-size:var(--text-12);line-height:var(--leading-12);color:var(--text-secondary)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono,code,time,kbd{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.tabular{font-variant-numeric:tabular-nums lining-nums}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--text-inverse);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:var(--topbar-h) calc(100dvh - var(--topbar-h));min-height:100dvh}.topbar{grid-column:1/-1;display:grid;grid-template-columns:var(--sidebar-w) minmax(20rem,40rem) 1fr;align-items:center;height:var(--topbar-h);border-bottom:1px solid var(--line-subtle);background:var(--surface-0);z-index:30}.brand{height:100%;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);font-size:var(--text-14);font-weight:var(--weight-semibold);border-right:1px solid var(--line-subtle)}.brand-mark{width:1.5rem;height:1.5rem;fill:none;stroke:var(--accent);stroke-width:1.35}.env-chip,.severity,.tlp{display:inline-flex;align-items:center;height:1.125rem;padding:0 var(--space-2);border:1px solid;border-radius:var(--radius-control);font-size:var(--text-11);font-weight:var(--weight-semibold);line-height:1;letter-spacing:var(--tracking-label)}.env-chip{margin-left:auto;color:var(--text-muted);border-color:var(--line-strong);font-size:var(--text-11)}.global-search{height:var(--control-h);display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-5);padding:0 var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-control);background:var(--canvas);color:var(--text-muted)}.global-search:focus-within{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.global-search svg,.filter-search svg{width:.875rem;height:.875rem;stroke-width:1.5}.global-search input,.filter-search input,.hunt-query input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text-primary)}input::placeholder{color:var(--text-disabled)}kbd{display:inline-flex;min-width:1.125rem;height:1.125rem;align-items:center;justify-content:center;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-1);color:var(--text-muted);font-size:var(--text-11);line-height:1}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.connection-state,.freshness{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-11);line-height:var(--leading-11)}.live-dot,.health-ok{display:inline-block;width:.375rem;height:.375rem;border-radius:50%;background:var(--low)}.icon-button{position:relative;display:inline-grid;place-items:center;width:var(--control-h);height:var(--control-h);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--text-muted)}.icon-button:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--line-subtle)}.icon-button svg,.button svg,.nav-item svg,.user-button svg,.text-button svg{width:.875rem;height:.875rem;stroke-width:1.5}.notification-count{position:absolute;top:-.1875rem;right:-.1875rem;display:grid;place-items:center;min-width:1rem;height:1rem;padding:0 .1875rem;border:2px solid var(--surface-0);border-radius:50%;background:var(--critical);color:var(--white);font-family:var(--font-mono);font-size:var(--text-11)}.user-button{height:var(--control-h-lg);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;text-align:left}.user-button:hover{border-color:var(--line-subtle);background:var(--surface-1)}.avatar{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--accent-wash);color:var(--accent);font-size:var(--text-11);font-weight:var(--weight-semibold)}.user-copy{display:flex;flex-direction:column}.user-copy strong{font-size:var(--text-12);line-height:var(--leading-12);font-weight:var(--weight-medium)}.user-copy small{font-size:var(--text-11);line-height:var(--leading-11);color:var(--text-muted)}.mobile-nav-button{display:none}.sidebar{grid-column:1;grid-row:2;display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--line-subtle);background:var(--surface-0)}.sidebar nav{padding:var(--space-5) var(--space-3)}.nav-label,.eyebrow{font-size:var(--text-11);line-height:var(--leading-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);color:var(--text-muted)}.nav-label{padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-label-spaced{margin-top:var(--space-6)}.nav-item{position:relative;display:grid;grid-template-columns:1rem 1fr auto;align-items:center;gap:var(--space-3);height:var(--control-h-lg);margin-bottom:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);font-size:var(--text-13)}.nav-item::before{content:"";position:absolute;left:0;width:2px;height:1rem;background:transparent}.nav-item:hover{background:var(--surface-1);color:var(--text-primary)}.nav-item.active{background:var(--selection);color:var(--text-primary)}.nav-item.active::before{background:var(--accent)}.nav-count{min-width:1.25rem;text-align:right;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-11)}.critical-count{color:var(--critical)}.health-ok{justify-self:end}.sidebar-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--line-subtle);color:var(--text-muted);font-size:var(--text-11)}.sidebar-foot div{display:flex;align-items:center;gap:var(--space-2)}.sidebar-foot code{font-size:var(--text-11)}.main{grid-column:2;grid-row:2;min-width:0;overflow:auto;background:var(--canvas)}.view{display:none;min-height:100%;padding:var(--space-6)}.view.active{display:block}.view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--line-subtle)}.view-header .eyebrow{margin-bottom:var(--space-2)}.subhead{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-12)}.compact-header{align-items:center}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.button{height:var(--control-h);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);font-size:var(--text-12);font-weight:var(--weight-medium);white-space:nowrap}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--text-inverse)}.button.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.button.secondary{background:var(--surface-2);color:var(--text-primary)}.button.secondary:hover,.button.ghost:hover{border-color:var(--text-muted);background:var(--surface-raised)}.button.ghost{background:transparent;color:var(--text-secondary)}.text-button{padding:0;border:0;background:transparent;color:var(--accent);font-size:var(--text-12)}.text-button:hover{color:var(--accent-hover)}.stat-strip{display:grid;grid-template-columns:1.25fr repeat(4,1fr);margin-top:var(--space-5);border-block:1px solid var(--line-subtle);background:var(--surface-0)}.stat-strip>div{min-width:0;padding:var(--space-4) var(--space-5);border-right:1px solid var(--line-subtle)}.stat-strip>div:last-child{border-right:0}.stat-strip span,.service-strip span,.throughput-grid span{display:block;color:var(--text-muted);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}.stat-strip strong{display:block;margin:var(--space-2) 0;font-family:var(--font-mono);font-size:var(--text-20);line-height:var(--leading-20);font-weight:var(--weight-semibold)}.stat-strip .risk-primary strong{font-size:var(--text-24);line-height:var(--leading-24)}.stat-strip small{display:flex;align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-11)}.stat-strip small svg{width:.75rem;height:.75rem}.critical-text{color:var(--critical)!important}.high-text{color:var(--high)!important}.medium-text{color:var(--medium)!important}.low-text,.delta-down{color:var(--low)!important}.delta-up{color:var(--high)!important}.muted{color:var(--text-muted)}.overview-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(16rem,.8fr);gap:var(--space-5);margin-top:var(--space-5)}.panel,.panel-flat{min-width:0;background:var(--surface-0)}.panel{border:1px solid var(--line-subtle);border-radius:var(--radius-panel)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-subtle)}.section-head .eyebrow{margin-bottom:var(--space-1)}.dominant-panel{min-height:20rem}.chart-wrap{height:15rem;padding:var(--space-4) var(--space-5) var(--space-2)}.line-chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--chart-grid);stroke-width:1}.chart-axis{fill:var(--text-muted);font:11px var(--font-ui)}.chart-area{fill:var(--chart-area);opacity:.8}.chart-line{fill:none;stroke:var(--chart-cyan);stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-sightings{fill:none;stroke:var(--high);stroke-width:1.25;vector-effect:non-scaling-stroke}.chart-point{fill:var(--chart-cyan)}.chart-note{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--line-subtle);color:var(--text-muted);font-size:var(--text-11)}.chart-note strong{color:var(--text-secondary)}.legend{display:flex;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-11)}.legend span{display:flex;align-items:center;gap:var(--space-2)}.legend-line{width:1rem;height:1px}.legend-line.cyan{background:var(--chart-cyan)}.legend-line.orange{background:var(--high)}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:var(--space-3);min-height:3.25rem;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-subtle)}.rank-list li:last-child{border-bottom:0}.rank{color:var(--text-disabled);font-size:var(--text-11)}.rank-list strong{display:block;font-size:var(--text-12);font-weight:var(--weight-medium)}.rank-list small{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-11)}.severity.critical{color:var(--critical);background:var(--critical-wash);border-color:var(--critical-line)}.severity.high{color:var(--high);background:var(--high-wash);border-color:var(--high-line)}.severity.medium{color:var(--medium);background:var(--medium-wash);border-color:var(--medium-line)}.severity.low{color:var(--low);background:var(--low-wash);border-color:var(--low-line)}.severity.info{color:var(--info);background:var(--info-wash);border-color:var(--info-line)}.tlp.clear{color:var(--tlp-clear);border-color:var(--info-line)}.tlp.green{color:var(--tlp-green);border-color:var(--low-line)}.tlp.amber{color:var(--tlp-amber);border-color:var(--medium-line)}.tlp.red{color:var(--tlp-red);border-color:var(--critical-line)}.throughput-panel,.target-panel{min-height:10.5rem}.throughput-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-5)}.throughput-grid>div{border-right:1px solid var(--line-subtle);padding-left:var(--space-4)}.throughput-grid>div:first-child{padding-left:0}.throughput-grid>div:last-child{border-right:0}.throughput-grid strong{display:block;font-family:var(--font-mono);font-size:var(--text-16)}.bar-pair{padding:0 var(--space-5) var(--space-4)}.bar-pair span{display:block;height:.25rem;background:var(--surface-2)}.bar-pair i{display:block;width:var(--bar);height:100%;background:var(--accent)}.bar-pair small{display:block;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-11)}.compact-table th,.compact-table td{height:var(--table-row-h);padding:0 var(--space-5);border-bottom:1px solid var(--line-subtle)}.compact-table tr:last-child td{border-bottom:0}.num{text-align:right}.queue-counters{display:flex;align-items:stretch;margin-top:var(--space-5);border-block:1px solid var(--line-subtle);background:var(--surface-0)}.counter{min-width:8rem;display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:0;border-right:1px solid var(--line-subtle);background:transparent;color:var(--text-muted)}.counter span{font-size:var(--text-11);letter-spacing:var(--tracking-label);font-weight:var(--weight-semibold)}.counter strong{font-family:var(--font-mono);font-size:var(--text-14);color:var(--text-secondary)}.counter.active{box-shadow:inset 0 -2px var(--accent);color:var(--accent)}.counter.active strong{color:var(--text-primary)}.queue-hint{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;padding:0 var(--space-5);color:var(--text-muted);font-size:var(--text-11)}.workbench{margin-top:var(--space-5)}.triage-workbench{display:grid;grid-template-columns:minmax(0,1fr) 0;border:1px solid var(--line-subtle);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-0);transition:grid-template-columns var(--transition-interactive)}.triage-workbench.detail-open{grid-template-columns:minmax(0,1fr) var(--rail-w)}.queue-region{min-width:0}.toolbar{min-height:3rem;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-subtle);background:var(--surface-0)}.filter-search{height:var(--control-h);display:flex;align-items:center;gap:var(--space-3);width:14rem;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);color:var(--text-muted)}.filter-search.wide{width:24rem}.filter-chip{height:1.75rem;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);font-size:var(--text-11)}.filter-chip:hover,.filter-chip.active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.filter-chip span{font-family:var(--font-mono)}.state-control{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;color:var(--text-muted);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}.state-control select{height:1.75rem;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-1);font-size:var(--text-11);letter-spacing:0}.state-banner{display:flex;align-items:center;gap:var(--space-3);min-height:2rem;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--medium-line);background:var(--medium-wash);color:var(--medium);font-size:var(--text-11)}.state-banner svg{width:.875rem;height:.875rem}.state-banner .text-button{margin-left:auto}.table-scroll{min-width:0;max-height:calc(100dvh - 15.25rem);overflow:auto}.ops-table{min-width:62rem}.ops-table thead{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-1)}.ops-table th,.ops-table td{height:var(--table-row-h);padding:0 var(--space-3);border-bottom:1px solid var(--line-subtle);white-space:nowrap}.ops-table th:first-child,.ops-table td:first-child{padding-left:var(--space-4)}.ops-table tbody tr{cursor:pointer;background:var(--surface-0)}.ops-table tbody tr td:first-child{position:relative}.ops-table tbody tr td:first-child::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:transparent}.ops-table tbody tr:hover,.ops-table tbody tr.selected{background:var(--surface-2)}.ops-table tbody tr[data-severity="critical"]:hover td:first-child::before,.ops-table tbody tr[data-severity="critical"].selected td:first-child::before{background:var(--critical)}.ops-table tbody tr[data-severity="high"]:hover td:first-child::before,.ops-table tbody tr[data-severity="high"].selected td:first-child::before{background:var(--high)}.ops-table tbody tr[data-severity="medium"]:hover td:first-child::before,.ops-table tbody tr[data-severity="medium"].selected td:first-child::before{background:var(--medium)}.ops-table tbody tr[data-severity="low"]:hover td:first-child::before,.ops-table tbody tr[data-severity="low"].selected td:first-child::before{background:var(--low)}.ops-table tbody tr.new-alert td{animation:new-edge var(--transition-new-row) 2}@keyframes new-edge{50%{background-color:var(--critical-wash)}}.indicator-cell{max-width:17rem;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-family:var(--font-mono)}.source-cell{color:var(--text-muted)}.score-cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);font-family:var(--font-mono);color:var(--text-primary)}.microbar{display:flex;align-items:flex-end;gap:1px;width:1.75rem;height:.75rem}.microbar i{width:3px;background:var(--info);opacity:.75}.row-actions{display:flex;justify-content:flex-end;gap:var(--space-1);opacity:0}.ops-table tr:hover .row-actions,.ops-table tr:focus-within .row-actions,.ops-table tr.selected .row-actions{opacity:1}.mini-action{height:1.5rem;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-1);font-size:var(--text-11)}.mini-action:hover{border-color:var(--accent);color:var(--accent)}.status-inline{color:var(--text-muted);font-size:var(--text-11)}.detail-drawer{min-width:0;overflow:hidden;border-left:1px solid var(--line-subtle);background:var(--surface-1)}.drawer-head{display:flex;justify-content:space-between;align-items:center;height:3rem;padding:0 var(--space-4);border-bottom:1px solid var(--line-subtle)}.drawer-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-content{height:calc(100dvh - 15.25rem);overflow:auto;padding:var(--space-5)}.operator-empty{min-height:12rem;display:grid;place-items:center;align-content:center;gap:var(--space-4);color:var(--text-muted);text-align:center}.operator-empty svg{width:1.5rem;height:1.5rem;stroke-width:1.25}.operator-empty p{max-width:16rem;font-size:var(--text-12)}.detail-indicator{padding-bottom:var(--space-5);border-bottom:1px solid var(--line-subtle)}.detail-indicator code{display:block;margin:var(--space-3) 0;color:var(--text-primary);font-size:var(--text-14);overflow-wrap:anywhere}.detail-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-section{padding:var(--space-5) 0;border-bottom:1px solid var(--line-subtle)}.detail-section h3{margin-bottom:var(--space-3)}.key-values{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);margin:0}.key-values dt{color:var(--text-muted)}.key-values dd{margin:0;text-align:right;color:var(--text-secondary)}.sighting{padding:var(--space-3) 0;border-bottom:1px solid var(--line-subtle)}.sighting strong,.sighting span{display:block}.sighting span{color:var(--text-muted);font-size:var(--text-11)}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding-top:var(--space-5)}.skeleton-table{padding:var(--space-3)}.skeleton-row{display:grid;grid-template-columns:5rem 1fr 6rem 7rem 4rem;gap:var(--space-4);height:var(--table-row-h);align-items:center;border-bottom:1px solid var(--line-subtle)}.skeleton-line{height:.5rem;background:var(--surface-2);border-radius:var(--radius-control);animation:skeleton 1.4s ease-in-out infinite alternate}.skeleton-row:nth-child(even) .skeleton-line{opacity:.65}@keyframes skeleton{to{background:var(--surface-raised)}}.state-message{min-height:14rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center;color:var(--text-muted)}.state-message svg{width:1.5rem;height:1.5rem;stroke-width:1.25}.state-message code{color:var(--text-secondary)}.incident-layout{display:grid;grid-template-columns:16rem minmax(32rem,1fr) 17rem;min-height:calc(100dvh - 7.75rem);margin-top:var(--space-5);border:1px solid var(--line-subtle);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-0)}.incident-list{border-right:1px solid var(--line-subtle)}.incident-row{width:100%;padding:var(--space-4);border:0;border-bottom:1px solid var(--line-subtle);background:transparent;text-align:left}.incident-row:hover,.incident-row.active{background:var(--surface-2)}.incident-row.active{box-shadow:inset 2px 0 var(--critical)}.incident-row>span:first-child{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:var(--text-11)}.incident-row strong{display:block;margin:var(--space-2) 0;font-size:var(--text-12);font-weight:var(--weight-medium)}.incident-row small{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-11)}.incident-main{min-width:0}.incident-title-block{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:var(--space-5);border-bottom:1px solid var(--line-subtle)}.incident-title-block h2{margin:var(--space-2) 0}.incident-title-block p{color:var(--text-muted);font-size:var(--text-11)}.incident-actions{display:flex;gap:var(--space-3)}.incident-tabs,.stage-tabs{display:flex;align-items:center;height:2.5rem;border-bottom:1px solid var(--line-subtle);background:var(--surface-1)}.incident-tabs button,.stage-tabs button{height:100%;padding:0 var(--space-5);border:0;border-right:1px solid var(--line-subtle);background:transparent;color:var(--text-muted);font-size:var(--text-12)}.incident-tabs button.active,.stage-tabs button.active{box-shadow:inset 0 -2px var(--accent);color:var(--text-primary)}.incident-tabs span{font-family:var(--font-mono);color:var(--text-muted)}.timeline-section .section-head{padding-top:var(--space-3);padding-bottom:var(--space-5)}.timeline{list-style:none;margin:0;padding:var(--space-5)}.timeline li{position:relative;display:grid;grid-template-columns:8.75rem 1.25rem 1fr;gap:var(--space-4);min-height:4.5rem}.timeline li::before{content:"";position:absolute;left:9.34rem;top:1.125rem;bottom:-.125rem;width:1px;background:var(--line-strong)}.timeline li:last-child::before{display:none}.timeline time{color:var(--text-muted);font-size:var(--text-11)}.timeline-marker{z-index:1;display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface-0)}.timeline-marker i{width:.375rem;height:.375rem;border-radius:50%;background:var(--info)}.timeline-marker.critical i{background:var(--critical)}.timeline-marker.high i{background:var(--high)}.timeline-marker.low i{background:var(--low)}.timeline-card{padding:0 0 var(--space-5)}.timeline-card strong{display:block;font-size:var(--text-12);font-weight:var(--weight-medium)}.timeline-card p{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-12)}.timeline-card code{color:var(--text-secondary)}.incident-rail{border-left:1px solid var(--line-subtle);background:var(--surface-1);padding:var(--space-4)}.incident-rail .panel{margin-bottom:var(--space-4)}.checklist label{display:flex;align-items:center;gap:var(--space-3);min-height:2.25rem;padding:0 var(--space-4);border-bottom:1px solid var(--line-subtle);font-size:var(--text-12)}.checklist label:last-child{border-bottom:0}.checklist input{accent-color:var(--accent)}.incident-facts dl,.metric-list{margin:0}.incident-facts dl>div,.metric-list>div{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-subtle)}.incident-facts dl>div:last-child,.metric-list>div:last-child{border-bottom:0}.incident-facts dt,.metric-list dt{color:var(--text-muted)}.incident-facts dd,.metric-list dd{margin:0;text-align:right;color:var(--text-secondary)}.hunt-query{margin-top:var(--space-5)}.hunt-query>label{display:block;margin-bottom:var(--space-2);color:var(--text-muted);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}.hunt-query>div{display:flex;align-items:center;gap:var(--space-3);height:2.75rem;padding-left:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-0)}.hunt-query svg{width:1rem;height:1rem;color:var(--accent)}.hunt-query .button{height:100%;border-radius:0 var(--radius-control) var(--radius-control) 0}.hunt-layout{display:grid;grid-template-columns:14.5rem minmax(28rem,1fr) 15.5rem;min-height:calc(100dvh - 12.5rem);margin-top:var(--space-5);border:1px solid var(--line-subtle);border-radius:var(--radius-panel);overflow:hidden}.facet-rail{border-right:1px solid var(--line-subtle)}.facet-group{padding:var(--space-4);border-bottom:1px solid var(--line-subtle)}.facet-group h3{margin-bottom:var(--space-3);font-size:var(--text-11);letter-spacing:var(--tracking-label);color:var(--text-muted)}.facet-option{display:flex;align-items:center;gap:var(--space-3);min-height:1.75rem;color:var(--text-secondary);font-size:var(--text-12)}.facet-option input{accent-color:var(--accent)}.facet-option span:last-child{margin-left:auto;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-11)}.hunt-stage{min-width:0;background:var(--surface-0)}.stage-tabs .state-control{margin-left:auto;margin-right:var(--space-3)}.hunt-content{height:calc(100dvh - 15rem);min-height:28rem;overflow:auto}.graph-canvas{position:relative;width:100%;height:100%;min-height:30rem;background:var(--surface-0)}.graph-svg{width:100%;height:100%}.graph-grid line{stroke:var(--chart-grid);stroke-width:.5}.graph-edge{stroke:var(--line-strong);stroke-width:1;fill:none}.graph-edge.critical{stroke:var(--critical-line)}.graph-edge.high{stroke:var(--high-line)}.graph-edge.low{stroke:var(--low-line)}.graph-node circle,.graph-node rect{fill:var(--surface-2);stroke:var(--info-line);stroke-width:1}.graph-node.root circle{fill:var(--accent-wash);stroke:var(--accent)}.graph-node.malicious circle{fill:var(--critical-wash);stroke:var(--critical)}.graph-node text{fill:var(--text-secondary);font:11px var(--font-mono)}.graph-node .node-type{fill:var(--text-muted);font:10px var(--font-ui);letter-spacing:.07em}.graph-legend{position:absolute;left:var(--space-4);bottom:var(--space-4);display:flex;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-control);background:var(--surface-1);color:var(--text-muted);font-size:var(--text-11)}.graph-legend span{display:flex;align-items:center;gap:var(--space-2)}.edge-key{width:1rem;height:1px;background:var(--line-strong)}.edge-key.critical{background:var(--critical)}.saved-rail{border-width:0 0 0 1px;border-radius:0}.saved-hunt{display:block;width:100%;padding:var(--space-4);border:0;border-bottom:1px solid var(--line-subtle);background:transparent;text-align:left}.saved-hunt:hover{background:var(--surface-2)}.saved-hunt strong,.saved-hunt span,.saved-hunt small{display:block}.saved-hunt strong{font-size:var(--text-12);font-weight:var(--weight-medium)}.saved-hunt span{margin:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-11);overflow-wrap:anywhere}.saved-hunt small{color:var(--text-muted);font-size:var(--text-11)}.attack-matrix{min-width:46rem;padding:var(--space-4)}.matrix-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.matrix-column h3{min-height:2.5rem;padding:var(--space-2);border:1px solid var(--line-subtle);background:var(--surface-1);font-size:var(--text-11);text-align:center}.technique{min-height:3rem;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--line-subtle);background:var(--surface-1);font-size:var(--text-11)}.technique strong{display:block;font-family:var(--font-mono);font-weight:var(--weight-medium)}.technique.covered{border-color:var(--low-line);background:var(--low-wash)}.technique.observed{border-color:var(--high-line);background:var(--high-wash)}.technique.gap{border-color:var(--critical-line);background:var(--critical-wash)}.result-table{min-width:50rem}.admin-layout,.health-layout{display:grid;grid-template-columns:minmax(32rem,1fr) 17rem;gap:var(--space-5);margin-top:var(--space-5)}.admin-main,.full-admin,.health-main{border:1px solid var(--line-subtle);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-0)}.admin-rail{align-self:start}.full-admin{margin-top:var(--space-5)}.full-admin .table-scroll,.admin-main .table-scroll{max-height:calc(100dvh - 10.75rem)}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line-subtle)}.service-strip>div{padding:var(--space-4) var(--space-5);border-right:1px solid var(--line-subtle)}.service-strip>div:last-child{border-right:0}.service-strip strong{display:block;margin:var(--space-2) 0;font-size:var(--text-16);font-weight:var(--weight-semibold)}.service-strip small{color:var(--text-muted);font-size:var(--text-11)}.health-main .toolbar h2{font-size:var(--text-14)}.service-row{display:grid;grid-template-columns:1.3fr .7fr .8fr .8fr .7fr;align-items:center;min-height:2.75rem;padding:0 var(--space-4);border-bottom:1px solid var(--line-subtle)}.service-row:last-child{border-bottom:0}.service-name{display:flex;align-items:center;gap:var(--space-3)}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%}.low-dot{background:var(--low)}.medium-dot{background:var(--medium)}.critical-dot{background:var(--critical)}.info-dot{background:var(--info)}.service-row span:not(.status-dot){color:var(--text-muted);font-size:var(--text-12)}.health-events{list-style:none;margin:0;padding:0}.health-events li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line-subtle)}.health-events strong,.health-events small{display:block}.health-events strong{font-size:var(--text-12);font-weight:var(--weight-medium)}.health-events small{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-11)}.notification-tray{position:fixed;z-index:var(--z-overlay);top:var(--topbar-h);right:0;width:22rem;height:calc(100dvh - var(--topbar-h));border-left:1px solid var(--line-strong);background:var(--surface-1);box-shadow:var(--shadow-popover);transform:translateX(102%);transition:transform var(--transition-interactive)}.notification-tray.open{transform:translateX(0)}.tray-head{display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 var(--space-4);border-bottom:1px solid var(--line-subtle)}.notification-item{position:relative;padding:var(--space-4);border-bottom:1px solid var(--line-subtle)}.notification-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}.notification-item.critical-edge::before{background:var(--critical)}.notification-item.high-edge::before{background:var(--high)}.notification-item.info-edge::before{background:var(--info)}.notification-item strong,.notification-item p,.notification-item time{display:block}.notification-item strong{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-12)}.notification-item p,.notification-item time{color:var(--text-muted);font-size:var(--text-11)}.popover{position:fixed;z-index:var(--z-overlay);top:2.75rem;right:var(--space-4);width:11rem;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);box-shadow:var(--shadow-popover)}.popover button{display:flex;align-items:center;gap:var(--space-3);width:100%;height:var(--control-h);padding:0 var(--space-3);border:0;border-radius:var(--radius-control);background:transparent;text-align:left}.popover button:hover{background:var(--surface-2)}.popover svg{width:.875rem;height:.875rem}.toast-stack{position:fixed;z-index:var(--z-toast);right:var(--space-5);bottom:var(--space-5);display:grid;gap:var(--space-3)}.toast{min-width:18rem;padding:var(--space-4);border:1px solid var(--low-line);border-radius:var(--radius-control);background:var(--surface-raised);box-shadow:var(--shadow-popover);color:var(--text-secondary);font-size:var(--text-12)}
@media (max-width:1180px){:root{--sidebar-w:3.5rem}.brand{padding:0 var(--space-4)}.brand>span{display:none}.nav-item{grid-template-columns:1rem;padding:0;place-content:center}.nav-item span,.nav-label{display:none}.nav-item::before{left:-.1875rem}.sidebar nav{padding-inline:var(--space-3)}.sidebar-foot{justify-content:center}.sidebar-foot span:not(.live-dot),.sidebar-foot code{display:none}.incident-layout{grid-template-columns:13rem minmax(32rem,1fr)}.incident-rail{display:none}.hunt-layout{grid-template-columns:13rem minmax(30rem,1fr)}.saved-rail{display:none}.overview-layout{grid-template-columns:minmax(0,1.7fr) minmax(15rem,.8fr)}}
@media (max-width:860px){body{overflow:auto}.app-shell{display:block}.topbar{position:sticky;top:0;grid-template-columns:auto minmax(10rem,1fr) auto;padding:0 var(--space-3)}.brand{border-right:0;padding:0}.brand>span{display:none}.mobile-nav-button{display:inline-grid;grid-column:1;grid-row:1}.brand{grid-column:1;grid-row:1;margin-left:2.5rem}.global-search{grid-column:2;margin:0 var(--space-3)}.topbar-actions{grid-column:3;padding:0}.connection-state,.user-copy,.user-button>svg{display:none}.sidebar{position:fixed;z-index:var(--z-overlay);left:0;top:var(--topbar-h);bottom:0;width:14rem;transform:translateX(-102%);transition:transform var(--transition-interactive);box-shadow:var(--shadow-popover)}.sidebar.open{transform:translateX(0)}.nav-item{grid-template-columns:1rem 1fr auto;place-content:initial;padding:0 var(--space-3)}.nav-item span,.nav-label{display:block}.sidebar-foot{justify-content:space-between}.sidebar-foot span:not(.live-dot),.sidebar-foot code{display:inline}.main{height:calc(100dvh - var(--topbar-h));overflow:auto}.view{padding:var(--space-4)}.stat-strip{min-width:43rem}.overview-layout{grid-template-columns:1fr}.view-header{min-width:42rem}.incident-layout,.hunt-layout{min-width:54rem}.admin-layout,.health-layout{grid-template-columns:minmax(36rem,1fr);min-width:36rem}.admin-rail,.health-rail{display:none}.triage-workbench{min-width:48rem}.queue-counters{min-width:42rem}.notification-tray{width:min(22rem,100vw)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* login — same tokens, no separate design language */
.login-wrap{min-height:calc(100dvh - var(--topbar-h) - var(--space-6)*2);display:grid;place-items:center}
.login-panel{width:24rem;border:1px solid var(--line-subtle);border-radius:var(--radius-panel);background:var(--surface-0);padding:var(--space-6)}
.login-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}
.login-head .avatar{width:2rem;height:2rem;font-size:var(--text-12)}
.login-head h1{margin-top:var(--space-1)}
.login-field{display:block;margin-bottom:var(--space-4)}
.login-field span{display:block;margin-bottom:var(--space-2);color:var(--text-muted);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}
.login-field input{width:100%;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);color:var(--text-primary);font-size:var(--text-13)}
.login-field input:focus{border-color:var(--focus);outline:0;box-shadow:0 0 0 1px var(--focus)}
.login-error{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--critical-line);border-radius:var(--radius-control);background:var(--critical-wash);color:var(--critical);font-size:var(--text-12);overflow-wrap:anywhere}
.login-submit{width:100%}
.login-personas{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line-subtle)}
.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}
.persona{display:block;padding:var(--space-2) var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-control);background:var(--surface-1);text-align:left}
.persona:hover{border-color:var(--accent);background:var(--accent-wash)}
.persona strong{display:block;font-size:var(--text-12);font-weight:var(--weight-medium)}
.persona small{display:block;color:var(--text-muted);font-size:var(--text-11)}
.login-note{margin-top:var(--space-3);color:var(--text-disabled);font-size:var(--text-11)}

/* --- Craft revision R1 — operator-console polish (documented in design/AUDIT.md) --- */

/* P02 · state selects get a drawn chevron; the native arrow breaks the console
   idiom. The chevron reuses --line-strong's literal (#33434C) — the one
   sanctioned literal, because data-URIs cannot resolve custom properties. */
.state-control select{appearance:none;-webkit-appearance:none;padding-right:var(--space-5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%2333434C' stroke-width='1.25'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:0.5rem 0.3125rem}

/* P03 · fixed column geometry for the triage queue — headers stop breathing
   when row data changes length; sticky header gains a hairline once scrolled */
.queue-table th:nth-child(1){width:6.25rem}
.queue-table th:nth-child(3){width:15rem}
.queue-table th:nth-child(4){width:3.75rem}
.queue-table th:nth-child(5){width:5.25rem}
.queue-table th:nth-child(6){width:6.75rem}
.queue-table th:nth-child(7){width:5.75rem}
.queue-table th:nth-child(8){width:10.5rem}
.table-scroll.is-scrolled .ops-table thead{box-shadow:0 1px 0 var(--line-strong)}

/* P04 · indicator values select on click — operators copy, never retype */
.indicator-cell{user-select:all;-webkit-user-select:all}

/* P05 · press states: primary darkens to --accent-pressed, others step down */
.button.primary:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}
.button.secondary:active,.button.ghost:active,.mini-action:active,.text-button:active{background:var(--surface-1)}

/* P06 · row actions fade on the interaction rhythm; focus ring hugs cells */
.row-actions{transition:opacity var(--transition-interactive)}
.ops-table tr:focus-visible{outline-offset:-2px}

/* P09 · text selection and form accents ride the system tokens */
::selection{background:var(--selection);color:var(--text-primary)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}

/* P10 · focus-within parity for every query field */
.filter-search:focus-within,.hunt-query>div:focus-within{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}

/* P11 · toasts arrive, they do not pop */
.toast{border-left:2px solid var(--low-line);animation:toast-in var(--transition-interactive) cubic-bezier(0.16,1,0.3,1)}
@keyframes toast-in{from{opacity:0;transform:translateY(4px)}}

/* P07 · skeletons breathe instead of shimmering */
.skeleton-line{animation:skeleton-soft 1.6s ease-in-out infinite alternate}
@keyframes skeleton-soft{from{opacity:.55}to{opacity:.9}}

/* P14 · screen-reader captions for operator tables */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* P08 · on narrow consoles the detail drawer overlays instead of squeezing
   the queue against the rail */
@media (max-width:1180px){
  .triage-workbench.detail-open{grid-template-columns:minmax(0,1fr) 0}
  .triage-workbench.detail-open .detail-drawer{position:fixed;z-index:var(--z-overlay);top:var(--topbar-h);right:0;bottom:0;width:min(24rem,92vw);box-shadow:var(--shadow-popover)}
}

/* --- Craft revision R2 — dialogs, real toggles, rail craft ------------------- */

/* C01 · native dialogs on the panel token; solid scrim, no glass */
.console-dialog{width:min(26rem,92vw);border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface-1);color:var(--text-primary);padding:0;box-shadow:var(--shadow-popover)}
.console-dialog::backdrop{background:#04090c99}
.console-dialog form{padding:var(--space-5)}
.console-dialog .dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}
.console-dialog .dialog-head h2{font-size:var(--text-16);line-height:var(--leading-16);margin-top:var(--space-1)}
.dialog-field{display:block;margin-bottom:var(--space-4)}
.dialog-field span{display:block;margin-bottom:var(--space-2);color:var(--text-muted);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}
.dialog-field input,.dialog-field select{width:100%;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);color:var(--text-primary);font-size:var(--text-13)}
.dialog-field input:focus,.dialog-field select:focus{border-color:var(--focus);outline:0;box-shadow:0 0 0 1px var(--focus)}
.dialog-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.dialog-error{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--critical-line);border-radius:var(--radius-control);background:var(--critical-wash);color:var(--critical);font-size:var(--text-12);overflow-wrap:anywhere}
.dialog-foot{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}

/* C02 · severity chips are toggles: aria-pressed mirrors .active */
.filter-chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}

/* C03 · the connection readout sits in the console chrome, not floating text */
.connection-state{height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-control);background:var(--surface-1)}

/* C04 · facet rows read as a hover list, counts ride the right edge */
.facet-option{border-radius:var(--radius-control);padding:0 var(--space-2);margin-left:calc(var(--space-2) * -1)}
.facet-option:hover{background:var(--surface-1)}

/* C05 · saved hunts: queries truncate with a title; rows share hairline rhythm */
.saved-hunt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* C08 · keyboard map on the operator grid */
.keymap{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3) var(--space-4);align-items:center;margin:0}
.keymap dt{color:var(--text-secondary)}
.keymap dd{margin:0;color:var(--text-muted);font-size:var(--text-12)}

/* --- Craft revision R3 — inline admin, drawer editors, pagination ----------- */

/* C01 · drawer action bar docks to the bottom of the scroll */
.drawer-actions{position:sticky;bottom:calc(var(--space-5) * -1);background:var(--surface-1);margin:0 calc(var(--space-5) * -1) calc(var(--space-5) * -1);padding:var(--space-4) var(--space-5);border-top:1px solid var(--line-subtle)}

/* C02 · tag chips carry the machine material treatment */
.tag-chip{display:inline-flex;align-items:center;height:1.125rem;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-11);font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}
.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}

/* C03 · drawer editors share the console field geometry */
.drawer-tag-form{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.drawer-tag-form input{flex:1;min-width:0;height:1.75rem;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);color:var(--text-primary);font-size:var(--text-12)}
.drawer-note-form{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.drawer-note-form textarea{width:100%;min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas);color:var(--text-primary);font-size:var(--text-12);resize:vertical}
.drawer-tag-form input:focus,.drawer-note-form textarea:focus{border-color:var(--focus);outline:0;box-shadow:0 0 0 1px var(--focus)}

/* C04 · pagination footer: an honest line under the work */
.table-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line-subtle);background:var(--surface-1)}
.table-foot .muted{font-size:var(--text-11)}

/* C05 · inline admin controls stay compact */
.row-select{height:1.75rem;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-1);color:var(--text-secondary);font-size:var(--text-12);appearance:none;-webkit-appearance:none;padding-right:var(--space-5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%2333434C' stroke-width='1.25'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:0.5rem 0.3125rem}

/* C06 · dialogs arrive on the interaction curve */
.console-dialog[open]{animation:dialog-in var(--transition-interactive) cubic-bezier(0.16,1,0.3,1)}
@keyframes dialog-in{from{opacity:0;transform:translateY(4px) scale(0.99)}}

/* C07 · tray items are navigable — they say so by cursor */
.notification-item{cursor:pointer}
.notification-item:hover{background:var(--surface-2)}

/* --- Light shift (PRD §12.6): high-contrast day palette, same token names --- */
html[data-theme="light"]{
  color-scheme:light;
  --canvas:#EDF1F4;
  --surface-0:#FFFFFF;
  --surface-1:#F7F9FB;
  --surface-2:#EDF2F5;
  --surface-raised:#FFFFFF;
  --line-subtle:#D8E0E6;
  --line-strong:#AEBCC5;
  --text-primary:#101C26;
  --text-secondary:#33454F;
  --text-muted:#5B6C77;
  --text-disabled:#8A99A3;
  --text-inverse:#F2F7F9;
  --accent:#0B6E5F;
  --accent-hover:#09594D;
  --accent-pressed:#07453B;
  --accent-wash:#DFF2EE;
  --focus:#0B6E5F;
  --critical:#C2373E;
  --critical-wash:#FBE9EA;
  --critical-line:#E9B7BA;
  --high:#B25215;
  --high-wash:#FCEFE4;
  --high-line:#E8C8AB;
  --medium:#8A6710;
  --medium-wash:#FAF2D8;
  --medium-line:#E0D196;
  --low:#1E7A4D;
  --low-wash:#E2F3EA;
  --low-line:#A9D5BF;
  --info:#5C6E79;
  --info-wash:#E9EEF1;
  --info-line:#C5D1D8;
  --tlp-clear:#5C6E79;
  --tlp-green:#1E7A4D;
  --tlp-amber:#9A6B00;
  --tlp-red:#C2373E;
  --chart-cyan:#1B7FA8;
  --chart-blue:#3D6CC4;
  --chart-grid:#DCE4E9;
  --chart-area:#D8EDF2;
  --selection:#C8EAE4;
  --overlay:#0B121880;
  --white:#FFFFFF;
}

/* the toggle button reads the same icon idiom as its neighbours */