.system-sim{grid-template-columns:minmax(0,1fr);--ok:#36c27a;--info:#c3a0e6;--data:#6cc4e8;--power:#f3b25b;--alert:#e0676b;--muted:#56607d}.system-sim .is-ok{--event:var(--ok);--tick:var(--ok);--tag:var(--ok);--stat:var(--ok);--flow:var(--ok)}.system-sim .is-info{--event:var(--info);--tick:var(--info);--tag:var(--info);--stat:var(--info);--flow:var(--info)}.system-sim .is-data{--event:var(--data);--tick:var(--data);--tag:var(--data);--stat:var(--data);--flow:var(--data)}.system-sim .is-power{--event:var(--power);--tick:var(--power);--tag:var(--power);--stat:var(--power);--flow:var(--power)}.system-sim .is-alert{--event:var(--alert);--tick:var(--alert);--tag:var(--alert);--stat:var(--alert);--flow:var(--alert)}.system-sim .is-muted{--event:var(--muted);--tick:var(--muted);--tag:#8d97b5;--stat:var(--muted);--flow:var(--muted)}.system-sim-screen>svg{background:#111933}.system-sim-clock{font-variant-numeric:tabular-nums}.system-sim-chip{max-width:100%}.system-sim-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.system-sim-stat{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px;border-radius:10px;border:1px solid var(--navy-edge);background:var(--navy)}.system-sim-stat span{font-size:11px;line-height:1.35;color:var(--on-dark-muted)}.system-sim-stat strong{font-size:15px;line-height:1.3;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.system-sim-stat i{display:block;height:4px;margin-top:auto;border-radius:2px;background:var(--navy-edge);overflow:hidden}.system-sim-stat i b{display:block;height:100%;border-radius:2px;background:var(--stat)}.system-sim-tag{position:absolute;z-index:1;transform:translate(-50%,calc(-100% - 6px));padding:2px 8px;border-radius:5px;background:var(--tag);font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap;color:#0f1528;pointer-events:none;animation:cctv-box-in .3s var(--ease-out)}.system-sim-tag.is-start{transform:translate(-12px,calc(-100% - 6px))}.system-sim-tag.is-end{transform:translate(calc(-100% + 12px),calc(-100% - 6px))}.system-sim-tag.is-box{transform:none;padding:0;border:2px solid var(--tag);border-radius:6px;background:color-mix(in srgb,var(--tag) 10%,transparent)}.system-sim-tag.is-box b{position:absolute;left:-2px;bottom:100%;margin-bottom:3px;padding:1px 7px;border-radius:4px;background:var(--tag);font-size:12px;white-space:nowrap}.ss-room{fill:#18213d;stroke:#2f3a60;stroke-width:1.5}.ss-room.is-quiet{fill:#151d37}.ss-wall{fill:none;stroke:#3a466b;stroke-width:3;stroke-linecap:round}.ss-label{fill:#8d97b5;font-size:12px;font-weight:700;letter-spacing:.04em}.ss-label.is-light{fill:#d9dfeb}.ss-unit rect{fill:#26304f;stroke:#3a466b}.ss-unit text{fill:#c9d0e2;font-size:11px;font-weight:700}.ss-unit.is-on rect{stroke:#6a5a9e}.ss-device{fill:#d9dfeb}.ss-device-dim{fill:#3a466b}.ss-desk{fill:#26304f;stroke:#3a466b}.ss-chair{fill:#2f3a60}.ss-screen{fill:#0b1022;stroke:#56629a;stroke-width:1.5}.ss-glass{fill:#3b4a78}.ss-led{fill:#3a466b}.ss-led.is-ok{fill:var(--ok)}.ss-led.is-alert{fill:var(--alert)}.ss-led.is-power{fill:var(--power)}.ss-led.is-data{fill:var(--data)}.ss-led.is-info{fill:var(--info)}.ss-person{--person:#d9dfeb}.ss-person.is-info{--person:var(--info)}.ss-person.is-power{--person:var(--power)}.ss-person.is-data{--person:var(--data)}.ss-person.is-alert{--person:var(--alert)}.ss-person circle,.ss-person path{fill:var(--person)}.ss-person .ss-legs{fill:none;stroke:var(--person);stroke-width:8;stroke-linecap:round}.ss-dot{fill:#d9dfeb}.ss-flow-base{fill:none;stroke:#2c3760;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ss-flow.is-on .ss-flow-base{stroke:color-mix(in srgb,var(--flow) 30%,#2c3760)}.ss-flow-live{fill:none;stroke:var(--flow);stroke-width:3;stroke-dasharray:8 10;stroke-linecap:round;stroke-linejoin:round}.ss-flow-dot{fill:#fff;filter:drop-shadow(0 0 4px var(--flow))}.ss-rings circle{fill:none;stroke:var(--flow);stroke-width:2}.ss-cover{fill:#c3a0e612;stroke:#c3a0e647;stroke-dasharray:4 6}.ss-fill-ok{fill:var(--ok)}.ss-fill-alert{fill:var(--alert)}.ss-fill-power{fill:var(--power)}.ss-fill-data{fill:var(--data)}.ss-fill-info{fill:var(--info)}.ss-stroke-ok{stroke:var(--ok)}.ss-stroke-alert{stroke:var(--alert)}.ss-stroke-power{stroke:var(--power)}.ss-stroke-data{stroke:var(--data)}.ss-stroke-info{stroke:var(--info)}.ss-text-dark{fill:#0f1528;font-size:11px;font-weight:700}.ss-progress{fill:#26304f}.ss-progress-bar{fill:var(--info)}.ss-smoke{fill:#9aa3bb}.ss-panel{fill:#26304f;stroke:#56629a}.ss-solar{fill:#1f3b74;stroke:#6c8fd8;stroke-width:1}.ss-grid-line{stroke:#56629a;stroke-width:1.5;fill:none}@media (max-width:600px){.system-sim .cctv-sim-modes button{min-width:0;padding:6px 10px;font-size:13px;line-height:1.25;text-align:center}.system-sim .ss-label{font-size:17px}.system-sim .cctv-sim-hud.is-bottom{display:none}.system-sim-tag,.system-sim-tag.is-box b{font-size:10px;padding:0 5px}.system-sim-stats{gap:4px}.system-sim-stat{padding:8px}.system-sim-stat strong{font-size:13px}}