:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f8fc;background:#040914;--panel:#081524;--line:#21344d;--muted:#94a2b4;--green:#48cf68;--blue:#2e8ee9;--purple:#8245d5;--gold:#dfa21b;--red:#e34655;--cyan:#26b8c9}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 0,#0b1830,#050a16 47%,#02060d)}body.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #4bcaff;outline-offset:2px}.app-shell{--sidebar-width:185px;--right-width:300px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;background:#06101b;border-right:1px solid #16283b;padding:10px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid #14263a;font-size:24px}.brand b{display:block;font-size:16px}.brand small{display:block;font-size:6px;color:#52d46b}.universal-label,.nav-title{font-size:6px;color:#7a6aaa;margin:11px 7px 4px}.side-search{border:1px solid #22364d;background:#081522;border-radius:5px;padding:7px;display:flex;gap:6px;align-items:center}.side-search input{width:100%;border:0;background:transparent;color:#fff;font-size:7px}.sidebar-scroll{overflow-y:auto;overscroll-behavior:contain;margin-top:4px}.sidebar-scroll::-webkit-scrollbar,.dashboard-scroll::-webkit-scrollbar,.right-rail::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:8px;height:8px}.sidebar-scroll::-webkit-scrollbar-thumb,.dashboard-scroll::-webkit-scrollbar-thumb,.right-rail::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#243a55;border-radius:99px}.nav-link{width:100%;border:0;background:transparent;border-radius:6px;padding:7px 8px;display:flex;gap:8px;align-items:center;text-align:left;font-size:7px;color:#bdc7d4}.nav-link:hover{background:#0b1929}.nav-link.selected{background:linear-gradient(90deg,#40206e,#6128a5);color:#fff}.nav-link em{margin-left:auto;background:#3e2956;border-radius:99px;padding:1px 5px;font-size:6px;font-style:normal}.admin-chip{margin-top:auto;border-top:1px solid #1b2d42;padding:9px 3px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}.admin-chip b,.admin-chip small{display:block}.admin-chip b{font-size:7px}.admin-chip small{font-size:6px;color:#8e9caf}.admin-chip span{color:#4fd970}.sidebar-toggle{position:absolute;right:-13px;top:76px;width:26px;height:34px;border:1px solid #293d56;border-radius:0 7px 7px 0;background:#0a1625;display:grid;place-items:center}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:50}.sidebar-handle{right:-3px}.right-handle{left:-3px}.sidebar.collapsed .brand,.sidebar.collapsed .side-search,.sidebar.collapsed .nav-link{justify-content:center}.main{min-width:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:0 10px}.topbar{min-height:62px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(760px,2.2fr);gap:12px;align-items:center;border-bottom:1px solid #1b2d43}.title-area{display:flex;align-items:center;gap:8px}.title-area h1{font-size:17px;margin:0}.title-area p{font-size:8px;margin:2px 0;color:#a0adbd}.mobile-menu{display:none;border:0;background:transparent}.status-strip{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:6px}.panel{background:linear-gradient(180deg,#091625,#071321);border:1px solid #21344d;border-radius:8px;box-shadow:0 8px 22px #0003}.top-status{padding:7px}.top-status small{display:block;font-size:5.5px}.top-status b{display:block;font-size:9px;margin-top:4px}.top-status.green b{color:#4cd771}.top-status.blue b{color:#4ca7ff}.top-status.red b{color:#ef4f5e}.top-status.gold b{color:#e5ad24}.dashboard-scroll{overflow:auto;overscroll-behavior:contain;padding-bottom:8px}.global-search{margin:8px 0;border:1px solid #263a52;background:#071320;border-radius:6px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.global-search input{border:0;background:transparent;color:#fff}.global-search button{border:0;background:transparent}.case-card{padding:0;margin-bottom:8px}.case-head{padding:9px 12px;display:flex;justify-content:space-between;align-items:center}.case-head>div{display:flex;gap:8px;align-items:center}.case-head strong{color:#b076f1}.case-head h2{font-size:13px;margin:0}.severity-high{background:#50171d;border:1px solid #75313a;color:#ff858f;border-radius:4px;padding:3px 7px;font-size:6px}.case-head button{border:1px solid #2b3c54;background:#091625;border-radius:4px;padding:6px 8px;font-size:6px}.case-meta{display:flex;gap:22px;flex-wrap:wrap;padding:0 12px 8px;font-size:6px}.case-meta b{color:#7ec0ff}.pipeline{border-top:1px solid #1b2d42;padding:8px 12px;display:grid;grid-template-columns:repeat(11,1fr);gap:5px;overflow-x:auto}.pipeline>div{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;min-width:88px;opacity:.55}.pipeline>div.done,.pipeline>div.current{opacity:1}.pipeline b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#26364a;font-size:7px}.pipeline .done b{background:#63b53c}.pipeline .current b{background:#7e45d4}.pipeline span{font-size:6px}.pipeline small{grid-column:2;color:#5bd373;font-size:5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--right-width);gap:8px;align-items:start}.workspace-main{display:grid;gap:8px;min-width:0}.right-rail{position:sticky;top:0;display:grid;gap:8px;max-height:calc(100vh - 132px);overflow:auto;align-content:start;min-width:0}.collapsible{padding:0;overflow:hidden}.panel-header{min-height:36px;padding:6px 8px;border-bottom:1px solid #1b2d42;display:flex;justify-content:space-between;align-items:center}.collapse-toggle{border:0;background:transparent;display:flex;gap:6px;align-items:center;font-size:8px}.panel-actions{display:flex;gap:5px;align-items:center}.panel-actions button{border:1px solid #293b53;background:#0a1929;border-radius:4px;padding:4px 6px;font-size:6px}.icon-action{display:grid!important;place-items:center}.panel-body{padding:8px;min-width:0}.panel-expanded{position:fixed!important;z-index:100;top:12px!important;right:12px!important;bottom:12px!important;left:12px!important;max-height:none!important;background:#071321}.panel-expanded .panel-body{height:calc(100vh - 64px);overflow:auto}.top-grid{display:grid;grid-template-columns:.82fr 1.55fr;gap:8px}.middle-grid{display:grid;grid-template-columns:.65fr 1fr 1.2fr .85fr;gap:8px}.confidence,.policy-ok,.online{font-size:6px;color:#55d875}.root-cause h3{font-size:7px;color:#62d37d;margin:6px 0}.root-cause p,.root-cause li{font-size:6px}.root-cause ul{list-style:none;padding:0;display:grid;gap:5px}.repair-recommendation{border:1px solid #56421a;background:#2d220c;border-radius:6px;padding:8px;display:flex;gap:7px;color:#e9b649}.repair-recommendation b,.repair-recommendation p,.repair-recommendation strong{display:block}.repair-recommendation p{color:#dadde4;margin:4px 0}.repair-recommendation strong{color:#f0bd53}.scope-grid{display:grid;grid-template-columns:.7fr 1.6fr;gap:8px}.scope-list{display:grid;gap:4px}.scope-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #1b2d42;padding:6px;font-size:6px}.scope-list .block b{color:#ff5b69}.scope-list .ok b{color:#57db75}.scope-valid{margin-top:7px!important;border:1px solid #2a673d!important;background:#0e2b1a;display:grid!important;grid-template-columns:auto 1fr!important;justify-content:start!important;gap:6px!important;color:#61dd80}.scope-valid p{margin:3px 0;color:#bed2c4}.diff-viewer{border:1px solid #243950;border-radius:6px;overflow:hidden}.diff-head{padding:6px 8px;background:#0b1928;font-size:7px}.diff-head small{color:#8e9caf}.diff-columns{display:grid;grid-template-columns:1fr 1fr}.diff{min-width:0}.diff>b{display:block;padding:5px 7px;font-size:6px}.diff.before>b{background:#4a1b22;color:#ff8d95}.diff.after>b{background:#17391f;color:#76e58c}.diff pre{margin:0;padding:8px;overflow:auto;max-height:275px;font-size:6px;line-height:1.7;background:#07111d}.diff.before pre{color:#efb4b9}.diff.after pre{color:#bcecc6}.repair-explanation{border-top:1px solid #23374f;padding:7px}.repair-explanation b{font-size:7px}.repair-explanation p{font-size:6px;color:#b4bfcc}.impact-scale .line{height:6px;background:#1b2d43;border-radius:99px}.impact-scale i{display:block;height:100%;background:#924bde;border-radius:inherit}.impact-scale>div:nth-child(2){display:flex;justify-content:space-between;font-size:6px;margin-top:4px}.impact-scale p{font-size:6px;text-align:center;color:#aab4c2}.checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.checks>div{border:1px solid #1e354b;border-radius:4px;padding:6px;display:grid;grid-template-columns:auto 1fr auto;gap:5px;font-size:6px;color:#59d876}.checks span{color:#c2cad5}.checks b{background:#184d29;border-radius:4px;padding:2px 5px}.all-pass{margin-top:7px;border:1px solid #285f3a;background:#0d2a18;border-radius:5px;padding:8px;text-align:center;color:#65de80;font-size:6px}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:6px}.timeline li{display:grid;grid-template-columns:58px 1fr;gap:6px;font-size:6px;position:relative}.timeline li:before{content:"";position:absolute;left:55px;top:3px;width:5px;height:5px;border-radius:50%;background:#428be9}.timeline li span{padding-left:8px;color:#aeb9c7}.risk-card{border:1px solid #745313;background:#3a2a0b;border-radius:5px;padding:7px;display:flex;gap:7px;color:#e8b34a}.risk-card div{display:flex;justify-content:space-between;flex:1;font-size:7px}.approvers{display:grid;gap:6px;margin-top:8px}.approvers>div{font-size:6px;display:flex;justify-content:space-between}.approvers b{color:#59dc75}.approvers .pending{color:#f0b02f}.risk-note{font-size:6px;color:#9eabba}.health-list{list-style:none;padding:0;margin:0;display:grid}.health-list li{display:grid;grid-template-columns:auto 1fr auto;gap:5px;border-bottom:1px solid #1b2d42;padding:7px 0;font-size:6px;color:#62d97b}.health-list span{color:#bec7d2}.brain-chat{display:grid;gap:7px}.brain-chat button{justify-self:end;border:1px solid #49327a;background:#251747;border-radius:5px;padding:6px 8px;font-size:6px}.brain-chat p{border:1px solid #1e334c;background:#0b1929;border-radius:6px;padding:8px;font-size:6px;line-height:1.5}.repair-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.repair-actions button{border:1px solid #293b53;border-radius:5px;padding:8px;font-size:6px}.repair-actions .purple{background:#4e258c}.repair-actions .blue{background:#12426f}.repair-actions .green{background:#174c2a}.repair-actions .cyan{background:#115167}.repair-actions .gold{background:#4e390e}.repair-actions .red{background:#551821;grid-column:1/3}.governance-bar{min-height:58px;border-top:1px solid #1b2e44;background:#06101c;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px}.governance-bar>div{flex:1 0 170px;border-right:1px solid #183049;display:flex;gap:7px;align-items:center}.governance-bar>div>svg{color:#51d972}.governance-bar b,.governance-bar small{display:block}.governance-bar b{font-size:6px;color:#65de80}.governance-bar small{font-size:5px;color:#8f9daf}.governance-bar button{flex:0 0 auto;border:1px solid #24374f;background:#091624;border-radius:5px;padding:7px 9px;font-size:6px}.compact .top-status{padding:5px}.compact .case-head{padding-block:6px}.compact .panel-header{min-height:30px}.compact .panel-body{padding:6px}.compact .diff pre{max-height:210px}.fallback-panel{padding:12px;display:grid;gap:8px;color:#ffd46e}.fallback-panel button,.fatal-card button{width:max-content;border:0;background:#5f2fb2;border-radius:5px;padding:8px 12px}.fatal-shell{min-height:100vh;display:grid;place-items:center}.fatal-card{max-width:600px;background:#091625;border:1px solid #30475f;border-radius:10px;padding:22px}.fatal-card pre{white-space:pre-wrap;background:#030810;padding:9px;border-radius:5px;color:#ffb5b5}.fatal-actions{display:flex;gap:8px}@media(max-width:1500px){.topbar{grid-template-columns:1fr}.status-strip{grid-template-columns:repeat(4,1fr)}.top-grid{grid-template-columns:1fr 1.35fr}.middle-grid{grid-template-columns:1fr 1fr}.middle-grid>*:last-child{grid-column:2}}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.right-rail{position:static;max-height:none;grid-template-columns:repeat(2,1fr)}.right-handle{display:none}.top-grid,.middle-grid{grid-template-columns:1fr}.middle-grid>*:last-child{grid-column:auto}.scope-grid{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform .2s ease}.sidebar:not(.collapsed){transform:translate(0)}.main{padding-inline:7px}.mobile-menu{display:inline-grid}.status-strip{grid-template-columns:repeat(2,1fr)}.right-rail{grid-template-columns:1fr}.case-head{align-items:flex-start}.case-head>div{flex-wrap:wrap}.pipeline{grid-template-columns:repeat(11,110px)}.diff-columns,.scope-grid{grid-template-columns:1fr}}@media(max-width:520px){.title-area h1{font-size:14px}.status-strip{grid-template-columns:1fr 1fr}.case-meta{gap:8px}.checks,.repair-actions{grid-template-columns:1fr}.repair-actions .red{grid-column:auto}.governance-bar>div{flex-basis:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}