/* Breakglass v7 — Maximum Overengineering */
.ops-center{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.ops-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ops-head-copy{display:grid;gap:3px}.ops-kicker{margin:0;color:var(--dim);font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.ops-title{margin:0;color:var(--fg);font-size:12.5px;font-weight:680;letter-spacing:-.02em}.ops-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.ops-btn{appearance:none;border:1px solid var(--line);border-radius:999px;background:var(--control,rgba(255,255,255,.025));color:var(--muted);padding:7px 9px;font:650 8.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.ops-btn:hover,.ops-btn.active{color:var(--fg);border-color:var(--line2);background:rgba(255,255,255,.055)}
.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ops-metric{padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);min-width:0}.ops-metric-label{display:block;color:var(--dim);font:600 7.8px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-metric-value{display:block;margin-top:5px;color:var(--fg);font:720 17px/.95 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:-.05em}.ops-metric-sub{display:block;margin-top:4px;color:var(--dim);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-metric.danger .ops-metric-value{color:#ff8d84}.ops-metric.good .ops-metric-value{color:var(--green)}
.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ops-card{position:relative;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.012);overflow:hidden}.ops-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.ops-card-title{color:var(--muted);font:650 8.8px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.ops-state{color:var(--green);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.ops-state.warn{color:var(--amber)}.ops-state.bad{color:var(--danger)}
.twin-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.twin-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.045);font-size:9.5px;color:var(--dim)}.twin-row:nth-child(-n+2){border-top:0}.twin-row strong{color:var(--fg);font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.dependency-svg{width:100%;height:118px;display:block;overflow:visible}.dep-line{stroke:rgba(244,241,234,.14);stroke-width:1.2}.dep-line.hot{stroke:rgba(255,90,79,.55);filter:drop-shadow(0 0 3px rgba(255,90,79,.35))}.dep-line.reality{stroke:rgba(118,223,161,.75)}.dep-node circle{fill:#111;stroke:rgba(244,241,234,.18)}.dep-node text{fill:rgba(244,241,234,.62);font:600 7.5px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dep-node.hot circle{stroke:rgba(255,90,79,.6);fill:rgba(255,90,79,.08)}.dep-node.reality circle{stroke:rgba(118,223,161,.8);fill:rgba(118,223,161,.08)}
.consensus-list{display:grid;gap:5px}.consensus-row{display:grid;grid-template-columns:56px 1fr auto;gap:7px;align-items:center;padding:5px 0;border-top:1px solid rgba(255,255,255,.04)}.consensus-row:first-child{border-top:0}.consensus-model{color:var(--dim);font:650 7.8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.consensus-text{color:var(--muted);font-size:9.5px;line-height:1.25}.consensus-ok{color:var(--green);font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.consensus-verdict{margin-top:7px;padding-top:7px;border-top:1px solid rgba(118,223,161,.16);color:var(--green);font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.counterfactual{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cf-col{padding:8px;border:1px solid var(--line);border-radius:10px}.cf-col.good{border-color:rgba(118,223,161,.14);background:rgba(118,223,161,.025)}.cf-col.bad{border-color:rgba(255,90,79,.14);background:rgba(255,90,79,.02)}.cf-title{display:block;color:var(--fg);font:650 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cf-list{display:grid;gap:4px;margin-top:6px}.cf-item{color:var(--dim);font-size:8.8px;line-height:1.3}
.extension-control{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:11px}.extension-heartbeat{display:flex;align-items:center;gap:7px;min-width:0}.heartbeat-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}.extension-control.connected .heartbeat-dot{background:var(--green);box-shadow:0 0 12px rgba(118,223,161,.45)}.extension-control.cooldown .heartbeat-dot{background:var(--danger);box-shadow:0 0 12px rgba(255,90,79,.5)}.heartbeat-copy{min-width:0}.heartbeat-title{display:block;color:var(--fg);font-size:9.5px;font-weight:650}.heartbeat-sub{display:block;margin-top:2px;color:var(--dim);font-size:8.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heartbeat-action{appearance:none;border:1px solid var(--line2);border-radius:999px;padding:6px 8px;background:transparent;color:var(--muted);font:650 7.8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer;white-space:nowrap}
.ops-drawer{position:fixed;z-index:9000;right:20px;bottom:20px;width:min(480px,calc(100vw - 40px));max-height:min(72vh,640px);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--line2);border-radius:20px;background:rgba(8,8,8,.94);box-shadow:0 26px 90px rgba(0,0,0,.55);backdrop-filter:blur(18px);transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none;transition:.28s cubic-bezier(.2,.8,.2,1)}.ops-drawer.open{transform:none;opacity:1;pointer-events:auto}.ops-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.ops-drawer-title{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.ops-drawer-close{appearance:none;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer}.terminal{overflow:auto;padding:10px 13px 14px;font:500 9.2px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:rgba(244,241,234,.58)}.terminal-line{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:2px 0}.terminal-time{color:rgba(244,241,234,.28)}.terminal-line.good .terminal-msg{color:rgba(118,223,161,.82)}.terminal-line.warn .terminal-msg{color:rgba(255,181,107,.86)}.terminal-line.bad .terminal-msg{color:rgba(255,120,112,.88)}
.explain-dialog{width:min(560px,calc(100vw - 30px));border:1px solid var(--line2);border-radius:20px;padding:0;background:var(--surface,#0b0b0b);color:var(--fg);box-shadow:0 30px 100px rgba(0,0,0,.65)}.explain-dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}.explain-panel{padding:18px;display:grid;gap:12px}.explain-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.explain-list{display:grid;gap:6px}.explain-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10.5px}.explain-row strong{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.explain-total{color:var(--fg);font-weight:700}
.ops-toast{position:fixed;z-index:12000;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 13px;border:1px solid var(--line2);border-radius:999px;background:rgba(8,8,8,.92);color:var(--fg);box-shadow:0 18px 60px rgba(0,0,0,.45);font:650 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:.22s}.ops-toast.show{transform:translate(-50%,0);opacity:1}
.analog-overlay{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;background:#f5f1e8;color:#111;opacity:0;pointer-events:none;transition:.35s}.analog-overlay.active{opacity:1;pointer-events:auto}.analog-inner{text-align:center;padding:30px}.analog-kicker{font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:#777}.analog-title{margin:15px 0 10px;font-size:clamp(52px,10vw,120px);line-height:.85;letter-spacing:-.07em}.analog-copy{max-width:480px;margin:0 auto;color:#777;font-size:14px;line-height:1.55}.analog-back{margin-top:24px;border:1px solid #bbb;border-radius:999px;padding:10px 14px;background:transparent;color:#222;font:650 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer}
.incident-lifecycle{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 34px));padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:rgba(7,7,7,.92);box-shadow:0 30px 110px rgba(0,0,0,.7);backdrop-filter:blur(18px);opacity:0}.incident-kicker{color:rgba(244,241,234,.4);font:650 8.8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.incident-title{margin:7px 0 13px;font-size:18px;letter-spacing:-.035em}.incident-stages{display:grid;gap:5px}.incident-stage{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid rgba(255,255,255,.045);color:rgba(244,241,234,.42);font-size:10px}.incident-led{width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.incident-stage.running{color:var(--fg)}.incident-stage.running .incident-led{background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px rgba(255,181,107,.5)}.incident-stage.done{color:rgba(244,241,234,.72)}.incident-stage.done .incident-led{background:var(--green);border-color:var(--green)}.incident-stage code{color:var(--dim);font-size:8px}.incident-integrity{margin-top:10px;padding-top:9px;border-top:1px solid rgba(118,223,161,.14);color:rgba(118,223,161,.75);font:600 8.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}
#webglShardCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.recovery-banner{display:none;padding:10px 12px;border:1px solid rgba(118,223,161,.18);border-radius:13px;background:rgba(118,223,161,.035);color:var(--muted);font-size:10px;line-height:1.4}.recovery-banner.active{display:block}.recovery-banner strong{color:var(--green)}
.maximum-only{display:none}.maximum-overengineering .maximum-only{display:block}.maximum-overengineering .ops-center{box-shadow:0 0 0 1px rgba(255,90,79,.04),0 20px 80px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}
body.ops-midnight .ops-center{border-color:rgba(255,90,79,.16)}body.ops-deep-night .ops-center{border-color:rgba(255,90,79,.28);box-shadow:0 0 42px rgba(255,90,79,.05)}
html[data-theme="light"] .ops-center,html[data-theme="light"] .ops-card,html[data-theme="light"] .ops-metric{background:rgba(23,21,18,.018)}html[data-theme="light"] .dep-node circle{fill:#f5f1e8}html[data-theme="light"] .dep-node text{fill:rgba(23,21,18,.62)}html[data-theme="light"] .ops-drawer{background:rgba(247,244,238,.96)}html[data-theme="light"] .terminal{color:rgba(23,21,18,.6)}
@media(max-width:620px){.ops-metrics{grid-template-columns:1fr 1fr}.ops-grid{grid-template-columns:1fr}.ops-actions{justify-content:flex-start}.ops-head{align-items:flex-start;flex-direction:column}.counterfactual{grid-template-columns:1fr}.ops-drawer{right:10px;bottom:10px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.ops-drawer,.ops-toast,.analog-overlay{transition:none!important}}