/* Generated by export_site.py from the Electrical Investigation Studio. Edit the studio, then export again. */
.grid-cr{--surface:var(--bg-panel);--line:#2a3648;--mint:var(--accent-2);--amber:var(--accent);--red:#f48787;--blue:#7eaaff;--font:var(--body);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.55}
.grid-cr [hidden]{display:none!important}
:where(.grid-cr) section{padding:0;border-bottom:0}
:where(.grid-cr) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(.grid-cr) h3{margin:0;font-size:1rem}
:where(.grid-cr) p{margin:0}
.grid-cr .eyebrow{display:block;margin:0;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}
.grid-cr .panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.grid-cr .pill{font:.65rem var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:3px 7px;white-space:nowrap}
.grid-cr .quiet{color:var(--muted);padding:9px 0;font-size:.85rem}
.grid-cr .quiet:hover{color:var(--text)}
.grid-cr .primary{background:var(--accent);color:#14100a;border-radius:5px;padding:10px 16px;min-height:42px;font-family:var(--mono);font-size:.84rem;font-weight:600;transition:box-shadow var(--dur) var(--ease)}
.grid-cr .primary:hover{box-shadow:0 0 20px rgba(255,176,32,.35)}
.grid-cr .small{font-size:.86rem}
.grid-cr .muted{color:var(--muted)}
.grid-cr .mono{font-family:var(--mono)}
.grid-cr .cr-hmi,.grid-cr .cr-twin,.grid-cr .cr-mimic,.grid-cr .cr-drill,.grid-cr .cr-events{border-radius:8px}
.grid-cr .cr-twin,.grid-cr .cr-mimic{box-shadow:var(--shadow-md)}
.grid-cr .cr-cmd{border-radius:5px}
.cr-check{min-width:250px}.cr-check div{grid-template-columns:14px 64px 1fr}
.cr-hmi{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;border:1px solid var(--line);background:#0b141d;padding:10px 14px;margin-bottom:14px;font:.75rem var(--mono);color:var(--muted)}.cr-hmi b{color:var(--text);font-weight:500}.cr-live{color:var(--mint)}.cr-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;vertical-align:1px;animation:crblink 2s ease-in-out infinite}.cr-bad b{color:var(--red)}.cr-alarm{margin-left:auto;padding:4px 9px;border:1px solid var(--line)}.cr-alarm.on{color:#ffd0d0;border-color:var(--red);background:#f4878718;animation:crblink 1.2s steps(2,start) infinite}@keyframes crblink{50%{opacity:.45}}
.cr-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:start}.cr-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.cr-twin{position:relative;height:clamp(420px,60vh,580px);border:1px solid var(--line);background:#0c1520;overflow:hidden}.cr-twin canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline:none}.cr-twin canvas.dragging{cursor:grabbing}.cr-twin canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--mint)}
.cr-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cr-label{position:absolute;left:0;top:0;padding:3px 8px;font:500 11px/1.4 var(--font);color:var(--text);background:#0a111ad9;border:1px solid #33475c;white-space:nowrap;will-change:transform}.cr-label.under{color:#f7d7ab;border-color:#f4b76b66}.cr-label.fault{color:#ffe0e0;border-color:var(--red);background:#3a1418e6}
.cr-views,.cr-toggles{position:absolute;top:10px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(50% - 14px)}.cr-views{left:10px}.cr-toggles{right:10px;justify-content:flex-end}.cr-views button,.cr-toggles button{font-size:.72rem;padding:6px 9px;min-height:30px;color:var(--muted);background:#0a111ad9;border:1px solid var(--line)}.cr-views button:hover,.cr-toggles button:hover{color:var(--text);border-color:#46607a}.cr-toggles button[aria-pressed="true"]{color:var(--mint);border-color:#68e3c266}.cr-toggles svg{width:12px;height:12px;display:block}.cr-toggles svg path{stroke:currentColor;stroke-width:1.6;fill:none}
.cr-hint{position:absolute;left:10px;bottom:8px;margin:0;font:.68rem var(--mono);color:#7f93a6;pointer-events:none}
.cr-info{position:absolute;right:10px;bottom:10px;width:min(300px,calc(100% - 20px));background:#0a111af0;border:1px solid var(--line);border-left:2px solid var(--mint);padding:12px 34px 12px 14px;display:flex;flex-direction:column;gap:4px;font-size:.8rem}.cr-info .eyebrow{font-size:.62rem}.cr-info strong{font-weight:500;font-size:.95rem}.cr-info .mono{font-size:.7rem;color:var(--amber)}.cr-live-state{color:var(--muted);font-size:.78rem}.cr-info-close{position:absolute;right:8px;top:4px;padding:4px}
.cr-nogl{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:var(--muted);text-align:center;padding:20px}.cr-nogl strong{color:var(--text);font-weight:500}
.cr-mimic{border:1px solid var(--line);background:#0b141d;display:flex;flex-direction:column;min-width:0}.cr-mimic-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 4px}.cr-follow{font-size:.72rem;color:var(--muted);display:flex;gap:6px;align-items:center}.cr-follow input{accent-color:var(--mint)}.cr-mimic-scroll{overflow-x:auto}.cr-mimic-svg{display:block;width:100%;min-width:560px}
.cr-mimic-svg text{font-family:var(--mono);font-size:10.5px;fill:var(--muted)}.cr-mimic-svg .m-title{fill:var(--mint);letter-spacing:.1em;font-size:10px}.cr-mimic-svg .m-name{fill:#c9d4dd}.cr-mimic-svg .m-val{fill:#8fa3b5}.cr-mimic-svg .m-warn{fill:var(--amber)}.cr-mimic-svg .m-over{fill:var(--red)}
.m-line{fill:none;stroke-width:2;stroke-linecap:square}.m-cable{stroke-dasharray:6 4}.m-bus{fill:none;stroke-width:5}.m-wind{fill:none;stroke-width:2}.m-box{fill:none;stroke-width:1.6}.m-closed{fill:#f47174;stroke:#f47174;stroke-width:1.5}.m-open{fill:#0b141d;stroke:#45d29a;stroke-width:2}.m-fuseline{stroke:#0b141d;stroke-width:1.5}.m-fault{fill:none;stroke:var(--red);stroke-width:2.5}
.m-dev{cursor:pointer;outline:none}.m-hit{fill:transparent;stroke:transparent;stroke-width:1.5}.m-dev:hover .m-hit,.m-dev:focus-visible .m-hit{stroke:#68e3c299}.m-sel{fill:none;stroke:var(--mint);stroke-width:1.5;stroke-dasharray:3 3}.m-legend text{font-size:9.5px}
.cr-command{border-top:1px solid var(--line);padding:14px 16px;min-height:118px}.cr-cmd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cr-cmd-head strong{display:block;font-weight:500;margin-top:4px}.cr-cmd-head .eyebrow{font-size:.62rem}.cr-state{font:.72rem var(--mono);padding:4px 8px;border:1px solid}.cr-state.closed{color:#ffb4b5;border-color:#f4717488}.cr-state.open{color:#8ff0c2;border-color:#45d29a88}.cr-command>p{margin:8px 0}
.cr-preview{list-style:none;margin:8px 0 10px;padding:10px 12px;background:#0f1a25;border:1px solid var(--line);font:.75rem/1.7 var(--mono);color:#b9c7d3}.cr-preview .m-warn{color:var(--amber)}.cr-preview .m-over{color:#ffb4b5}.cr-cmd-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cr-cmd{border:1px solid var(--mint);color:var(--mint);padding:8px 14px;font-size:.85rem;min-height:38px}.cr-cmd:hover{background:#68e3c214}
.cr-drill,.cr-events{border:1px solid var(--line);background:var(--surface);padding:18px 20px}.cr-drill>p{margin:10px 0 6px}
.cr-steps{list-style:none;margin:10px 0 14px;padding:0}.cr-steps li{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}.cr-steps li .mono{font-size:.72rem;padding-top:2px}.cr-steps li em{font-style:normal;font:.68rem var(--mono);color:#7f93a6;white-space:nowrap}.cr-steps li.done{color:var(--text)}.cr-steps li.done .mono{color:var(--mint)}.cr-steps li.current{color:var(--text);box-shadow:inset 2px 0 0 var(--amber);padding-left:10px}.cr-steps li.current .mono{color:var(--amber)}
.cr-result{border-left:2px solid var(--mint);padding:8px 12px;margin:0 0 14px;display:flex;flex-direction:column;gap:4px;font-size:.86rem;background:#68e3c20a}.cr-result strong{font-weight:500}.cr-result span{color:var(--muted)}.cr-drill-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cr-event-list{list-style:none;margin:12px 0 0;padding:0;max-height:360px;overflow-y:auto}.cr-event-list li{display:grid;grid-template-columns:44px 58px 1fr;gap:8px;padding:8px 0 8px 8px;border-top:1px solid var(--line);font-size:.8rem;color:#b9c7d3;border-left:2px solid transparent}.cr-event-list .mono{font-size:.7rem;color:#7f93a6;padding-top:1px}.cr-event-list li.alarm{border-left-color:var(--red)}.cr-event-list li.alarm.unack{background:#f4878712;color:#ffd6d6}.cr-event-list li.warn{border-left-color:var(--amber)}.cr-event-list li.cmd{border-left-color:var(--blue)}.cr-event-list li.info{border-left-color:#68e3c266}.cr-dev{color:var(--text)!important}
.cr-foot{margin:14px 0 4px;max-width:1100px}
@media(max-width:1100px){.cr-grid{grid-template-columns:1fr}.cr-twin{height:500px}}
@media(max-width:700px){.cr-twin{height:480px}.cr-views,.cr-toggles{max-width:none}.cr-views{top:8px;left:8px;right:8px}.cr-toggles{top:auto;bottom:34px;right:8px;left:8px;justify-content:flex-start}.cr-hint{font-size:.6rem}.cr-info{bottom:74px}.cr-hmi{gap:6px 14px}.cr-alarm{margin-left:0}.cr-event-list li{grid-template-columns:40px 1fr}.cr-event-list li>span:nth-child(3){grid-column:1/-1}.cr-check{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}}