.syn{background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:14px;margin-bottom:18px}.syn-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-hairline)}.syn-title{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.syn-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.syn-head-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.syn-toggle{display:inline-flex;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);overflow:hidden}.syn-toggle button{background:transparent;border:0;color:var(--text-muted);font:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;cursor:pointer}.syn-toggle button[aria-pressed=true]{background:var(--surface-3);color:var(--accent-actionable)}.syn-alarms{display:flex;flex-direction:column;gap:7px;margin:12px 0}.syn-alm{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:var(--surface-2)}.syn-alm--critical{border-color:#d03b3b80;background:linear-gradient(90deg,#d03b3b2e,#d03b3b08 55%)}.syn-alm--warning{border-color:#fab21973;background:linear-gradient(90deg,#fab21924,#fab21905 55%)}.syn-alm__pill{font-size:10px;font-weight:800;letter-spacing:.12em;padding:5px 9px;border-radius:4px;flex:none}.syn-alm--critical .syn-alm__pill{background:var(--status-critical);color:#fff}.syn-alm--warning .syn-alm__pill{background:var(--status-warning);color:#1a1200}.syn-alm__loc{font-size:11px;color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;min-width:210px;flex:none}.syn-alm__msg{font-size:14.5px;font-weight:600;color:var(--accent-actionable);flex:1;line-height:1.35}.syn-alm__cta{font-size:11.5px;font-weight:700;padding:7px 13px;border-radius:var(--radius-sm);background:var(--accent-actionable);color:#0b0f18;flex:none;white-space:nowrap;text-decoration:none}.syn-alm--warning .syn-alm__cta{background:transparent;color:var(--status-warning);border:1px solid rgba(250,178,25,.55)}.syn-grid{display:grid;grid-template-columns:268px minmax(0,1fr) 244px;gap:12px;align-items:start}@media (max-width: 1180px){.syn-grid{grid-template-columns:1fr}}.syn-card{background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:14px 15px;text-decoration:none;color:inherit;display:block}.syn-card+.syn-card{margin-top:10px}a.syn-card:hover{border-color:#ffffff47}.syn-lbl{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);line-height:1.4}.syn-val{font-size:33px;font-weight:800;line-height:1.05;margin-top:7px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.syn-val small{font-size:13px;font-weight:600;color:var(--text-muted);margin-left:5px;letter-spacing:0}.syn-note{font-size:11.5px;color:var(--text-muted);margin-top:8px;line-height:1.55}.syn-note b{color:var(--status-warning)}.syn-bar{height:6px;border-radius:3px;background:var(--surface-3);margin-top:11px;overflow:hidden}.syn-bar i{display:block;height:100%;border-radius:3px}.syn-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--border-hairline)}.syn-row b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.syn-row b small{font-size:11px;color:var(--text-muted);font-weight:600;margin-left:3px}.syn-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border-hairline)}.syn-split .syn-val{font-size:20px;margin-top:5px}.syn-scene{background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:6px;overflow:hidden}.syn-scene svg{width:100%;height:auto;display:block;border-radius:7px}.syn-fan{transform-origin:center;transform-box:fill-box;animation:syn-spin 2.6s linear infinite}.syn-fan--off{animation:none;opacity:.45}@keyframes syn-spin{to{transform:rotate(360deg)}}.syn-flow{stroke-dasharray:16 22;animation:syn-dash 1.1s linear infinite}@keyframes syn-dash{to{stroke-dashoffset:-38}}.syn-shimmer{animation:syn-shimmer 5s ease-in-out infinite}@keyframes syn-shimmer{0%,to{opacity:.35}50%{opacity:.7}}.syn-blink{animation:syn-blink 1.25s ease-in-out infinite}@keyframes syn-blink{0%,to{opacity:1}50%{opacity:.28}}.syn-foot{margin-top:12px;padding:12px 15px;background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-md);font-size:11.5px;color:var(--text-muted);line-height:1.75}.syn-foot b{color:var(--text-secondary);font-weight:700}.syn-tag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.1em;padding:2px 6px;border-radius:3px;background:var(--surface-3);color:var(--text-secondary);margin-right:7px;vertical-align:1px}@media (prefers-reduced-motion: reduce){.syn-fan,.syn-flow,.syn-shimmer,.syn-blink{animation:none!important}}@media (max-width: 720px){.syn{padding:10px}.syn-alm{flex-wrap:wrap;gap:8px 10px;align-items:flex-start}.syn-alm__loc{min-width:0;flex:1 1 auto;align-self:center}.syn-alm__msg{flex:1 1 100%;font-size:14px;order:3}.syn-alm__cta{order:4;flex:1 1 100%;text-align:center;padding:10px 13px}.syn-scene{overflow-x:auto;-webkit-overflow-scrolling:touch}.syn-scene svg{min-width:620px}.syn-val{font-size:29px}.syn-split .syn-val{font-size:17px}}.syn-elec{margin-top:16px}.syn-elec__cabecera{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.syn-elec__cabecera h2{margin:0}.syn-elec__fecha{color:var(--text-muted);font-size:12px}.syn-elec__cap{margin:4px 0 14px;padding:11px 13px;border:1px dashed var(--border-hairline);border-radius:10px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--surface-1)}.syn-elec__cap-texto{font-size:12.5px;color:var(--text-secondary);flex:1;min-width:220px}.syn-elec__cap-texto strong{color:var(--text-primary)}.syn-elec__cap-campo{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-muted)}.syn-elec__cap-campo input{width:90px;background:var(--surface-3);border:1px solid var(--border-hairline);color:var(--text-primary);border-radius:7px;padding:7px 9px;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}.syn-elec__cap-campo input:focus-visible{outline:2px solid var(--series-1)}.syn-elec-unifilar{width:100%;height:auto;display:block}.syn-elec-unifilar--v{display:none}@media (max-width: 719px){.syn-elec-unifilar--h{display:none}.syn-elec-unifilar--v{display:block}}.syn-elec-svgnodo{cursor:pointer;outline:none}.syn-elec-svgnodo__hit{fill:transparent}.syn-elec-svgnodo__caja{fill:var(--surface-1);fill-opacity:.9;stroke:var(--border-hairline);stroke-width:1;transition:stroke .15s,fill .15s}.syn-elec-svgnodo:hover .syn-elec-svgnodo__caja,.syn-elec-svgnodo:focus-visible .syn-elec-svgnodo__caja{stroke:var(--text-muted)}.syn-elec-svgnodo:focus-visible .syn-elec-svgnodo__caja{stroke:var(--series-1);stroke-width:2}.syn-elec-svgnodo--sel .syn-elec-svgnodo__caja{stroke:var(--accent-actionable);stroke-width:1.5;fill:var(--surface-2)}.syn-elec-svgnodo--marcada .syn-elec-svgnodo__caja{stroke:var(--status-critical);stroke-width:1.5}.syn-elec-svgnodo__simbolo circle,.syn-elec-svgnodo__simbolo path{fill:none;stroke:var(--text-secondary);stroke-width:1.6}.syn-elec-svgnodo__simbolo--off circle,.syn-elec-svgnodo__simbolo--off path{stroke:var(--text-muted);stroke-opacity:.6}.syn-elec-svgnodo__nombre{fill:var(--text-secondary);font-size:12.5px;font-weight:600}.syn-elec-svgnodo__subtitulo{fill:var(--text-muted);font-size:10.5px}.syn-elec-svgnodo__valor{fill:var(--text-primary);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.syn-elec-svgnodo__unidad{fill:var(--text-muted);font-size:10.5px;font-weight:400}.syn-elec-svgnodo__sindato{fill:var(--text-muted);font-size:11.5px;font-style:italic}.syn-elec-svgnodo__flag{fill:var(--status-critical)}.syn-elec-svgnodo__flecha{fill:var(--text-muted)}.syn-elec-anillo-fondo{fill:none;stroke:#ffffff21;stroke-width:3}.syn-elec-anillo{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s,stroke .3s}.syn-elec-anillo--ok{stroke:var(--status-good)}.syn-elec-anillo--atencion{stroke:var(--status-warning)}.syn-elec-anillo--critico{stroke:var(--status-critical)}.syn-elec-rama{stroke:var(--text-secondary);stroke-opacity:.55;stroke-linecap:round}.syn-elec-rama--off{stroke:var(--text-muted);stroke-opacity:.7}.syn-elec-rama__flujo{fill:none;stroke:var(--accent-actionable);stroke-linecap:round;stroke-dasharray:2 15;opacity:.9;animation:syn-elec-flujo linear infinite}@keyframes syn-elec-flujo{to{stroke-dashoffset:-34}}@media (prefers-reduced-motion: reduce){.syn-elec-rama__flujo,.syn-elec-bus__flujo{animation:none!important;opacity:.35}}.syn-elec-interruptor{stroke:var(--status-good);stroke-width:4.5;stroke-linecap:round}.syn-elec-interruptor--abierto{stroke:var(--text-muted)}.syn-elec-bus{stroke:var(--text-secondary);stroke-width:7;stroke-opacity:.45;stroke-linecap:round}.syn-elec-bus--tronco{stroke-width:4;stroke-opacity:.32}.syn-elec-bus__flujo{fill:none;stroke:var(--accent-actionable);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:2 15;opacity:.7;animation:syn-elec-flujo 1.6s linear infinite}.syn-elec-unifilar__rotulo{fill:var(--text-muted);font-size:11px}.syn-elec-unifilar__pie{fill:var(--text-muted);fill-opacity:.7;font-size:10.5px}.syn-elec__leyenda{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--text-muted);margin-top:8px}.syn-elec__leyenda span{display:inline-flex;align-items:center;gap:6px}.syn-elec__leyenda-sw{width:16px;height:3px;border-radius:2px;display:inline-block}.syn-elec__leyenda-sw--ok{background:var(--status-good)}.syn-elec__leyenda-sw--off{background:var(--text-muted)}.syn-elec__leyenda-punto{width:9px;height:9px;border-radius:50%;display:inline-block}.syn-elec__leyenda-punto--critico{background:var(--status-critical)}.syn-elec__panel{margin-top:18px;background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-md, 10px);padding:16px}.syn-elec__panel h3{margin:0 0 12px}.syn-elec__tabla-wrap{overflow-x:auto}.syn-elec__tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.syn-elec__tabla th,.syn-elec__tabla td{text-align:right;padding:7px 6px;font-size:13px;border-bottom:1px solid var(--border-hairline)}.syn-elec__tabla th{color:var(--text-muted);font-weight:500;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.syn-elec__tabla th:first-child,.syn-elec__tabla td:first-child{text-align:left;color:var(--text-secondary)}.syn-elec__unidad-cabecera{color:var(--text-muted);font-weight:400}.syn-elec__total{font-weight:700;color:var(--text-primary)}.syn-elec__valor-corregido{color:var(--status-critical)!important;font-weight:700}.syn-elec__nota{margin-top:13px;padding:11px 13px;border-radius:9px;background:var(--surface-2);border-left:3px solid var(--status-warning);font-size:12.5px;line-height:1.55}.syn-elec__nota--critica{border-left-color:var(--status-critical)}.syn-elec__seccion{margin-top:18px}.syn-elec__seccion-titulo{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:9px}.syn-elec__triangulo{width:100%;max-width:260px;height:auto}.syn-elec__triangulo-area{fill:var(--series-1);fill-opacity:.16;stroke:var(--series-1);stroke-width:1.5}.syn-elec__triangulo-hip{stroke:var(--text-primary);stroke-width:2}.syn-elec__triangulo-texto{fill:var(--text-muted);font-size:9.5px}.syn-elec__triangulo-texto--s{fill:var(--text-primary);font-size:10.5px}.syn-elec__barras{display:flex;flex-direction:column;gap:8px}.syn-elec__barra-fila{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:9px;font-size:12px}.syn-elec__barra-fase{color:var(--text-muted);font-size:11px}.syn-elec__barra-pista{height:10px;border-radius:5px;background:#ffffff14;position:relative}.syn-elec__barra-relleno{height:100%;border-radius:5px;background:var(--series-1)}.syn-elec__barra-relleno--f1{background:var(--series-1)}.syn-elec__barra-relleno--f2{background:var(--series-2)}.syn-elec__barra-relleno--f3{background:var(--series-3)}.syn-elec__barra-relleno--desvio{background:var(--status-warning)}.syn-elec__barra-media{position:absolute;top:-3px;bottom:-3px;width:1.5px;background:var(--text-primary);opacity:.85}.syn-elec__barra-valor{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.syn-elec__barra-leyenda{font-size:11px;color:var(--text-muted);margin-top:2px}.syn-elec__hist-leyenda{display:flex;gap:16px;flex-wrap:wrap;padding:6px 4px 0;font-size:12px;color:var(--text-secondary)}.syn-elec__hist-leyenda span{display:inline-flex;align-items:center;gap:6px}.syn-elec__hist-leyenda i{width:14px;height:3px;border-radius:2px;display:inline-block}.syn-elec__hist-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:14px}.syn-elec__hist-metrica{background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:10px;padding:10px 12px}.syn-elec__hist-metrica--alerta{border-color:var(--status-warning)}.syn-elec__hist-metrica .k{font-size:11px;color:var(--text-muted);margin-bottom:4px}.syn-elec__hist-metrica .n{font-size:16px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}@media (max-width: 480px){.syn-elec__tabla,.syn-elec__tabla thead,.syn-elec__tabla tbody,.syn-elec__tabla tr,.syn-elec__tabla th,.syn-elec__tabla td{display:block}.syn-elec__tabla thead{display:none}.syn-elec__tabla tr{background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:11px;padding:10px 12px;margin-bottom:8px}.syn-elec__tabla td{border:none;padding:4px 0;text-align:left;font-size:14.5px}.syn-elec__tabla td:before{content:attr(data-th);display:block;font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}}:root{color-scheme:dark;--page-plane: #0d0d0d;--surface-1: #17171a;--surface-2: #1f2024;--surface-3: #26272c;--border-hairline: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--series-1: #3987e5;--series-2: #d95926;--series-3: #2fa66b;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--accent-actionable: #ffffff;--illustration-panel: #e8e8ea;--illustration-panel-alt: #d4d4d8;--illustration-line: #4a4a58;--illustration-tick: #55555f;--illustration-window: #f4c26b;--illustration-pipe: #7d8ba3;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page-plane);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}a{color:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface-1);border-bottom:1px solid var(--border-hairline);position:sticky;top:0;z-index:10}.topbar__brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.02em;flex:0 0 auto}.topbar__mark{width:26px;height:23px;flex:0 0 auto}.topbar__producto{font-size:15px;color:var(--text-secondary);font-weight:600}.topbar__instalacion{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1 1 auto;padding-left:16px;margin-left:16px;border-left:1px solid var(--border-hairline)}.topbar__cliente{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__sede{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__sede:before{content:"· ";color:var(--text-muted)}.pie-producto{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:18px 20px 24px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-hairline);margin-top:28px}.pie-producto__sep{opacity:.5}@media (max-width: 720px){.topbar__instalacion{padding-left:10px;margin-left:10px}.topbar__producto{display:none}}.topbar__nav{display:flex;gap:4px}.navlink{padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600}.navlink.active,.navlink:hover{color:var(--text-primary);background:var(--surface-2)}.demo-banner{background:var(--status-warning);color:#1a1300;font-weight:700;font-size:12px;text-align:center;padding:6px;letter-spacing:.04em}.page{padding:20px;max-width:1200px;margin:0 auto;width:100%;flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:16px 18px}.card--normal{border-left:3px solid var(--surface-3)}.card--warning{border-left:3px solid var(--status-warning)}.card--critical{border-left:3px solid var(--status-critical)}.card__label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.card__value{font-size:30px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.card__unit{font-size:14px;color:var(--text-secondary);margin-left:4px}.card__location{font-size:12px;color:var(--text-muted);margin-top:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;color:#fff}.pill--critical{background:var(--status-critical)}.pill--warning{background:var(--status-warning);color:#1a1300}.pill--good{background:var(--status-good)}.pill--neutral{background:var(--surface-3);color:var(--text-secondary)}.section-title{font-size:15px;font-weight:700;margin:26px 0 12px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.section-title__hint{font-size:12px;font-weight:400;color:var(--text-muted)}.login-block{width:100%;max-width:380px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-left:2px}.login-brand__mark{width:52px;height:46px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(16,185,129,.35))}.login-brand__text{display:flex;flex-direction:column;gap:2px;min-width:0}.login-brand__name{font-size:22px;font-weight:650;letter-spacing:-.01em;color:var(--text-primary);line-height:1.1}.login-brand__claim{font-size:12px;color:var(--text-muted)}.login-foot{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:11px;color:var(--text-muted);text-align:center}.login-foot__sep{opacity:.5}.login-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:28px}.login-card h1{font-size:15px;font-weight:600;margin:0 0 4px}.login-card p.sub{color:var(--text-secondary);font-size:13px;margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.field input,.field select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:var(--surface-2);color:var(--text-primary);font-size:14px}.field input:focus,.field select:focus{outline:2px solid var(--series-1);outline-offset:1px}.btn-primary{width:100%;padding:11px;border-radius:var(--radius-sm);border:none;background:var(--accent-actionable);color:#0d0d0d;font-weight:700;font-size:14px;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer}.form-error{background:#d03b3b26;border:1px solid var(--status-critical);color:#ffb3b3;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px}.schematic-wrap{margin-bottom:8px}.schematic-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px}.schematic{display:flex;gap:24px;background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:20px;margin-bottom:8px}.schematic-art{flex:1.3;min-width:0;display:flex;flex-direction:column;align-items:center}.schematic-zone-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-secondary);margin:2px 0 6px}.schematic-tank-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.schematic-readouts{flex:1;min-width:220px;display:flex;flex-direction:column;gap:12px}.schematic-zone{display:flex;flex-direction:column;justify-content:center;gap:8px}.schematic-zone__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.schematic-zone__cards{display:flex;flex-direction:column;gap:8px}.schematic-readout{background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:10px 14px}@media (max-width: 720px){.schematic{flex-direction:column}}.events-table{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-md);overflow:hidden}.events-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:10px 14px;background:var(--surface-2)}.events-table td{padding:10px 14px;font-size:13px;border-top:1px solid var(--border-hairline)}.events-table tr.event--critical td.msg{color:var(--status-critical);font-weight:700}.events-table tr.event--warning td.msg{color:var(--status-warning);font-weight:700}.events-table tr.event--normalized td.msg{color:var(--status-good);font-weight:700}.table-config{width:100%;border-collapse:collapse}.table-config th,.table-config td{padding:8px 12px;font-size:13px;border-bottom:1px solid var(--border-hairline);text-align:left}.inline-input{width:90px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-hairline);background:var(--surface-2);color:var(--text-primary)}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.spinner-text{color:var(--text-muted);font-size:13px;padding:30px 0;text-align:center}.pill--instrument{background:var(--accent-actionable);color:#0d0d0d}.pill--maintenance{background:transparent;color:var(--text-muted);border:1px solid var(--border-hairline);margin-left:6px}.card--instrument{border-left:3px solid var(--accent-actionable)}.card__stale{font-size:12px;color:var(--text-secondary);margin-top:8px;font-variant-numeric:tabular-nums}.site-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.site-picker button{background:var(--surface-1);border:1px solid var(--border-hairline);color:var(--text-secondary);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;min-height:36px}.site-picker button:hover{border-color:#ffffff3d;color:var(--text-primary)}.site-picker button.active{background:var(--accent-actionable);border-color:var(--accent-actionable);color:#0d0d0d}@media (max-width: 720px){.site-picker{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.site-picker::-webkit-scrollbar{display:none}.site-picker button{flex:0 0 auto}}.chart-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;min-height:30px}.chart-bar__hint{font-size:12px;color:var(--text-muted)}.chart-bar__reset{background:var(--accent-actionable);color:#0d0d0d;border:0;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;min-height:30px;white-space:nowrap}.chart-window{font-size:12px;color:var(--text-secondary);margin:-4px 0 10px;font-variant-numeric:tabular-nums}.chart-tip{position:absolute;top:34px;background:var(--surface-2);border:1px solid var(--border-hairline);border-radius:8px;padding:6px 10px;font-size:12px;pointer-events:none;white-space:nowrap;max-width:calc(100% - 16px)}@media (max-width: 720px){.chart-bar{flex-direction:column;align-items:flex-start;gap:6px}.chart-bar__reset{min-height:38px;width:100%}.chart-tip{font-size:11px}}