:root{--bg-base:#0a0d14;--bg-surface:#10151ebf;--bg-surface-elevated:#18202fd9;--bg-glass-card:#141b28a6;--border-subtle:#ffffff14;--border-accent:#00f0ff59;--primary-cyan:#00f0ff;--primary-cyan-glow:#00f0ff4d;--accent-blue:#2575fc;--accent-purple:#6a11cb;--status-online:#00e676;--status-online-glow:#00e67659;--status-warning:#ffb703;--status-warning-glow:#ffb70359;--status-critical:#ff1744;--status-critical-glow:#ff174473;--text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-muted:#64748b;--text-mono:"JetBrains Mono", Consolas, monospace;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px;--sidebar-width:310px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}#canvas-container{z-index:1;outline:none;width:100vw;height:100vh;position:absolute;top:0;left:0}#app-overlay{z-index:10;pointer-events:none;flex-direction:column;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.top-header{height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:20;background:linear-gradient(#0a0d14f2 0%,#0a0d14bf 100%);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand-section{align-items:center;gap:14px;display:flex}.brand-icon{border-radius:var(--radius-sm);object-fit:contain;width:36px;height:36px;filter:drop-shadow(0 0 10px var(--primary-cyan-glow));transition:transform .3s}.brand-icon:hover{transform:scale(1.08)rotate(4deg)}.brand-title{font-family:var(--font-heading);letter-spacing:.5px;background:linear-gradient(135deg, #fff 40%, var(--primary-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.brand-subtitle{color:var(--text-secondary);letter-spacing:.2px;font-size:.75rem;font-weight:500}.header-center-info{align-items:center;gap:20px;display:flex}.btn-section-dropdown:hover{box-shadow:0 0 12px var(--primary-cyan-glow);border-color:var(--primary-cyan)!important;background:#00f0ff38!important}.section-dropdown-menu.show{display:flex!important}.section-dropdown-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:.76rem;font-weight:500;transition:all .18s;display:flex}.section-dropdown-item:hover{color:var(--text-primary);background:#ffffff14}.section-dropdown-item.active{color:var(--primary-cyan);background:#00f0ff26;font-weight:600}.section-dropdown-count{font-size:.68rem;font-family:var(--text-mono);background:#ffffff1f;border-radius:10px;padding:1px 6px}.section-dropdown-item.active .section-dropdown-count{color:#fff;background:#00f0ff47}.btn-dropdown-add-section:hover{color:#fff!important;background:#a855f747!important}.preset-icon-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:inline-flex}.preset-icon-badge:hover,.preset-icon-badge.selected{background:#a855f740;border-color:#c084fc;transform:scale(1.1)}.mqtt-status-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:10px;padding:6px 14px;font-size:.8rem;transition:all .2s;display:flex}.mqtt-status-pill:hover{border-color:var(--primary-cyan);box-shadow:0 0 12px var(--primary-cyan-glow)}.status-dot{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:var(--status-online);box-shadow:0 0 8px var(--status-online-glow);animation:2s infinite pulseGlow}.status-dot.warning{background-color:var(--status-warning);box-shadow:0 0 8px var(--status-warning-glow);animation:1.2s infinite pulseGlow}.status-dot.critical{background-color:var(--status-critical);box-shadow:0 0 8px var(--status-critical-glow);animation:.8s infinite pulseCritical}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes pulseCritical{0%,to{box-shadow:0 0 4px var(--status-critical-glow);transform:scale(1)}50%{box-shadow:0 0 14px var(--status-critical);transform:scale(1.4)}}.header-actions{align-items:center;gap:10px;display:flex}.header-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.header-btn:hover{background:var(--bg-surface-elevated);border-color:var(--border-accent);color:var(--primary-cyan);transform:translateY(-1px)}.header-btn.active{border-color:var(--primary-cyan);color:var(--primary-cyan);background:#00f0ff26}.floating-camera-bar{top:calc(var(--header-height) + 16px);background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);z-index:15;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}.cam-mode-toggle{border-radius:var(--radius-pill);background:#00000059;padding:2px;display:flex}.cam-mode-btn{color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.cam-mode-btn.active{background:var(--primary-cyan);color:#000;box-shadow:0 0 12px var(--primary-cyan-glow)}.divider-vert{background:var(--border-subtle);width:1px;height:18px}.preset-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 10px;font-size:.78rem;transition:all .2s}.preset-btn:hover{color:var(--text-primary);border-color:var(--border-accent);background:#ffffff0d}.main-content{flex:1;justify-content:flex-end;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);max-height:calc(100vh - var(--header-height) - 24px);background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;overflow:hidden;box-shadow:0 16px 40px #0009}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:600;display:flex}.sidebar-badge{color:var(--primary-cyan);border-radius:var(--radius-pill);background:#00f0ff26;padding:2px 8px;font-size:.75rem;font-weight:600}.sidebar-scrollable{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{width:5px}.sidebar-scrollable::-webkit-scrollbar-track{background:0 0}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-cyan)}.machine-card{background:var(--bg-glass-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:8px;padding:14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.machine-card:before{content:"";background:var(--text-muted);width:3px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0}.machine-card.online:before{background:var(--status-online)}.machine-card.warning:before{background:var(--status-warning)}.machine-card.critical:before{background:var(--status-critical)}.machine-card:hover{background:var(--bg-surface-elevated);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.machine-card.selected{border-color:var(--primary-cyan);box-shadow:0 0 16px var(--primary-cyan-glow);background:#00f0ff14}.machine-card-head{justify-content:space-between;align-items:center;display:flex}.machine-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.machine-type-tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.machine-topic{font-size:.75rem;font-family:var(--text-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.machine-metrics-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.metric-chip{border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--text-mono);color:#90caf9;background:#0000004d;border:1px solid #ffffff0f;align-items:center;gap:4px;padding:3px 8px;display:flex}.metric-chip span.val{color:#fff;font-weight:700}.inspector-empty{height:300px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.inspector-body{flex-direction:column;gap:12px;padding:12px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700}.gauge-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.gauge-card{background:var(--bg-glass-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:8px 10px;display:flex}.gauge-header{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;display:flex}.gauge-value{font-family:var(--text-mono);color:var(--primary-cyan);font-size:1.25rem;font-weight:700}.publish-section-box{background:var(--bg-glass-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:10px 12px;display:flex;box-shadow:0 4px 16px #00000040}.form-sublabel{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600}.quick-payload-btns{gap:4px;display:flex}.btn-payload-preset{border:1px solid var(--border-subtle);color:var(--primary-cyan);cursor:pointer;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.66rem;transition:all .2s}.btn-payload-preset:hover{border-color:var(--primary-cyan);background:#00f0ff26}.dark-textarea{resize:vertical;min-height:52px;max-height:110px;font-size:.72rem;line-height:1.3;font-family:var(--text-mono)}.gauge-progress-bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.gauge-progress-fill{background:linear-gradient(90deg, var(--accent-blue), var(--primary-cyan));border-radius:3px;height:100%;transition:width .4s}.gauge-progress-fill.warning{background:linear-gradient(90deg,#f57c00,#ffb703)}.gauge-progress-fill.critical{background:linear-gradient(90deg,#d32f2f,#ff1744)}.topic-editor-box{background:var(--bg-glass-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.input-row{gap:8px;display:flex}.dark-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--text-mono);background:#0006;outline:none;flex:1;padding:8px 10px;font-size:.8rem;transition:border-color .2s}.dark-input:focus{border-color:var(--primary-cyan)}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--primary-cyan));border-radius:var(--radius-sm);color:#000;cursor:pointer;border:none;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px var(--primary-cyan-glow);transform:translateY(-1px)}.btn-danger{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#d32f2f,#ff1744);border:none;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-danger:hover{box-shadow:0 4px 12px var(--status-critical-glow)}.alarm-rules-list{flex-direction:column;gap:8px;display:flex}.alarm-rule-item{background:var(--bg-glass-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px;font-size:.8rem;display:flex}.alarm-rule-item.triggered{border-color:var(--status-critical);background:#ff17441f}.btn-ack{color:#000;border-radius:var(--radius-sm);cursor:pointer;background:#00e676;border:none;align-items:center;gap:4px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-ack:hover{box-shadow:0 0 10px var(--status-online-glow);transform:scale(1.03)}.bottom-alert-banner{border:2px solid var(--status-critical);border-radius:var(--radius-lg);box-shadow:0 0 28px var(--status-critical-glow);z-index:25;background:#2d0a10f2;align-items:center;gap:18px;padding:12px 24px;animation:1.5s infinite alertPulse;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.bottom-alert-banner.visible{display:flex}@keyframes alertPulse{0%,to{box-shadow:0 0 16px var(--status-critical-glow)}50%{box-shadow:0 0 32px var(--status-critical)}}.alert-siren-icon{font-size:1.5rem;animation:1s linear infinite rotateSiren}@keyframes rotateSiren{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}.alert-text-box{flex-direction:column;display:flex}.alert-title{font-family:var(--font-heading);color:#ff5252;font-size:.95rem;font-weight:700}.alert-subtext{color:#ffcdd2;font-size:.8rem}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.modal-backdrop.open{display:flex}.modal-card{background:var(--bg-surface-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-lg);flex-direction:column;width:480px;max-width:90vw;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}.modal-card.modal-broker-card{width:780px;max-width:96vw}@keyframes modalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700}.btn-close-modal{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1}.btn-close-modal:hover{color:#fff}.modal-body{flex-direction:column;gap:14px;max-height:78vh;padding:20px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.protocol-toggle-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.protocol-tab-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#0006;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.protocol-tab-btn:hover{background:#ffffff0a;border-color:#fff3}.protocol-tab-btn.active{border-color:var(--primary-cyan);box-shadow:0 0 16px var(--primary-cyan-glow);background:#00f0ff1a}.protocol-tab-btn .tab-icon{font-size:1.3rem}.protocol-tab-btn .tab-content-text{flex-direction:column;display:flex}.protocol-tab-btn .tab-title{font-family:var(--font-heading);color:var(--text-primary);font-size:.88rem;font-weight:700}.protocol-tab-btn.active .tab-title{color:var(--primary-cyan)}.protocol-tab-btn .tab-desc{color:var(--text-muted);font-size:.72rem}.protocol-info-box{border-radius:var(--radius-md);color:var(--text-secondary);background:#00f0ff0d;border:1px solid #00f0ff33;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.8rem;line-height:1.4;display:flex}.proto-info-icon{margin-top:1px;font-size:1rem}.proto-info-content b{color:var(--primary-cyan)}.checkbox-form-group{justify-content:center;margin-bottom:2px}.checkbox-label{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.checkbox-label input[type=checkbox]{accent-color:var(--primary-cyan);cursor:pointer;width:15px;height:15px}.checkbox-label:hover{color:var(--text-primary)}.preset-pills-row{flex-wrap:wrap;gap:6px;display:flex}.preset-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.74rem;font-family:var(--text-mono);cursor:pointer;background:#00000059;padding:4px 10px;transition:all .2s}.preset-pill:hover{border-color:var(--border-accent);color:var(--text-primary);background:#ffffff0f}.preset-pill.active{border-color:var(--primary-cyan);color:var(--primary-cyan);box-shadow:0 0 10px var(--primary-cyan-glow);background:#00f0ff1f}.url-input{font-weight:600;color:var(--primary-cyan)!important}.modal-footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.kbd-badge{font-family:var(--text-mono);color:var(--primary-cyan);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-size:.75rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.catalog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;padding:10px;transition:all .2s;display:flex}.catalog-card:hover{border-color:var(--accent-blue);background:#1e293bb3;transform:translateY(-2px)}.catalog-card.active{border-color:var(--primary-cyan);background:#0ea5e924;box-shadow:0 0 12px #0ea5e940}.catalog-card-icon{font-size:1.5rem;line-height:1}.catalog-card-title{color:var(--text-primary);font-size:.82rem;font-weight:600}.catalog-card-desc{color:var(--text-muted);font-size:.7rem;line-height:1.3}.delta-badge{font-size:.7rem;font-weight:700;font-family:var(--text-mono);letter-spacing:.5px;border-radius:4px;align-items:center;gap:2px;padding:2px 7px;line-height:1.1;transition:all .25s;display:inline-flex}.delta-badge.delta-up{color:#00e676;background:#00e6762e;border:1px solid #00e67680;box-shadow:0 0 10px #00e67659}.delta-badge.delta-down{color:#ff1744;background:#ff17442e;border:1px solid #ff174480;box-shadow:0 0 10px #ff174459}.isa-badge{color:#bef264;font-size:.65rem;font-weight:700;font-family:var(--text-mono);letter-spacing:.5px;text-transform:uppercase;background:#a3e6351f;border:1px solid #a3e63566;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.modal-compact-card{border-radius:var(--radius-md);background:#0b0f17fa;border:1px solid #ffffff1a;box-shadow:0 20px 50px #000c}.isa95-panel-box{border-radius:var(--radius-md);background:#0006;border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:12px;display:flex}.isa95-mode-tabs{gap:8px;display:flex}.isa95-tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.isa95-tab-btn:hover{color:#fff;background:#ffffff0f}.isa95-tab-btn.active{color:#fff;background:#a3e63517;border-color:#a3e635}.tab-level-pill{color:#022c22;font-size:.65rem;font-weight:800;font-family:var(--text-mono);background:#bef264;border-radius:4px;padding:1px 6px}.tab-hash{font-family:var(--text-mono);color:#94a3b8;font-size:.88rem;font-weight:700}.isa95-two-row-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=580px){.isa95-two-row-grid{grid-template-columns:1fr}}.isa95-field{flex-direction:column;gap:5px;display:flex}.isa95-tag-label{color:#94a3b8;align-items:center;gap:6px;font-size:.72rem;font-weight:500;display:flex}.isa-lvl-tag{color:#a3e635;font-weight:800;font-family:var(--text-mono);background:#a3e6351f;border-radius:3px;padding:1px 4px;font-size:.72rem}.isa-lvl-tag.tag-signal{color:#34d399;background:#34d3991f}.isa95-mono-input{font-family:var(--text-mono);border-radius:6px;padding:7px 10px;font-size:.82rem;transition:all .2s;color:#f8fafc!important;background:#070a0f!important;border:1px solid #ffffff1f!important}.isa95-mono-input:focus{border-color:#a3e635!important;box-shadow:0 0 8px #a3e63540!important}.isa95-status-pill{font-size:.74rem;font-weight:700;font-family:var(--text-mono);align-items:center;gap:6px;display:inline-flex}.isa95-status-pill.valid{color:#bef264}.isa95-status-pill.invalid{color:#f87171}.status-check{font-size:.85rem}.btn-isa-confirm{color:#022c22;cursor:pointer;background:#bef264;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-isa-confirm:hover{background:#d9f99d;box-shadow:0 4px 15px #bef26459}.isa95-inspector-card{border-radius:var(--radius-sm);background:#00000059;border:1px solid #00f0ff33;flex-direction:column;gap:6px;margin-bottom:6px;padding:8px 10px;display:flex}.sim-cluster{border-radius:var(--radius-md);background:#0d131de6;border:1px solid #ffffff1f;align-items:center;gap:4px;padding:2px 4px;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0006}.sim-cluster:hover{border-color:#00f0ff4d}.sim-power-btn{background:0 0!important;border:none!important;border-radius:5px!important;margin:0!important;padding:5px 10px!important;font-size:.74rem!important}.sim-power-btn.active{color:#34d399!important;background:#10b9812e!important}.sim-standards-group{border-left:1px solid #ffffff1f;align-items:center;gap:3px;padding-left:5px;display:flex}.sim-std-btn{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.sim-std-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff2e}.sim-std-btn.active#btn-sim-std-isa95{color:var(--primary-cyan);background:#00f0ff29;border-color:#00f0ff73;box-shadow:0 0 10px #00f0ff40}.sim-std-btn.active#btn-sim-std-sparkplug{color:#d8b4fe;background:#a855f733;border-color:#a855f780;box-shadow:0 0 10px #a855f74d}.std-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:all .2s;display:inline-block}.sim-std-btn.active#btn-sim-std-isa95 .std-dot{background:var(--primary-cyan);box-shadow:0 0 6px var(--primary-cyan)}.sim-std-btn.active#btn-sim-std-sparkplug .std-dot{background:#c084fc;box-shadow:0 0 6px #c084fc}.header-active-standard-tag{cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172abf;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:5px 12px;font-size:.75rem;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000004d}.header-active-standard-tag:hover{border-color:var(--accent-cyan);background:#ffffff14;transform:translateY(-1px)}.std-badge-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.std-dot-isa{background:#00f0ff;box-shadow:0 0 8px #00f0ff}.std-dot-spb{background:#c084fc;box-shadow:0 0 8px #c084fc}.std-dot-norm{background:#10b981;box-shadow:0 0 8px #10b981}.std-badge-label{color:var(--text-muted);font-weight:400}.std-badge-name{color:#fff;font-weight:700}.standard-selector-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.standard-choice-card{text-align:left;cursor:pointer;background:#0e141cb3;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.standard-choice-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}.standard-choice-card.active{background:#00f0ff14;border-color:#00f0ff;box-shadow:0 0 14px #00f0ff38}.std-choice-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.std-choice-badge{letter-spacing:.3px;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:700}.badge-isa{color:#00f0ff;background:#00f0ff26;border:1px solid #00f0ff59}.badge-spb{color:#d8b4fe;background:#a855f72e;border:1px solid #a855f759}.badge-normal{color:#34d399;background:#10b98126;border:1px solid #10b98159}.std-choice-icon{font-size:1rem}.std-choice-title{color:#fff;margin-top:2px;font-size:.82rem;font-weight:600}.std-choice-topic{color:var(--text-muted);word-break:break-all;font-family:JetBrains Mono,Consolas,monospace;font-size:.68rem;line-height:1.3}.std-choice-payload{color:#fff9;margin-top:2px;font-size:.68rem}.std-choice-payload code{color:#94a3b8;background:#0000004d;border-radius:3px;padding:1px 4px}.modal-broker-card .modal-body{flex-direction:column;gap:10px;padding:14px 20px;display:flex}.modal-broker-card .form-group{margin-bottom:0}.modal-broker-card .protocol-info-box{margin-top:2px;padding:6px 12px;font-size:.76rem}.modal-broker-card .standard-choice-card{padding:8px 10px}.connection-params-row{align-items:flex-end;gap:10px;display:grid}.connection-params-row.proto-mqtt{grid-template-columns:2fr 1fr 1.2fr}.connection-params-row.proto-ws{grid-template-columns:2fr 1fr 1.2fr 1.2fr}