.noc-workspace{--noc-bg:#10131c;--noc-panel:#171c27;--noc-line:#ffffff14;--noc-text:#e5eaf3;--noc-muted:#94a0b5;--noc-accent:#55dce8;color:var(--noc-text);background:var(--noc-bg);min-height:100%;padding:28px;font-family:Inter,system-ui,sans-serif;position:relative}.light .noc-workspace,[data-theme=light] .noc-workspace{--noc-bg:#f5f7fa;--noc-panel:#fff;--noc-line:#182b441a;--noc-text:#172439;--noc-muted:#596d84;--noc-accent:#087c91}.noc-workspace button,.noc-workspace a,.noc-workspace select,.noc-workspace input,.noc-workspace textarea{font:inherit}.noc-workspace button,.noc-workspace a{cursor:pointer}.noc-workspace button{border:1px solid var(--noc-line);background:var(--noc-panel);color:inherit;text-align:left;border-radius:9px;padding:9px 13px}.noc-workspace button:hover,.noc-workspace a:hover{border-color:var(--noc-accent)}.noc-workspace button:disabled{opacity:.5;cursor:default}.noc-workspace a{color:var(--noc-accent)}.noc-workspace :focus-visible{outline:2px solid var(--noc-accent);outline-offset:3px}.noc-workspace select,.noc-workspace input,.noc-workspace textarea{background:var(--noc-panel);color:var(--noc-text);border:1px solid var(--noc-line);border-radius:7px;max-width:100%;padding:8px}.noc-workspace label{color:var(--noc-muted);align-items:center;gap:7px;font-size:12px;display:flex}.noc-workspace h1,.noc-workspace h2,.noc-workspace h3,.noc-workspace p{margin:0}.noc-workspace p{line-height:1.6}.noc-workspace h1{letter-spacing:-1px;margin:6px 0;font:500 32px Outfit,Inter,sans-serif}.noc-workspace h2{font-size:16px;font-weight:550}.noc-workspace h3{margin-top:18px;font-size:13px}.noc-workspace small{color:var(--noc-muted);font-size:11px;line-height:1.6}.noc-eyebrow{letter-spacing:2px;color:var(--noc-accent);font:500 10px JetBrains Mono,monospace}.noc-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.noc-header p{color:var(--noc-muted);font-size:13px}.noc-tools{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.noc-filterbar{border-top:1px solid var(--noc-line);border-bottom:1px solid var(--noc-line);flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:15px 0;display:flex}.noc-filterbar label{flex-direction:column;align-items:flex-start}.noc-observed{color:var(--noc-muted);align-self:flex-end;margin-left:auto;font-size:11px}.noc-editor{background:var(--noc-panel);border:1px solid var(--noc-line);border-radius:12px;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:18px;display:flex}.noc-widget-picker{flex-wrap:wrap;gap:15px;width:100%;display:flex}.noc-message,.noc-error{background:#dfb3590b;border:1px solid #dfb35955;border-radius:10px;padding:16px;margin-bottom:20px!important}.noc-error span{font-size:12px}.noc-briefing{border-left:2px solid var(--noc-accent);max-width:1100px;margin-bottom:24px;padding:8px 24px 18px}.noc-briefing h2{letter-spacing:-1px;margin:8px 0 12px;font:500 clamp(25px,3vw,42px) Outfit,Inter,sans-serif}.noc-briefing p{color:var(--noc-muted);max-width:760px;margin-bottom:15px;font-size:13px}.noc-widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.noc-panel{background:var(--noc-panel);border:1px solid var(--noc-line);border-radius:14px;min-width:0;padding:20px}.noc-panel>header{justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.noc-panel>header button{padding:3px 8px}.noc-panel p{color:var(--noc-muted);font-size:13px}.noc-panel-impact,.noc-panel-topology,.noc-panel-metrics{grid-column:1/-1}.noc-impact{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.noc-impact button{border:0;border-left:1px solid var(--noc-line);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.noc-impact b{letter-spacing:-1px;font:500 clamp(24px,3vw,42px) Outfit,Inter,sans-serif}.noc-impact span{color:var(--noc-muted);font-size:11px}.noc-incident-grid{gap:10px;display:grid}.noc-incident{flex-direction:column;gap:9px;width:100%;display:flex}.noc-incident strong{font-size:14px}.noc-incident>span:last-child{color:var(--noc-muted);font-size:12px}.noc-status{color:#e7b957;background:#e7b95715;border-radius:20px;width:fit-content;padding:4px 8px;font:10px JetBrains Mono,monospace}.noc-critical{color:#fc9b96;background:#fc9b9615}.noc-decision{border-bottom:1px solid var(--noc-line);align-items:center;gap:10px;padding:8px 0;display:flex}.noc-decision button{border:0;flex-direction:column;flex:1;gap:8px;display:flex}.noc-decision span,.noc-decision a{font-size:12px}.noc-landscape{background:radial-gradient(#55dce806,#0000 70%);grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:18px;padding:20px 0;display:grid}.noc-resource{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;background:0 0!important;border-color:#0000!important}.noc-resource svg{width:100px;height:130px;overflow:visible}.noc-resource strong{overflow-wrap:anywhere;max-width:100%;font-size:12px}.noc-resource.noc-affected{border-color:#e7b95755!important}.noc-workspace .illustration-shadow{fill:#0004}.noc-workspace .platform-top{fill:#182f42;stroke:#4b8ba6;stroke-width:.8px}.noc-workspace .platform-side{fill:#122332;stroke:#34536a;stroke-width:.5px}.noc-workspace .facet-front{fill:#213f59;stroke:#70bdd5;stroke-width:1px}.noc-workspace .facet-top{fill:#3d6c88;stroke:#8bd5e7;stroke-width:1px}.noc-workspace .facet-side{fill:#172d43;stroke:#659bb7;stroke-width:1px}.noc-workspace .illustration-line,.noc-workspace .illustration-detail,.noc-workspace .platform-trace{fill:none;stroke:#93e4ef;stroke-width:1.2px}.noc-workspace .illustration-led{fill:#71e6ed}.noc-workspace .backup-shield,.noc-workspace .app-chip{fill:#244863;stroke:#99dcdf}.noc-workspace .network-port{fill:#080e17;stroke:#8acdd8}.noc-dependencies{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:15px 0;display:grid}.noc-dependencies>div{border:1px solid var(--noc-line);border-radius:9px;flex-direction:column;gap:8px;padding:14px;font-size:12px;display:flex}.noc-dependencies span{color:var(--noc-muted)}.noc-metrics{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;display:grid}.noc-chart{min-width:0;color:var(--noc-accent)!important}.noc-chart>span{justify-content:space-between;gap:10px;font-size:12px;display:flex}.noc-chart svg{width:100%;height:auto}.noc-chart-grid{stroke:var(--noc-line);fill:none}.noc-activity,.noc-service-list{gap:10px;display:grid}.noc-activity button,.noc-recovery{flex-direction:column;gap:8px;width:100%;margin-bottom:8px;font-size:12px;display:flex}.noc-service-list>div{gap:8px;display:flex}.noc-service-list>div>button:first-child{flex-direction:column;flex:1;gap:8px;font-size:12px;display:flex}.noc-detail{z-index:70;background:var(--noc-panel);border-left:1px solid var(--noc-line);flex-direction:column;gap:14px;width:min(570px,100vw);height:100dvh;padding:25px;display:flex;position:fixed;top:0;right:0;overflow:auto;box-shadow:-30px 0 100px #0006}.noc-detail>header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.noc-detail-state{color:var(--noc-accent);border-bottom:1px solid var(--noc-line);flex-direction:column;gap:6px;padding:15px 0;font-size:13px;display:flex}.noc-detail p,.noc-detail details{font-size:12px}.noc-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--noc-muted);font:11px JetBrains Mono,monospace}.noc-detail label{flex-direction:column;align-items:flex-start}.noc-detail input:not([type=checkbox]),.noc-detail textarea,.noc-detail select{width:100%}.noc-detail textarea{min-height:90px}.noc-investigation-controls{flex-direction:column;gap:12px;display:flex}.noc-investigation-controls>div{flex-wrap:wrap;gap:8px;display:flex}.noc-wallboard .noc-header h1{font-size:40px}.noc-wallboard .noc-impact b{font-size:52px}.noc-wallboard .noc-panel h2{font-size:20px}@media (width>=1800px){.noc-workspace{padding:40px 5vw}.noc-landscape{gap:30px}.noc-resource svg{width:130px;height:169px}}@media (width<=850px){.noc-workspace{padding:18px}.noc-header{flex-direction:column;align-items:flex-start}.noc-widgets{grid-template-columns:1fr}.noc-panel{grid-column:1}.noc-impact,.noc-landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-observed{margin-left:0}.noc-decision{flex-direction:column;align-items:flex-start}.noc-detail{padding:18px}}.noc-landscape{position:relative}.noc-dependency-paths{pointer-events:none;color:#568fa4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.noc-dependency-paths>path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-dasharray:5 5;opacity:.6}.noc-dependency-paths>.noc-path-affected{color:#e7b957;opacity:.9}.noc-resource{position:relative}.noc-connections{border:1px solid var(--noc-line);background:var(--noc-panel);border-radius:12px;margin-bottom:20px;padding:20px}.noc-connections p{color:var(--noc-muted);margin:12px 0;font-size:12px}.noc-connections fieldset{border:1px solid var(--noc-line);flex-wrap:wrap;gap:14px;margin-top:14px;padding:14px;display:flex}.noc-connections legend{font-size:13px}.noc-resource svg{filter:drop-shadow(0 8px 12px #0004)}.noc-wallboard{z-index:65;position:fixed;inset:0;overflow:auto}.noc-detail table{border-collapse:collapse;width:100%;font-size:11px}.noc-detail th,.noc-detail td{text-align:left;border-bottom:1px solid var(--noc-line);padding:8px}.noc-executive-context{grid-template-columns:1fr 1fr;gap:8px 24px;margin:18px 0;display:grid}.noc-executive-context p{margin:0}.noc-service-list>div>details{border:1px solid var(--noc-line);border-radius:9px;flex:1;min-width:0;padding:14px}.noc-service-list summary{cursor:pointer;font-size:13px}.noc-service-list details details{margin-top:12px}.noc-service-list details p{margin:8px 0}@media (width<=850px){.noc-executive-context{grid-template-columns:1fr}}.noc-dependency-paths .noc-path-observed{stroke-dasharray:5 5;opacity:.7}