:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-dim: #0c4a6e;--danger: #f87171;--ok: #4ade80;--warn: #fbbf24;font-family:Mulish,system-ui,sans-serif;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#0f172a;padding:.5rem 1rem;z-index:100}.skip-link:focus{left:0}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main";min-height:100vh}.mobile-nav-header,.nav-backdrop{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);cursor:pointer}.nav-toggle:hover,.nav-toggle:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.nav-toggle-icon{flex-shrink:0}.sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh;z-index:1}.sidebar-inner{display:flex;flex-direction:column;flex:1;padding:1rem;min-height:0}@media(max-width:1024px){.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar" "main"}.mobile-nav-header{display:flex;align-items:center;gap:.75rem;grid-area:topbar;padding:.65rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:150}.mobile-nav-title{font-weight:700;font-size:1.05rem}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;border:none;padding:0;margin:0;width:100%;height:100%;background:#0f172aa6;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.nav-backdrop--visible{opacity:1;pointer-events:auto}.sidebar{grid-area:unset;position:fixed;top:0;left:0;bottom:0;width:min(280px,88vw);max-width:100%;min-height:100vh;transform:translate(-100%);transition:transform .22s ease;z-index:200;box-shadow:8px 0 32px #00000059;border-right:1px solid var(--border)}.sidebar.sidebar--open{transform:translate(0)}.side-nav{flex-direction:column}}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:1.5rem}.brand-mark{width:10px;height:28px;background:linear-gradient(180deg,var(--accent),var(--accent-dim));border-radius:2px}.side-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-link{color:var(--muted);text-decoration:none;padding:.5rem .75rem;border-radius:6px}.nav-link:hover,.nav-link:focus-visible{color:var(--text);background:#38bdf814;outline:none}.nav-link--active{color:var(--accent);background:#38bdf81f}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);font-size:.85rem}.tenant-select-label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;color:var(--muted);font-size:.75rem}.tenant-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.35rem}.user-line{word-break:break-all;margin-bottom:.5rem}.main{grid-area:main;padding:1.5rem;overflow:auto}.settings-form{max-width:520px}.settings-fieldset{border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin:1rem 0}.settings-legend{padding:0 .35rem;font-weight:600;color:var(--text)}.radio-list{display:flex;flex-direction:column;gap:.65rem}.radio-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.radio-row input{width:auto;margin:0}.settings-actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.settings-units-row{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:.75rem}.settings-select-label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text)}.settings-select-label select{min-width:8rem;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.card-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.card-header-row h2{margin:0}.kv--compact{margin-bottom:0}.device-serial,.key-mask{font-size:.8rem}.data-table--devices{font-size:.82rem}.device-actions{display:flex;flex-wrap:wrap;gap:.25rem}.device-action-btn{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.75rem;cursor:pointer;border-radius:6px;padding:.25rem .55rem;background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:var(--accent);white-space:nowrap;transition:background .15s,border-color .15s}.device-action-btn:hover:not(:disabled){background:#38bdf82e;border-color:var(--accent)}.device-action-btn:disabled{opacity:.45;cursor:not-allowed}.device-action-btn--danger{background:#f8717114;border-color:#f8717133;color:var(--danger)}.device-action-btn--danger:hover:not(:disabled){background:#f871712e;border-color:var(--danger)}.live-strip{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.live-strip::-webkit-scrollbar{height:4px}.live-strip::-webkit-scrollbar-track{background:transparent}.live-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.live-strip-card{flex:0 0 auto;min-width:120px;max-width:160px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem}.live-strip-label{font-size:.7rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-strip-channel{font-size:.72rem;color:var(--muted);margin:0 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-strip-value{font-size:1.35rem;font-weight:700;margin:0;font-variant-numeric:tabular-nums;line-height:1.2}.live-strip-unit{font-size:.78rem;font-weight:400;color:var(--muted);margin-left:.2rem}.live-strip-time{font-size:.68rem;color:var(--muted);margin:.25rem 0 0}.history-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.history-toolbar-left{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.rule-composer{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:1.25rem;overflow:hidden}.rule-composer-header{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:#38bdf80a;font-size:.95rem}.rule-composer-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.1rem}.rule-field{display:flex;flex-direction:column;gap:.35rem}.rule-field-label{font-size:.85rem;font-weight:600;color:var(--text)}.rule-field-hint{font-size:.78rem;color:var(--muted);margin:0}.rule-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rule-composer-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:.85rem 1.25rem;border-top:1px solid var(--border);background:#0f172a4d}.rule-cards{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.rule-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;transition:border-color .15s}.rule-card:hover{border-color:var(--accent)}.rule-card--disabled{opacity:.55}.rule-card-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem}.rule-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.rule-pill{display:inline-block;font-size:.74rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#94a3b814;white-space:nowrap}.device-collapse .ant-collapse-item{border-color:var(--border)!important;margin-bottom:.5rem;border-radius:8px!important;overflow:hidden}.device-collapse .ant-collapse-header{background:var(--surface)!important;border-radius:8px!important}.device-collapse .ant-collapse-content{background:var(--bg)!important;border-top-color:var(--border)!important}.device-collapse .ant-collapse-content-box{padding:1rem 1.25rem!important}.device-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem 1.25rem}.device-detail-cell{display:flex;flex-direction:column;gap:.2rem}.device-detail-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin:0}.alarms-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.alarms-kpi-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem}.alarms-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.85rem;transition:border-color .15s}.alarms-kpi-card--alert{border-color:#f8717180;background:#f871710a}.alarms-kpi-icon{width:2.5rem;height:2.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.alarms-kpi-value{font-size:1.75rem;font-weight:700;margin:0;line-height:1;font-variant-numeric:tabular-nums}.alarms-kpi-label{font-size:.72rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:.2rem 0 0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;margin-left:.4rem;font-size:.72rem;font-weight:700;border-radius:999px;background:var(--danger);color:#fff;vertical-align:middle;line-height:1}.alarms-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.alarm-list{display:flex;flex-direction:column;gap:.5rem}.alarm-row{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.alarm-row:hover{border-color:#ffffff26}.alarm-row-stripe{width:4px;flex-shrink:0;background:var(--sev-color, var(--muted))}.alarm-row-body{flex:1;padding:.75rem 1rem;min-width:0}.alarm-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.4rem;flex-wrap:wrap}.alarm-row-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.alarm-sev-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .55rem;border-radius:999px;border:1px solid}.alarm-row-time{font-size:.78rem;color:var(--muted);white-space:nowrap;cursor:default}.alarm-row-message{margin:0 0 .5rem;font-size:.9rem;line-height:1.45;color:var(--text)}.alarm-row-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.alarm-site-link{color:var(--accent);text-decoration:none;font-size:.82rem}.alarm-site-link:hover{text-decoration:underline}.alarm-row-actions{display:flex;gap:.4rem}.alarm-action-btn{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;border-radius:6px;padding:.25rem .65rem;border:1px solid;white-space:nowrap;transition:background .15s}.alarm-action-btn--ack{color:var(--accent);border-color:#38bdf859;background:#38bdf814}.alarm-action-btn--ack:hover{background:#38bdf82e}.alarm-action-btn--clear{color:var(--muted);border-color:var(--border);background:transparent}.alarm-action-btn--clear:hover{background:#94a3b81a;color:var(--text)}.alarms-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:center}.rules-group-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:.25rem}.rules-group-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.rules-group-title{font-size:.85rem;font-weight:600;color:var(--text)}.rules-group-count{font-size:.75rem;color:var(--muted);background:#94a3b81a;border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem}.sim-offline-notice{background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:1.25rem 1.5rem}.sim-device-list{display:flex;flex-direction:column;gap:.85rem}.sim-device-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;transition:border-color .15s}.sim-device-card:hover{border-color:#ffffff26}.sim-device-card--paused{opacity:.6;border-style:dashed}.sim-device-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.sim-device-name{font-weight:600;font-size:.95rem;margin:0 0 .15rem}.sim-scenario-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;border:1px solid;white-space:nowrap}.sim-btn-resume{color:var(--ok);border-color:#4ade8066}.sim-device-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem 1rem;margin-bottom:.85rem;padding:.65rem .75rem;background:var(--surface);border-radius:6px}.sim-stat{display:flex;flex-direction:column;gap:.1rem}.sim-stat-value{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.sim-stat-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.sim-scenario-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.sim-scenario-btn{font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;border-radius:6px;padding:.22rem .6rem;background:#94a3b814;border:1px solid var(--border);color:var(--muted);white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.sim-scenario-btn:hover:not(:disabled){background:#94a3b82e;color:var(--text)}.sim-scenario-btn:disabled{cursor:default}.device-action-btn--health{background:#38bdf80f;border-color:#38bdf840;color:var(--accent)}.device-action-btn--health:hover:not(:disabled){background:#38bdf826;border-color:var(--accent)}.health-check-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem}.health-verdict{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1.1rem;border-radius:8px;border:1px solid;margin-bottom:1.25rem}.health-verdict--healthy{background:#4ade8014;border-color:#4ade8059}.health-verdict--warning{background:#fbbf2414;border-color:#fbbf2459}.health-verdict--problem,.health-verdict--never_reported{background:#f8717114;border-color:#f8717159}.health-verdict-icon{font-size:1.35rem;margin-top:.1rem;flex-shrink:0}.health-verdict--healthy .health-verdict-icon{color:var(--ok)}.health-verdict--warning .health-verdict-icon{color:var(--warn)}.health-verdict--problem .health-verdict-icon,.health-verdict--never_reported .health-verdict-icon{color:var(--danger)}.health-verdict-title{font-weight:700;font-size:.95rem;margin:0 0 .2rem}.health-verdict-msg{font-size:.85rem;color:var(--muted);margin:0;line-height:1.45}.health-checks{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.85rem}.health-check-row{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);align-items:flex-start}.health-check-row:last-child{border-bottom:none}.health-check-row--pass{background:#4ade8008}.health-check-row--warn{background:#fbbf240a}.health-check-row--fail{background:#f871710a}.health-check-row--skip{background:transparent}.health-check-icon{font-size:1rem;margin-top:.1rem;flex-shrink:0;width:1.1rem;text-align:center}.health-check-body{flex:1;min-width:0}.health-check-name{font-size:.88rem;font-weight:600;margin:0 0 .2rem;color:var(--text)}.health-check-detail{font-size:.82rem;color:var(--muted);margin:0;line-height:1.45}.health-check-gateway-note{font-size:.75rem;color:var(--accent);margin:.35rem 0 0;opacity:.8;font-style:italic;line-height:1.4}.health-meta{display:flex;gap:.75rem;margin-bottom:.85rem}.health-gateway-banner{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem 1rem;background:#38bdf80d;border:1px solid rgba(56,189,248,.2);border-radius:8px;font-size:.82rem;color:var(--muted);line-height:1.5}.tag--warn{background:#fbbf2433;color:var(--warn)}.req{color:var(--danger)}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:1rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;width:100%;height:100%;background:#0f172ab8;cursor:pointer}.modal-panel{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.35rem;max-width:440px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 48px #00000059}.modal-panel h2{margin-top:0}.add-device-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.add-device-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.device-key-reveal{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:.85rem;word-break:break-all;white-space:pre-wrap;color:var(--accent)}.page-header{margin-bottom:1.5rem}.row-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--muted);margin:0}.small{font-size:.85rem}.login-page{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.login-form input,.search-input,select,.data-table input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.5rem .65rem;font:inherit}.optional{color:var(--muted);font-weight:400}.link-muted{color:var(--muted);font-size:.9rem;text-decoration:none}.link-muted:hover,.link-muted:focus-visible{color:var(--accent);text-decoration:underline;outline:none}.btn-primary,.btn-secondary,.btn-text{font:inherit;cursor:pointer;border-radius:8px;border:none}.btn-primary{background:var(--accent);color:#0f172a;font-weight:600;padding:.65rem 1rem}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--border);padding:.45rem .85rem}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-text{background:none;color:var(--accent);padding:0;text-align:left}.error{color:var(--danger);margin:0}.ok{color:var(--ok)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .15s}.dash-card:hover{border-color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:flex-end}.search-input{min-width:240px;flex:1}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.data-table thead{background:#0f172a99;position:sticky;top:0}.th-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.th-btn:hover{color:var(--accent)}.th-check{width:40px}.data-row{cursor:pointer}.data-row:hover{background:#38bdf80f}.data-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.linkish{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:0;text-decoration:underline}.status,.status-pill{text-transform:capitalize;font-size:.8rem;font-weight:600}.status--ok,.status-pill.status--ok{color:var(--ok)}.status--warning,.status-pill.status--warning{color:var(--warn)}.status--alarm,.status-pill.status--alarm{color:var(--danger)}.status--offline,.status-pill.status--offline{color:var(--muted)}.status-pill{align-self:flex-start;padding:.35rem .75rem;border-radius:999px;background:#94a3b826}.status-chip{display:inline-flex;align-items:center;font-size:.74rem;font-weight:700;letter-spacing:.02em;text-transform:capitalize;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);background:#94a3b81a;color:var(--muted)}.status-chip--pending{border-color:#fbbf2473;color:var(--warn);background:#fbbf241f}.status-chip--accepted,.status-chip--enabled{border-color:#4ade8066;color:var(--ok);background:#4ade801f}.status-chip--expired,.status-chip--disabled{border-color:#94a3b873;color:var(--muted);background:#94a3b81f}.status-chip--you{border-color:#38bdf873;color:var(--accent);background:#38bdf81f;text-transform:none}.member-cell{display:flex;align-items:center;gap:.6rem;min-width:0}.member-avatar{width:1.9rem;height:1.9rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#38bdf824;color:var(--accent);border:1px solid rgba(56,189,248,.3);font-size:.76rem;font-weight:800;flex-shrink:0}.member-meta{min-width:0;display:flex;flex-direction:column;gap:.1rem}.member-email{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-switch{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;padding:.2rem .55rem .2rem .3rem;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;transition:border-color .15s ease,background .15s ease}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-switch-track{width:1.9rem;height:1.1rem;border-radius:999px;display:inline-flex;align-items:center;padding:.1rem;background:#94a3b859;transition:background .15s ease}.toggle-switch-thumb{width:.85rem;height:.85rem;border-radius:999px;background:#fff;transform:translate(0);transition:transform .15s ease}.toggle-switch--on{border-color:#4ade8073;color:var(--ok);background:#4ade801a}.toggle-switch--on .toggle-switch-track{background:#4ade8099}.toggle-switch--on .toggle-switch-thumb{transform:translate(.8rem)}.toggle-switch-label{white-space:nowrap}.pagination{display:flex;align-items:center;gap:1rem;margin-top:1rem}.breadcrumb{display:flex;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.breadcrumb a{color:var(--accent)}.site-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:var(--accent-dim);color:var(--text)}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{background:none;border:none;color:var(--muted);font:inherit;padding:.6rem 1rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover,.tab:focus-visible{color:var(--text);outline:none}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{min-height:200px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:1rem}.kv{display:grid;grid-template-columns:160px 1fr;gap:.5rem 1rem}.kv dt{color:var(--muted);margin:0}.kv dd{margin:0}.chart-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.chart-device-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem;margin-bottom:1rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.chart-device-toggles-label{font-weight:600;margin-right:.25rem}.chart-device-toggle{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem}.chart-device-toggle input{width:auto;margin:0}.chart-wrap{width:100%;min-height:420px}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;background:#1e293b;border-radius:6px}.chart-tooltip{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.6;color:#e2e8f0;max-width:320px}.chart-tooltip-time{color:#94a3b8;margin-bottom:4px}.chart-tooltip-row{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.rule-form{margin-bottom:1.5rem;background:#0f172a;border:1px solid var(--border)}.logger-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.logger-card{border:1px solid var(--border);border-radius:8px;padding:1rem}.logger-card h3{margin:0 0 .5rem;font-size:1rem}.alarm-mini{padding-left:1.25rem}.audit-list{list-style:none;padding:0;margin:0;max-height:320px;overflow:auto;font-size:.85rem}.audit-list li{padding:.35rem 0;border-bottom:1px solid var(--border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}code{font-size:.85em;background:var(--bg);padding:.1rem .35rem;border-radius:4px}.super-shell{--super-accent: #a78bfa;--super-accent-dim: #3b1f6e;--super-bg: #0a0f1e}.super-shell .sidebar{background:#0d1117;border-right-color:#2d1f4e}.super-brand{flex-direction:column;align-items:flex-start;gap:4px}.super-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--super-accent, #a78bfa);background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:3px;padding:1px 5px;margin-top:2px}.super-separator{height:1px;background:#2d1f4e;margin:.75rem 0}.super-tenant-portal-link{color:var(--super-accent, #a78bfa)!important;font-size:.8rem}.super-tenant-portal-link:hover{background:#a78bfa14!important}.super-shell .nav-link--active{color:var(--super-accent, #a78bfa);background:#a78bfa1a}.super-shell .nav-link--active:before{background:var(--super-accent, #a78bfa)}.super-mobile-header{background:#0d1117;border-bottom:1px solid #2d1f4e}.super-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.super-portal-nav-link{margin-top:.5rem;font-size:.8rem;opacity:.75;border-top:1px solid var(--border);padding-top:.75rem!important}.super-header{margin-bottom:2rem}.super-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.super-header-content h1{font-size:2rem;font-weight:700;margin:0 0 .3rem}.super-header-content p{color:var(--muted);margin:0;font-size:.95rem}.super-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--border);padding-bottom:0;flex-wrap:wrap}.super-nav-item{background:none;border:none;color:var(--muted);font:inherit;font-weight:600;font-size:.95rem;padding:.75rem 1.25rem;cursor:pointer;position:relative;transition:color .15s ease;display:flex;align-items:center;gap:.5rem}.super-nav-item:hover{color:var(--text)}.super-nav-item.active{color:var(--accent)}.super-nav-item.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent)}.super-nav-item svg{font-size:1rem}.super-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--surface) 0%,rgba(30,41,59,.8) 100%);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.stat-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #38bdf814}.stat-card.urgent{border-color:var(--danger)}.stat-card.urgent:hover{box-shadow:0 8px 24px #f871711a}.stat-icon{font-size:2rem;opacity:.8;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:8px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2)}.stat-icon svg{font-size:2rem;color:var(--accent)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:0}.stat-value{font-size:2rem;font-weight:700;margin:0}.stat-trend{color:var(--ok);font-size:.8rem;margin:0}.alert{padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;border:1px solid var(--border)}.alert strong{font-weight:600}.alert-error{background:#f8717114;border-color:#f871714d;color:#fca5a5}.alert-ok{background:#4ade8014;border-color:#4ade804d;color:#86efac}.alert-warn{background:#fbbf2414;border-color:#fbbf244d;color:#fcd34d}.super-table{width:100%;border-collapse:collapse;font-size:.9rem}.super-table thead{background:#0f172a80;position:sticky;top:0}.super-table th{padding:.85rem 1rem;text-align:left;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.super-table td{padding:1rem;border-bottom:1px solid var(--border)}.super-table-row:hover{background:#38bdf808}.super-table .text-center{text-align:center}.super-table .text-right{text-align:right}.super-table .bold{font-weight:600}.code-badge{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.3rem .5rem;font-size:.8rem;font-family:monospace;display:inline-block;color:var(--accent)}.status-urgent{color:var(--danger);font-weight:600}.btn-primary{min-width:140px}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.btn-xs{font-size:.75rem;padding:.25rem .6rem}.btn-danger{background:var(--danger);color:#fff;font-weight:600;padding:.65rem 1rem;border:none}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 48px #00000080;max-width:100%;max-height:90vh;overflow:auto;animation:slideIn .2s ease}.modal-lg{width:100%;max-width:600px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-header h2,.modal-header h3{margin:0 0 .25rem}.modal-header p{margin:0;color:var(--muted);font-size:.85rem}.modal-content{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:600;color:var(--text);font-size:.95rem}.form-group p{margin:0;font-size:.8rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-error{color:var(--danger);font-size:.8rem;margin:0}.input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.65rem;font:inherit;font-size:.95rem}.input-sm{padding:.4rem;font-size:.85rem}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.input:disabled{opacity:.5;cursor:not-allowed}.divider{height:1px;background:var(--border);margin:1.5rem 0}.role-hint{margin-top:.3rem;font-style:italic;color:var(--muted)}.super-users-list{display:flex;flex-direction:column;gap:1rem}.super-user-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1.25rem;transition:all .2s ease}.super-user-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #38bdf80f}.super-user-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.super-user-email{font-size:1rem;font-weight:600;margin:0 0 .25rem;word-break:break-all}.super-user-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#38bdf81a;border-radius:8px;border:1px solid rgba(56,189,248,.2);white-space:nowrap}.badge{font-size:1.5rem;font-weight:700;color:var(--accent)}.tiny{font-size:.75rem}.italic{font-style:italic}.super-user-memberships{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.super-membership-pill{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border-radius:8px;border:1px solid var(--border);flex-wrap:wrap}.super-membership-info{min-width:150px}.super-membership-info p{margin:0}.super-membership-actions{display:flex;gap:.5rem;margin-left:auto}.super-membership-actions button{white-space:nowrap}.super-user-actions{display:flex;gap:.75rem}.super-search-form{display:flex;gap:.75rem;flex-wrap:wrap}.super-search-form input{flex:1;min-width:200px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.card-header h2{margin:0 0 .25rem}.card-header p{margin:0}.card-empty{text-align:center;padding:3rem 1.5rem}.card-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7;display:flex;align-items:center;justify-content:center}.card-empty-icon svg{font-size:4rem;color:var(--accent)}.card-empty h2{margin:0 0 .5rem;font-size:1.25rem}.card-empty p{margin:0;color:var(--muted)}.data-loading{padding:2rem;text-align:center;color:var(--muted)}@media(max-width:768px){.super-header-content{flex-direction:column}.super-header-content button{width:100%}.super-stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.super-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.super-nav-item{padding:.6rem 1rem;font-size:.85rem}.modal{width:100%!important;max-width:calc(100% - 2rem)!important}.super-membership-pill{flex-direction:column;align-items:flex-start}.super-membership-actions{margin-left:0;width:100%}.super-user-badge{align-self:flex-start}.form-row{grid-template-columns:1fr}.stat-value{font-size:1.5rem}}.super-login-page{background:linear-gradient(135deg,var(--bg) 0%,#0a0f1f 100%);position:relative;overflow:hidden}.super-login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(56,189,248,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(56,189,248,.05) 0%,transparent 50%);pointer-events:none}.super-login-card{position:relative;z-index:1;background:linear-gradient(135deg,var(--surface) 0%,#253549 100%);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff14;border:1px solid var(--border);animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.super-login-header{text-align:center;margin-bottom:2rem}.super-login-icon{width:64px;height:64px;margin:0 auto 1rem;padding:12px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.super-login-icon.error{background:#f871711a;border-color:#f8717133;color:var(--danger)}.super-login-header h1{font-size:1.75rem;margin:0 0 .5rem;background:linear-gradient(135deg,var(--accent),var(--text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.super-login-subtitle{color:var(--muted);font-size:.95rem;margin:0}.super-login-brand{justify-content:center;margin-bottom:.75rem;gap:.75rem}.super-brand-content{display:flex;flex-direction:column;align-items:center;gap:.35rem}.super-brand-name{font-size:1.25rem;font-weight:700;color:var(--text)}.super-badge{display:inline-block;background:linear-gradient(135deg,#38bdf833,#38bdf81a);border:1px solid rgba(56,189,248,.3);color:var(--accent);padding:.35rem .75rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.super-badge--inline{display:inline-block}.super-login-form{display:flex;flex-direction:column;gap:1.25rem}.super-login-field{display:flex;flex-direction:column;gap:.5rem}.super-login-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;color:var(--text)}.super-login-label-text{flex:1}.super-login-label-hint{color:var(--ok);font-weight:700;font-size:1.1rem;margin-left:.5rem}.super-login-input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:0 .75rem;transition:all .2s ease}.super-login-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #38bdf81a}.super-login-input-wrapper svg{flex-shrink:0;color:var(--muted);transition:color .15s ease}.super-login-input-wrapper:focus-within svg{color:var(--accent)}.super-login-input{flex:1;background:transparent;border:none;color:var(--text);padding:.75rem 0;font:inherit;outline:none;font-size:1rem}.super-login-input::placeholder{color:var(--muted);opacity:.7}.super-login-input:disabled{color:var(--muted);opacity:.6}.super-login-input--valid{color:var(--ok)}.super-login-field-error{font-size:.8rem;color:var(--danger);margin:0;padding-left:.5rem;animation:shake .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.super-login-alert{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:8px;font-size:.9rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.super-login-alert--error{background:#f8717126;border:1px solid rgba(248,113,113,.3);color:var(--danger)}.super-login-alert svg{flex-shrink:0;width:20px;height:20px}.super-login-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--accent),#0ea5e9);color:#0f172a;border:none;border-radius:8px;padding:.85rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #38bdf840}.super-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #38bdf859}.super-login-submit:active:not(:disabled){transform:translateY(0)}.super-login-submit:disabled{opacity:.6;cursor:not-allowed}.super-login-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(15,23,42,.3);border-top-color:#0f172a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.super-login-footer{margin-top:1.5rem;text-align:center;border-top:1px solid var(--border);padding-top:1rem}.super-login-security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--muted);margin:0}.super-login-security-note svg{flex-shrink:0}.super-login-message{background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:1rem;color:var(--text);font-size:.95rem;line-height:1.6}.super-login-message p{margin:0}.super-shell{--sidebar-width: 240px}.super-sidebar{background:linear-gradient(180deg,var(--surface) 0%,#1a2234 100%);border-right:1px solid var(--border)}.super-sidebar-inner{padding:1.25rem}.super-brand{gap:.65rem;margin-bottom:1.75rem}.super-brand .brand-mark{height:32px;background:linear-gradient(180deg,var(--accent),#0284c7)}.super-side-nav{gap:.5rem}.super-nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:8px;background:none;border:1px solid transparent;color:var(--muted);font:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.super-nav-link:hover{background:#38bdf81a;color:var(--text);border-color:#38bdf833}.super-nav-link--active{background:#38bdf826;border-color:#38bdf84d;color:var(--accent);font-weight:600}.super-nav-link svg{flex-shrink:0}.super-sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.super-user-card{display:flex;gap:.75rem;padding:.75rem;background:#38bdf80d;border:1px solid rgba(56,189,248,.1);border-radius:8px}.super-user-avatar{width:36px;height:36px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#0284c7);color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.super-user-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.super-user-email{font-size:.8rem;font-weight:500;color:var(--text);word-break:break-all}.super-user-role{font-size:.75rem;color:var(--muted);font-weight:400}.super-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:6px;color:var(--danger);font:inherit;font-size:.9rem;cursor:pointer;transition:all .15s ease}.super-logout-btn:hover{background:#f8717126;border-color:#f871714d}.super-logout-btn svg{flex-shrink:0;width:16px;height:16px}.super-mobile-header{background:linear-gradient(90deg,var(--surface) 0%,#1a2234 100%);border-bottom:1px solid var(--border)}.super-nav-toggle{color:var(--accent);border-color:#38bdf84d}.super-nav-toggle:hover{background:#38bdf81a}.super-mobile-nav-title{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.05rem}.super-main{padding:1.75rem}@media(max-width:1024px){.super-sidebar{box-shadow:12px 0 40px #0006}.super-main{padding:1.25rem}}@media(max-width:640px){.super-login-page{padding:1rem}.super-login-card{padding:1.5rem;border-radius:16px}.super-login-header h1{font-size:1.5rem}.super-login-form{gap:1rem}.super-main,.super-sidebar-inner{padding:1rem}.super-nav-link span{display:none}.super-nav-link{justify-content:center;padding:.65rem}}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.dash-header h1{margin-bottom:.25rem}.dash-header-time{display:flex;align-items:center;gap:.75rem}.dash-clock{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:960px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.dash-kpi-grid{grid-template-columns:1fr}}.dash-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.dash-kpi-card--urgent{border-color:#f8717199;background:#f871710d}.dash-kpi-card--warn{border-color:#fbbf2480;background:#fbbf240a}.dash-kpi-icon{font-size:1.25rem;margin-bottom:.25rem;line-height:1}.dash-kpi-value{font-size:2rem;font-weight:700;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.dash-kpi-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dash-kpi-sub{font-size:.78rem;color:var(--muted);margin-top:.1rem}.dash-status-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;gap:1px;margin-top:.5rem}.dash-status-bar-seg{height:100%;min-width:2px}.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:800px){.dash-two-col{grid-template-columns:1fr}}.dash-all-ok{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:8px;color:var(--ok, #4ade80)}.dash-attention-list{display:flex;flex-direction:column;gap:.4rem}.dash-attention-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg);border-radius:8px;text-decoration:none;color:var(--text);transition:background .15s;border:1px solid transparent}.dash-attention-item:hover{background:#38bdf80f;border-color:var(--border)}.dash-attention-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-alarm-badge{background:#f8717133;color:var(--danger, #f87171);border:1px solid rgba(248,113,113,.3);border-radius:999px;font-size:.72rem;font-weight:700;padding:.1rem .5rem;flex-shrink:0}.dash-alarm-list{display:flex;flex-direction:column;gap:.4rem}.dash-alarm-item{padding:.6rem .75rem;background:var(--bg);border-radius:8px;border-left:3px solid var(--border)}.dash-alarm-item--alarm{border-left-color:var(--danger, #f87171)}.dash-alarm-item--warning{border-left-color:var(--warn, #fbbf24)}.dash-alarm-item--info{border-left-color:var(--accent, #38bdf8)}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.alert-error{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--danger, #f87171)}.alert-ok{background:#4ade8014;border:1px solid rgba(74,222,128,.25);color:var(--ok, #4ade80)}