:root{--bg: #09131f;--surface: #0b1623;--surface-border: #334a5e;--text: #e8eef5;--text-muted: #9aa9b8;--accent: #b3522a;--accent-border: #dd8f5a;--ok: #7de8b8;--warn: #f4c778;--neutral: #9ac1df;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.25rem;--space-5: 1.5rem;--text-body: .95rem;--text-meta: .84rem;--text-mono: .8rem;font-family:Inter,IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at 10% 0%,#0f2236,var(--bg) 65%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){:root{--space-3: 1.1rem;--space-4: 1.35rem;--space-5: 1.75rem;--text-body: .95rem;--text-meta: .86rem;--text-mono: .8rem}}@media (min-width: 1024px){:root{--space-4: 1.5rem;--space-5: 2rem;--text-body: 1rem;--text-meta: .9rem;--text-mono: .84rem}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:var(--text-body)}#root{min-height:100vh}a{color:inherit}button,select{font:inherit;touch-action:manipulation}.app-shell{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-3) var(--space-5)}.app-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,145,165,.2)}.brand{margin:0;color:#c7d6e5;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.simulation-mode{margin:0;color:var(--text-muted);font-size:var(--text-meta)}.simulation-mode span{color:var(--ok);font-size:.7em;vertical-align:.1em}.workspace-intro{padding:clamp(2rem,7vw,4.5rem) 0 1.75rem}.workspace-intro .eyebrow{margin-bottom:.4rem}h1{margin:0;color:#f6f9fc;font-size:clamp(1.5rem,3.5vw,2.25rem);line-height:1.15;letter-spacing:-.02em}.subtitle{max-width:62ch;margin:var(--space-2) 0 0;color:var(--text-muted)}.panel{padding:var(--space-3);background:#0c141fb8;border:1px solid rgba(120,145,165,.18);border-radius:8px}.panel h2{margin:0;color:#f0f5fa;font-size:1.05rem;letter-spacing:-.01em}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.eyebrow{margin:0 0 .2rem;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.meta{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-meta)}.scenario-control{display:grid;gap:var(--space-2);align-items:end}.scenario-control label{display:block;margin-bottom:.45rem}label{color:#c8d4df;font-size:var(--text-meta);font-weight:600}select,.reviewer-identity input[type=text]{width:100%;min-height:44px;padding:.7rem .75rem;color:var(--text);background:#0e1b28;border:1px solid rgba(123,153,179,.42);border-radius:6px}button{min-height:44px;padding:.7rem 1rem;color:#fff8f3;background:var(--accent);border:1px solid transparent;border-radius:6px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.scenario-description{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-meta)}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:1.5rem 0}.summary-item{min-width:0;padding-left:.75rem;border-left:1px solid rgba(123,153,179,.45)}.summary-item span{display:block;color:var(--text-muted);font-size:var(--text-meta)}.summary-item strong{display:block;margin-top:.2rem;color:#f1f6fa;font-size:1.35rem;font-weight:600}.summary-item.ready strong{color:var(--ok);font-size:1rem;padding-top:.25rem}.incident-panel{border-color:#79b1d652;background:#0b1825d1}.queue-summary{margin:0;color:var(--text-muted);font-size:var(--text-meta)}.incident-list,.activity-list,.event-list{display:grid;gap:.5rem;margin:var(--space-2) 0 0;padding:0;list-style:none}.incident-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;align-items:start;padding:.9rem 0;border-top:1px solid rgba(120,145,165,.18)}.incident-list li:first-child{border-top:0}.queue-position{display:none}.incident-summary{min-width:0}.incident-title,.activity-title{margin:.35rem 0 0;color:#eef4f9;font-weight:600;overflow-wrap:anywhere}.incident-risk{grid-column:2;grid-row:1 / span 2;color:var(--text-muted);font-size:var(--text-meta);text-align:right}.incident-risk strong{display:block;margin-top:.1rem;color:#f1f6fa;font-size:1.25rem;font-weight:600}.review-button{grid-column:1 / -1;width:auto;justify-self:start;min-height:34px;padding:.35rem .75rem;background:transparent;border-color:#b0cce180;color:#d9e7f4;font-size:var(--text-meta)}.supporting-telemetry{margin-top:var(--space-3);border-top:1px solid rgba(120,145,165,.2)}.supporting-telemetry summary{padding:1rem 0;color:#cbd9e5;font-size:var(--text-meta);font-weight:600;cursor:pointer}.supporting-telemetry summary span{float:right;color:var(--text-muted);font-weight:400}.supporting-panels{display:grid;gap:var(--space-2);padding-bottom:var(--space-2)}.panel-count{display:grid;place-items:center;min-width:1.75rem;min-height:1.75rem;color:#dce8f2;background:transparent;border:1px solid rgba(123,153,179,.38);border-radius:4px;font-size:var(--text-meta);font-weight:600}.event-list li{padding:.8rem 0;border-top:1px solid rgba(120,145,165,.16)}.event-list li:first-child{border-top:0}.activity-list li{padding:.8rem 0;border-top:1px solid rgba(120,145,165,.16)}.activity-list li:first-child{border-top:0}.activity-summary{display:block}.activity-title{margin-top:.2rem;text-transform:capitalize}.activity-description,.activity-route{margin:.35rem 0 0;color:var(--text-muted);font-size:var(--text-meta)}.activity-route{color:#9ab2c6}.event-meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.event-time,.event-type{color:var(--text-muted);font-size:var(--text-meta)}.event-severity{color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:capitalize}.event-severity.critical{color:#ff9b9b}.event-severity.high{color:#f0bb7c}.event-severity.medium{color:#e4d184}.event-severity.low,.event-severity.info{color:#83bdd8}.event-description{margin:var(--space-1) 0 0;color:#cbd7e2;overflow-wrap:anywhere}.empty{color:var(--text-muted);font-size:var(--text-meta)}.error{margin:var(--space-2) 0 0;color:#ff9f9f;font-size:var(--text-meta)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#04080eb8}.drawer-panel{display:grid;align-content:start;gap:var(--space-2);width:100%;height:100%;padding:var(--space-3);overflow-y:auto;background:var(--surface);border-left:1px solid rgba(120,145,165,.28)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.drawer-close{min-height:36px;padding:.4rem .75rem;color:var(--text-muted);background:transparent;border-color:#7b99b366}.drawer-title{margin:0;color:#f4f8fc;font-size:1.35rem}.reviewer-identity{display:grid;gap:var(--space-1)}.button-link{min-height:0;padding:0;color:#b6d2e7;background:transparent;border:0;text-decoration:underline;font-weight:400}.response-action-controls{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.response-action-controls button{flex:1}.button-reject{color:#ffb0b0;background:transparent;border-color:#a86464}.ai-analysis{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(120,145,165,.2)}.approval-pill{color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:capitalize}.approval-pill.pending{color:var(--warn)}.approval-pill.approved{color:var(--ok)}.approval-pill.rejected{color:#ff9b9b}@media (min-width: 640px){.scenario-control{grid-template-columns:minmax(0,1fr) auto}.scenario-control button{min-width:160px}.supporting-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.app-shell{padding-inline:var(--space-4)}.panel{padding:var(--space-4)}.drawer-panel{max-width:480px}}
