:root{--bg: #43484c;--bg-deep: #383c40;--panel: #4b5054;--panel-2: #545a5e;--raised: #5d6367;--line: #9aa3a9;--line-dim: #7b8489;--text: #eef1f3;--text-dim: #b6bfc4;--text-mute: #8f989e;--accent: #7fb2d8;--pri-emergency: #ff4a3d;--pri-high: #ff9f2e;--pri-medium: #f2e04a;--pri-low: #6fd0ff;--ok: #6fcf7d;--info: #8fd0ff;--fluid: #9fc3dd;--utility: #b9a7d6;--shadow: rgba(0, 0, 0, .42);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}:root[data-skin=scada]{--bg: #101418;--bg-deep: #0a0d10;--panel: #17202a;--panel-2: #1d2833;--raised: #24313e;--line: #35d0ff;--line-dim: #1d7fa0;--text: #eafcff;--text-dim: #9fd6e6;--text-mute: #6fa5b8;--fluid: #35d0ff;--utility: #ff8ae2;--ok: #33ff88}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-deep);color:var(--text);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:var(--raised);border:1px solid var(--line-dim);border-radius:3px;padding:4px 9px;cursor:pointer}button:hover:not(:disabled){background:var(--panel-2);border-color:var(--line)}button:disabled{opacity:.42;cursor:default}button.on{background:var(--accent);border-color:var(--accent);color:#10161b;font-weight:600}input,select{font:inherit;font-family:var(--mono);color:var(--text);background:var(--bg-deep);border:1px solid var(--line-dim);border-radius:3px;padding:3px 6px}input:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-mute)}.scroll{overflow:auto;scrollbar-color:var(--line-dim) transparent;scrollbar-width:thin}@keyframes hmi-flash{0%,49%{opacity:1}50%,to{opacity:.25}}.flash{animation:hmi-flash 1s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){.flash{animation:none;outline:2px dashed currentColor}}.hmi-header,.hmi-controls{flex-wrap:wrap;row-gap:4px}.narrow-banner{display:none}@media(max-width:1100px){body{font-size:12.5px}.hmi-lesson{width:300px}.hmi-aside{width:250px}}@media(max-width:760px){.narrow-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel-2);border-bottom:1px solid var(--pri-medium);font-size:12px}.hmi-lesson{position:fixed;inset:40px 0 0;width:auto;z-index:700}.hmi-aside,.hmi-controls .hmi-optional{display:none}}