.cmd{--c-accent: var(--color-accent);--c-accent2: #b3a7fa;--c-panel: #14141b;--c-line: #292933;--c-ink: #ecedf2;--c-dim: #8a8b98;--c-faint: #5a5b66;--c-mono: "JetBrains Mono Variable", ui-monospace, monospace;font-family:var(--c-mono);color:var(--c-ink);background:#0a0a0e;border:1px solid var(--c-line);padding:10px}.cmd .top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--c-line);background:var(--c-panel);padding:12px 18px;margin-bottom:10px}.cmd .top .cc-title{font-size:14px;letter-spacing:.3em;color:var(--c-accent2);font-weight:600;display:flex;gap:12px;align-items:center}.cmd .live{width:9px;height:9px;border-radius:50%;background:#ff5964;animation:cmd-blink 1.2s steps(2) infinite}@keyframes cmd-blink{50%{opacity:.15}}.cmd .kpis{display:flex;gap:22px;flex-wrap:wrap}.cmd .kpi{font-size:10px;letter-spacing:.12em;color:var(--c-dim)}.cmd .kpi b{display:block;font-size:17px;color:var(--c-ink);font-weight:600;letter-spacing:0;margin-top:2px}.cmd .kpi b em{font-style:normal;font-size:10px;color:var(--c-accent);letter-spacing:.08em}.cmd .main{position:relative;display:grid;grid-template-columns:1fr 330px;gap:10px}.cmd [data-routes]{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:visible}.cmd .wall-box{border:1px solid var(--c-line);background:#000;position:relative}.cmd .wall-head{display:flex;justify-content:space-between;padding:8px 12px;font-size:10px;letter-spacing:.18em;color:var(--c-dim);border-bottom:1px solid var(--c-line);background:var(--c-panel)}.cmd .wall-head b{color:var(--c-accent2);font-weight:600}.cmd canvas{display:block;width:100%;height:auto}.cmd .incident{border:1px solid var(--c-line);border-top:none;background:var(--c-panel);display:grid;grid-template-columns:300px 1fr;min-height:176px;opacity:.45;transition:opacity .3s}.cmd .incident.on{opacity:1;border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.cmd .inc-cam{border-right:1px solid var(--c-line);position:relative;background:#000}.cmd .inc-cam .tag{position:absolute;top:8px;left:8px;font-size:9px;letter-spacing:.14em;padding:3px 8px;background:#0a0a10cc;color:var(--c-dim);border:1px solid var(--c-line)}.cmd .incident.on .inc-cam .tag{background:var(--c-accent);color:#0a0a10;font-weight:700;border-color:var(--c-accent)}.cmd .inc-body{padding:12px 16px}.cmd .inc-body h3{font-size:10px;letter-spacing:.26em;color:var(--c-faint);font-weight:400;margin-bottom:8px}.cmd .inc-title{font-size:14px;color:var(--c-ink);margin-bottom:10px;letter-spacing:.04em}.cmd .inc-title b{color:var(--c-accent)}.cmd .steps{display:flex;flex-wrap:wrap;gap:6px}.cmd .istep{font-size:10px;letter-spacing:.06em;color:var(--c-faint);border:1px solid var(--c-line);padding:6px 10px;min-width:128px}.cmd .istep i{font-style:normal;display:block;font-size:8px;letter-spacing:.16em;color:var(--c-faint);margin-bottom:2px}.cmd .istep em{font-style:normal;display:block;font-size:9.5px;margin-top:2px;opacity:.85}.cmd .istep.active{color:var(--c-accent2);border-color:var(--c-accent);animation:cmd-sp 1s infinite}.cmd .istep.done{color:var(--c-ink);border-color:color-mix(in srgb,var(--c-accent) 50%,transparent)}.cmd .istep.fail{color:#0a0a10;background:var(--c-accent);border-color:var(--c-accent);font-weight:700}@keyframes cmd-sp{50%{opacity:.55}}.cmd .side{display:flex;flex-direction:column;gap:10px;min-width:0}.cmd .box{border:1px solid var(--c-line);background:var(--c-panel)}.cmd .box h3{font-size:10px;letter-spacing:.26em;color:var(--c-faint);font-weight:400;padding:10px 14px 6px}.cmd .dept{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--c-line);font-size:11.5px;color:var(--c-dim)}.cmd .dept .nm{display:flex;align-items:center;gap:8px;color:var(--c-ink)}.cmd .dept .dot{width:7px;height:7px;border-radius:50%;background:#3a3a48}.cmd .dept.busy .dot{background:var(--c-accent);animation:cmd-blink 1s steps(2) infinite}.cmd .dept .cnt{font-size:10px;letter-spacing:.08em}.cmd .dept .cnt b{color:var(--c-accent2);font-weight:600}.cmd .dept.flash{background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.cmd .dept .sla{font-size:9px;color:var(--c-accent);opacity:0;transition:opacity .3s}.cmd .dept.flash .sla{opacity:1}.cmd .stream{max-height:266px;overflow:hidden;padding:4px 14px 10px}.cmd .ev{font-size:10.5px;line-height:1.5;color:var(--c-dim);padding:5px 0;border-bottom:1px solid var(--c-line);animation:cmd-evIn .35s both;display:flex;gap:8px;flex-wrap:wrap}@keyframes cmd-evIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.cmd .ev .t{color:var(--c-ink);font-weight:600}.cmd .ev .cam{color:var(--c-faint)}.cmd .ev .tg{color:var(--c-accent)}.cmd .ev.crit .tg{background:var(--c-accent);color:#0a0a10;padding:0 5px;font-weight:700}.cmd .ev .rt{color:var(--c-faint);font-size:9.5px;width:100%}.cmd .ev .rt b{color:var(--c-accent2);font-weight:600}@media(max-width:900px){.cmd .main,.cmd .incident{grid-template-columns:1fr}.cmd .inc-cam{border-right:none;border-bottom:1px solid var(--c-line);height:180px}.cmd .inc-cam canvas{height:100%;object-fit:cover}}@media(prefers-reduced-motion:reduce){.cmd .live,.cmd .dept.busy .dot,.cmd .istep.active{animation:none}}
