:root{--bg:#050b13;--panel:#0a1522e8;--line:#1e3b52;--cyan:#5ee7ff;--blue:#4b8dff;--green:#62f5ae;--amber:#ffc861;--red:#ff667d;--text:#ecf7ff;--muted:#89a4b8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 10%,#102b40 0,#07101b 28%,#03070d 80%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{color:var(--text);border:1px solid #31536b;background:#0d2030;padding:.65rem .9rem;border-radius:10px;cursor:pointer;transition:.2s}button:hover{border-color:var(--cyan);transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,#117ea5,#245cff);border-color:#64dbff}button.danger{border-color:#88404d;color:#ff9daa}.ghost{background:transparent}.mini{padding:.4rem .6rem;font-size:.75rem}.topbar{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c3548;background:#06101be6;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid var(--cyan);display:grid;place-items:center;border-radius:12px;color:var(--cyan);font-weight:900;box-shadow:0 0 24px #37b8ff40}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.72rem;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.badge{padding:.35rem .65rem;border-radius:999px;font-weight:800;font-size:.72rem;letter-spacing:.08em}.badge.normal{color:var(--green);background:#123c30;border:1px solid #2a7a5a}.badge.warning{color:var(--amber);background:#493817;border:1px solid #8c6a2d}.badge.fault{color:#ff9dad;background:#471e27;border:1px solid #8d3a4d}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.65fr);gap:14px;padding:14px;max-width:1700px;margin:auto}.panel,.viewport-card{border:1px solid #1c3a50;background:linear-gradient(145deg,#0b1826ed,#07101aed);border-radius:16px;box-shadow:0 18px 50px #0008;overflow:hidden}.viewport-card{position:relative;min-height:545px}.viewport-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#02070dbb)}#scene{position:absolute;inset:0}.scene-overlay{position:absolute;z-index:2;left:16px;top:16px;display:flex;gap:10px}.scene-overlay div{background:#06111dd9;border:1px solid #22465e;padding:.55rem .7rem;border-radius:10px;min-width:92px}.scene-overlay span,.scene-overlay strong{display:block}.scene-overlay span{font-size:.62rem;color:var(--muted);text-transform:uppercase}.scene-overlay strong{font-size:.85rem;margin-top:3px;color:var(--cyan)}.scene-controls{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;gap:6px}.scene-controls button{font-size:.72rem;padding:.45rem .62rem;background:#06111ddd}.telemetry-panel{padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading small{color:var(--cyan);letter-spacing:.13em;font-size:.64rem}.panel-heading h2{margin:3px 0 0;font-size:1.05rem}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #62f5ae88;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi-grid article,.analytics-grid article{border:1px solid #17364b;background:#07131f;padding:12px;border-radius:12px}.kpi-grid span,.analytics-grid span{color:var(--muted);font-size:.7rem}.kpi-grid strong,.analytics-grid strong{display:block;font-size:1.15rem;margin:.25rem 0}.kpi-grid small{color:#6f8da2}.meter-block{margin:16px 0}.meter-block>div:first-child{display:flex;justify-content:space-between;font-size:.76rem}.meter{height:10px;background:#02080e;border:1px solid #1d4057;border-radius:999px;overflow:hidden;margin-top:7px}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1e7ac7,#62f5e8);box-shadow:0 0 15px #57dcff;transition:.15s}.component-status{display:grid;gap:8px}.component{display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:#081522}.component.active{border-color:var(--cyan)}.component .icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:1px solid #2b5b76;color:var(--cyan);font-weight:900}.component b,.component small{display:block}.component small{color:var(--muted);margin-top:2px}.controls-panel,.scope-panel,.analytics-panel{padding:18px}.controls-panel{grid-column:1}.controls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.controls-grid label{display:block;color:var(--muted);font-size:.74rem}.controls-grid output{float:right;color:var(--text);font-weight:800}.controls-grid input{width:100%;margin-top:10px;accent-color:#52cfff}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.scope-panel{grid-column:1}.scope-panel canvas{display:block;width:100%;height:300px;border:1px solid #16384f;border-radius:12px;background:#02080e}.legend{display:flex;gap:12px;font-size:.7rem;color:var(--muted)}.legend i{display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle}.legend .v{background:var(--cyan)}.legend .a{background:var(--amber)}.analytics-panel{grid-column:2;grid-row:2/span 2}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assistant-message{display:flex;gap:10px;border:1px solid #1b4761;background:#0b2130;padding:12px;border-radius:12px;margin-top:12px}.assistant-message span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#143e57;color:var(--cyan);font-size:.7rem;font-weight:900}.assistant-message p{margin:0;font-size:.78rem;line-height:1.5;color:#b8cedd}.event-log{margin-top:12px}.log-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.event-log #eventLog{height:225px;overflow:auto;margin-top:8px;border:1px solid #17364a;border-radius:12px;background:#040c14;padding:8px}.log-entry{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:7px;border-bottom:1px solid #10283a;font-size:.7rem}.log-entry time{color:#5e879f}.log-entry.info span{color:#a9c7d9}.log-entry.warn span{color:var(--amber)}.log-entry.error span{color:#ff93a5}dialog{width:min(620px,92vw);background:#091522;color:var(--text);border:1px solid #315a72;border-radius:16px;padding:22px;box-shadow:0 25px 80px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:1.4rem}.report-table{width:100%;border-collapse:collapse;margin:12px 0}.report-table td{padding:8px;border-bottom:1px solid #1b384a;font-size:.8rem}.report-table td:first-child{color:var(--muted)}@media(max-width:1050px){.layout{grid-template-columns:1fr}.telemetry-panel,.controls-panel,.scope-panel,.analytics-panel{grid-column:1;grid-row:auto}.viewport-card{min-height:460px}.analytics-panel{grid-row:auto}.controls-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.topbar{height:auto;padding:12px}.brand small,.top-actions .badge{display:none}.layout{padding:8px}.viewport-card{min-height:390px}.scene-overlay{flex-wrap:wrap}.scene-controls{left:12px;right:auto;bottom:12px}.scene-controls button{padding:.4rem}.controls-grid{grid-template-columns:1fr}.kpi-grid,.analytics-grid{grid-template-columns:1fr 1fr}.scope-panel canvas{height:230px}}
@media print{body>*{display:none!important}#reportDialog[open]{display:block!important;position:static;border:0;width:100%;box-shadow:none;color:#000;background:#fff}#reportDialog .close,#reportDialog .button-row{display:none}}

.connection-banner{margin:14px 18px 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(82,225,255,.45);border-radius:14px;background:linear-gradient(90deg,rgba(13,52,84,.92),rgba(45,20,87,.88));box-shadow:0 0 28px rgba(46,193,255,.16)}
.connection-banner div{display:grid;gap:2px}.connection-banner span{font-size:.66rem;letter-spacing:.18em;color:#6ee7ff}.connection-banner strong{font-size:1rem}.connection-banner small{opacity:.72}.connection-banner button{white-space:nowrap}.hidden{display:none!important}
@media(max-width:700px){.connection-banner{align-items:stretch;flex-direction:column}.connection-banner button{width:100%}}

.asset-context-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border:1px solid rgba(73,223,255,.45);background:linear-gradient(90deg,rgba(11,39,56,.96),rgba(7,17,31,.94))}.asset-context-card h2{margin:.2rem 0;font-size:1.35rem;color:#8feaff}.asset-context-card p{margin:0;color:#a8bbca}.context-metrics{display:flex;gap:12px;flex-wrap:wrap}.context-metrics span{padding:8px 12px;border:1px solid rgba(143,234,255,.2);border-radius:9px;color:#8ca5b6}.context-metrics strong{display:block;color:white;margin-top:3px}.topology-controls{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.controls-grid select{width:100%;margin-top:8px;background:#091826;color:#dff8ff;border:1px solid rgba(111,216,255,.3);padding:9px;border-radius:8px}.frequency-panel,.simulink-panel{grid-column:1/-1}.bode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bode-grid canvas{width:100%;height:250px;background:#06121e;border:1px solid rgba(111,216,255,.16);border-radius:10px}.compact-results{margin-top:12px}.block-model{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:22px}.sim-block{min-width:170px;padding:18px;border:1px solid #3ed7ff;border-radius:10px;background:rgba(10,34,50,.8);text-align:center;box-shadow:0 0 22px rgba(62,215,255,.12)}.sim-block small{display:block;margin-top:8px;color:#8fb6ca}.block-model i{font-size:1.5rem;color:#66e8ff}@media(max-width:900px){.asset-context-card{align-items:flex-start;gap:14px;flex-direction:column}.topology-controls,.bode-grid{grid-template-columns:1fr}}

.sweep-status{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:.4rem 0 1rem;color:#9bb8c8;font-size:.82rem}.sweep-status .meter{grid-column:1/-1;height:7px;background:#0a1c29;border-radius:20px;overflow:hidden}.sweep-status .meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#35d9ff,#ffc861);transition:width .05s linear}.result-reason{margin:.25rem 0 0;color:#9db9c8;font-size:.78rem;max-width:520px}

.batch-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.65rem 1rem;background:#0a1a27;border-bottom:1px solid rgba(99,231,255,.2)}.batch-navigation button{padding:.45rem .8rem}.batch-navigation.hidden{display:none}


.power-monitor-panel,.breaker-panel,.integration-panel,.planning-panel,.anomaly-panel{grid-column:1/-1;padding:18px}.power-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.power-kpi-grid article{border:1px solid #17364b;background:#07131f;padding:14px;border-radius:12px}.power-kpi-grid span{color:var(--muted);font-size:.72rem}.power-kpi-grid strong{display:block;font-size:1.3rem;margin:.3rem 0}.power-kpi-grid small{color:#6f8da2}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.monitor-chart-card{border:1px solid #17364b;background:#06121e;border-radius:12px;padding:12px}.monitor-chart-card canvas{width:100%;height:260px}.chart-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.chart-title small{color:var(--muted)}.breaker-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.breaker-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.breaker-card{border:1px solid #1d4057;background:#07131f;border-radius:12px;padding:12px;text-align:left}.breaker-card.active{border-color:var(--cyan);box-shadow:0 0 20px #37b8ff20}.breaker-card strong,.breaker-card small{display:block}.breaker-card small{color:var(--muted);margin-top:4px}.breaker-card .load-line{display:flex;justify-content:space-between;margin-top:10px;color:#b9d4e3}.breaker-detail{border:1px solid #1d4057;background:#07131f;border-radius:12px;padding:16px}.breaker-detail h3{margin:.35rem 0 1rem}.breaker-gauge{height:14px;background:#02080e;border:1px solid #1d4057;border-radius:999px;overflow:hidden}.breaker-gauge i{display:block;height:100%;width:0;background:linear-gradient(90deg,#47e7b1,#ffc861,#ff657c);transition:.3s}.breaker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.breaker-stats span{color:var(--muted);font-size:.72rem}.breaker-stats strong{display:block;color:var(--text);margin-top:4px}.breaker-detail p{color:#a9c7d8;font-size:.78rem}.integration-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.integration-grid label,.planning-controls label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:10px}.integration-grid input,.integration-grid select,.planning-controls input{width:100%;margin-top:6px;background:#091826;color:#dff8ff;border:1px solid rgba(111,216,255,.3);padding:9px;border-radius:8px}.payload-card{border:1px solid #1d4057;background:#040c14;border-radius:12px;padding:14px;overflow:auto}.payload-card pre{white-space:pre-wrap;color:#87e7ff;font-size:.72rem;max-height:250px}.planning-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.planning-controls label{position:relative}.planning-controls span{position:absolute;right:10px;bottom:10px;color:#6f8da2}.planning-results{margin-top:12px;grid-template-columns:repeat(4,1fr)}.anomaly-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.anomaly-alerts{display:grid;gap:8px}.anomaly-alerts article{border:1px solid #1d4057;background:#07131f;border-radius:12px;padding:12px}.anomaly-alerts article strong,.anomaly-alerts article small{display:block}.anomaly-alerts article small{color:var(--muted);margin-top:5px}.anomaly-alerts .warn-alert{border-color:#8c6a2d;background:#2f2512}.anomaly-alerts .fault-alert{border-color:#8d3a4d;background:#30131b}.normal-alert{border-color:#2a7a5a!important}.anomaly-settings{border:1px solid #1d4057;background:#07131f;border-radius:12px;padding:14px}.anomaly-settings label{display:block;margin-bottom:12px}.anomaly-settings p{color:var(--muted);font-size:.75rem;line-height:1.5}@media(max-width:900px){.power-kpi-grid,.planning-results{grid-template-columns:1fr 1fr}.monitor-grid,.breaker-layout,.integration-grid,.anomaly-layout{grid-template-columns:1fr}.breaker-list{grid-template-columns:1fr 1fr}.planning-controls{grid-template-columns:1fr 1fr}}@media(max-width:600px){.power-kpi-grid,.planning-results,.breaker-list,.planning-controls{grid-template-columns:1fr}.breaker-stats{grid-template-columns:1fr}}

.asset-gallery{padding:12px 16px;background:linear-gradient(180deg,#081724,#06101b);border-bottom:1px solid rgba(99,231,255,.24)}.asset-gallery.hidden{display:none}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.gallery-heading span,.gallery-heading strong{display:block}.gallery-heading span{font-size:.62rem;letter-spacing:.14em;color:var(--cyan)}.gallery-heading strong{margin-top:3px}.gallery-heading label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.74rem}.gallery-heading select{background:#071725;color:#e6fbff;border:1px solid #31536b;border-radius:8px;padding:.45rem}.asset-gallery-cards{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px}.asset-visual-card{min-width:230px;display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:10px;text-align:left;background:#071522;border:1px solid #24465c}.asset-visual-card.active{border-color:#63e7ff;box-shadow:0 0 24px rgba(99,231,255,.22);background:#0a2231}.asset-visual-card strong,.asset-visual-card small{display:block}.asset-visual-card small{color:#7f9baa;margin-top:3px;white-space:normal}.asset-visual-card mark{background:transparent;color:#74f0bb;font-weight:900}.mini-3d{width:62px;height:48px;position:relative;display:block;transform:skewY(-6deg);filter:drop-shadow(0 8px 9px #0008)}.mini-3d i,.mini-3d b,.mini-3d em{position:absolute;display:block;border:1px solid #65dcff;background:linear-gradient(145deg,#183b52,#07131f)}.mini-3d i{width:44px;height:24px;left:9px;top:12px;border-radius:5px}.mini-3d b{width:8px;height:20px;left:17px;top:14px;background:#ffbf65}.mini-3d em{width:11px;height:22px;right:14px;top:13px;border-radius:5px;background:#5fe3ff}.mini-3d.camera i{width:32px;height:24px;border-radius:14px;left:15px}.mini-3d.camera b{width:9px;height:9px;border-radius:50%;left:27px;top:19px;background:#65ecff}.mini-3d.camera em{width:18px;height:5px;left:22px;top:37px}.mini-3d.console i{width:23px;height:38px;left:20px;top:5px;border-radius:9px}.mini-3d.console b{width:2px;height:27px;left:31px;top:10px;background:#5aa5ff}.mini-3d.console em{width:14px;height:4px;left:25px;top:43px}.mini-3d.display i{width:49px;height:29px;left:6px;top:5px}.mini-3d.display b{width:4px;height:10px;left:29px;top:35px}.mini-3d.display em{width:24px;height:4px;left:19px;top:44px}.mini-3d.security i{width:38px;height:34px;left:12px;top:7px;border-radius:10px}.mini-3d.security b{width:11px;height:11px;border-radius:50%;left:25px;top:17px;background:#6cffb3}.mini-3d.security em{display:none}.mini-3d.charger i,.mini-3d.hvac i{height:38px;top:5px}.mini-3d.charger b{width:14px;height:14px;border-radius:50%;left:24px;top:17px;background:#70ffb2}.mini-3d.hvac b{width:22px;height:22px;border-radius:50%;left:20px;top:13px;background:#5fe3ff}@media(max-width:700px){.gallery-heading{align-items:stretch;flex-direction:column}.gallery-heading label{justify-content:space-between}.asset-visual-card{min-width:210px}}

/* v3.6 engineering drawings, meter, and motor controls */
.drawing-controls{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:16px}.drawing-controls label,.meter-controls label{display:grid;gap:6px;color:#9dc5d8;font-size:.78rem}.drawing-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:16px}.drawing-canvas{min-height:420px;background:#071625;border:1px solid #22506a;border-radius:14px;overflow:auto;padding:10px}.drawing-canvas svg{width:100%;min-width:720px;height:auto;display:block}.drawing-notes{background:#0a1a27;border:1px solid #1b4359;border-radius:14px;padding:18px}.drawing-notes ul{padding-left:18px;line-height:1.7}.meter-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.meter-readout{background:linear-gradient(145deg,#101b22,#071016);border:1px solid #28526a;border-radius:18px;padding:24px;display:grid;gap:10px}.meter-readout strong{font-family:monospace;font-size:2.4rem;color:#7dffb2;text-shadow:0 0 14px rgba(125,255,178,.35)}.meter-bar{height:8px;background:#112a36;border-radius:99px;overflow:hidden}.meter-bar i{display:block;height:100%;width:10%;background:#5ee7ff;transition:.25s}.meter-controls{display:grid;gap:12px}.standards-disclaimer{border-left:3px solid #ffc861;padding:10px 14px;background:#241d0d;color:#f6d998}.standards-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.code-check{display:grid;grid-template-columns:auto 1fr;gap:10px;background:#0a1a27;border:1px solid #20475c;border-radius:12px;padding:14px}.code-check b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.code-check.pass b{background:#173e32;color:#72f2bd}.code-check.review b{background:#4a3512;color:#ffd271}.code-check small{display:block;color:#88aaba;margin-top:4px}@media(max-width:900px){.drawing-layout,.meter-layout{grid-template-columns:1fr}.drawing-controls{grid-template-columns:1fr}.standards-grid{grid-template-columns:1fr}}

/* v4.0.3 source-aware operating modes */
body.industrial-mode .integration-panel,
body.industrial-mode .planning-panel,
body.industrial-mode .power-monitor-panel,
body.industrial-mode .breaker-panel,
body.industrial-mode .anomaly-panel,
body.industrial-mode .engineering-docs-panel,
body.industrial-mode .meter-panel {
  border-color: rgba(72, 228, 255, 0.26);
}

body.industrial-mode .integration-panel .payload-card pre {
  max-height: 220px;
  overflow: auto;
}