:root{color-scheme:dark;--fondo: #0f172a;--panel: #1e293b;--borde: #334155;--texto: #e2e8f0;--tenue: #94a3b8;--error: #f87171;--acento: #3b82f6}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.pantalla{display:flex;height:100vh}.pantalla canvas{flex:1}.panel{width:280px;flex-shrink:0;padding:20px;background:var(--panel);border-left:1px solid var(--borde);overflow-y:auto}.panel h2{margin:0 0 4px;font-size:16px}.tenue{color:var(--tenue);font-size:12px;margin:0 0 16px}.nota{margin-top:20px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 16px}dt{color:var(--tenue)}dd{margin:0;font-variant-numeric:tabular-nums}.gente{list-style:none;padding:0;margin:0 0 16px}.gente li{padding:4px 0;border-bottom:1px solid var(--borde)}.error{color:var(--error);font-size:12px}.centro{display:grid;place-items:center;height:100vh}.tarjeta{display:flex;flex-direction:column;gap:10px;width:320px;padding:28px;background:var(--panel);border:1px solid var(--borde);border-radius:10px}.tarjeta h1{margin:0;font-size:18px}input,button{padding:10px 12px;font:inherit;border-radius:6px;border:1px solid var(--borde);background:var(--fondo);color:var(--texto)}button{background:var(--acento);border-color:var(--acento);color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:default}.salir{background:transparent;border-color:var(--borde);color:var(--tenue);width:100%}.rescate{width:100%;margin-bottom:8px;background:transparent;border-color:var(--acento);color:var(--acento)}.voz{margin-top:20px;padding-top:16px;border-top:1px solid var(--borde)}.voz h3{margin:0 0 10px;font-size:14px}.micro{width:100%;margin-bottom:10px}.micro.activo{background:var(--error);border-color:var(--error)}.panel>.grupo,.panel>.voz,.panel>.streaming,.panel>.visual{margin-top:18px;padding-top:16px;border-top:1px solid var(--borde)}.panel>.grupo>h3,.panel>.voz>h3,.panel>.streaming>h3,.panel>.visual>h3{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--tenue)}.grupo .visual,.grupo .kpi,.grupo .trazos{margin-top:0;padding-top:0;border-top:0}.grupo .visual>h3,.grupo .kpi>h3{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);margin:14px 0 8px}.grupo>button{width:100%;margin-bottom:8px}.grupo>button:last-of-type{margin-bottom:0}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px}.cabecera .quien{margin:0;font-size:12px;color:var(--tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabecera .salir{width:auto;flex:none}.datos{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0 0 10px}.datos dt{color:var(--tenue);font-size:12px}.datos dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.streaming{margin-top:20px;padding-top:16px;border-top:1px solid var(--borde)}.streaming h3{margin:0 0 10px;font-size:14px}.streaming button{width:100%;margin-bottom:8px}.streaming video{margin-bottom:8px}.visual{margin-top:20px;padding-top:16px;border-top:1px solid var(--borde)}.visual h3{margin:0 0 10px;font-size:14px}.visual code{font-size:11px}.campo{display:block;margin-bottom:12px}.campo>span{display:block;color:var(--tenue);font-size:12px;margin-bottom:4px}.campo input[type=range]{width:calc(100% - 28px);vertical-align:middle}.campo b{font-variant-numeric:tabular-nums}.botones{display:flex;gap:6px;flex-wrap:wrap}.botones .chip{flex:1 1 auto;min-width:0}.chip{flex:1;padding:6px 8px;font-size:12px;background:transparent;border-color:var(--borde);color:var(--tenue)}.chip.activo{background:var(--acento);border-color:var(--acento);color:#fff}.filtros{list-style:none;padding:0;margin:0}.filtros li{padding:2px 0}.filtros label{display:flex;align-items:center;gap:8px;cursor:pointer}.filtros input{width:auto;padding:0}.sincronizar{width:100%;margin:4px 0 12px}.sincronizar:disabled{background:transparent;border-color:var(--borde);color:var(--tenue)}.sincronizar.sucio{background:var(--acento);border-color:var(--acento);color:#fff}.unaLinea{display:flex;align-items:center;gap:8px;cursor:pointer}.unaLinea input{width:auto;padding:0}.lienzo{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.lienzo .vista{flex:1;min-height:0}.ventanaInfo{position:absolute;top:12px;left:12px;z-index:2;min-width:210px;max-width:45%;padding:10px 12px;background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--borde);border-radius:8px;font-size:12px;pointer-events:none}.ventanaInfo header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--borde)}.ventanaInfo .plegar{pointer-events:auto;margin-left:auto;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;border:1px solid var(--borde);border-radius:5px;background:transparent;color:var(--tenue);cursor:pointer}.ventanaInfo .plegar:hover{color:var(--texto);border-color:var(--texto)}.ventanaInfo.plegada{min-width:0}.ventanaInfo.plegada header{margin-bottom:0;padding-bottom:0;border-bottom:0}.ventanaInfo header .tenue{margin:0;font-size:11px}.ventanaInfo header strong{font-size:15px;font-variant-numeric:tabular-nums}.ventanaInfo dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0}.ventanaInfo dl>div{display:contents}.ventanaInfo dt{color:var(--tenue)}.ventanaInfo dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dique{flex-shrink:0;max-height:48vh;overflow-y:auto;padding:12px 16px 16px;background:var(--fondo);border-top:1px solid var(--borde)}.dique.plegado{padding:8px 16px;max-height:none;overflow:visible}.dique header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.dique header .tenue{margin:0}.dique>.error{margin:0 0 12px}.asa{padding:6px 12px;font-size:12px;background:transparent;border-color:var(--borde);color:var(--texto)}.rejillaGraficas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:12px}.grafica{margin:0;padding:12px 14px 10px;background:var(--panel);border:1px solid var(--borde);border-radius:8px;min-width:0}.grafica figcaption{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.grafica h4{margin:0;font-size:13px;font-weight:600}.grafica figcaption .tenue{margin:0}.grafica .vacia{margin:24px 0}.leyenda{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;padding:0;margin:8px 0 4px;font-size:11px;color:var(--tenue)}.leyenda li{display:flex;align-items:center;gap:6px}.leyenda i{width:14px;height:2px;border-radius:1px}.plano{position:relative}.plano svg{display:block;overflow:visible}.rejilla{stroke:var(--borde);stroke-width:1}.cruz{stroke:var(--tenue);stroke-width:1}.marcaY{fill:var(--tenue);font-size:10px;text-anchor:end;dominant-baseline:middle;font-variant-numeric:tabular-nums}.marcaX{fill:var(--tenue);font-size:10px;text-anchor:middle;font-variant-numeric:tabular-nums}.rotulo{fill:var(--texto);font-size:10px}.trazo{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.punto{stroke:var(--panel);stroke-width:2}.barra{stroke:var(--panel);stroke-width:.5;fill-opacity:.62}.trazoLey{stroke-width:1.5;stroke-dasharray:5 3;opacity:.85}.trazo.entrando.trazoLey{stroke-dasharray:1}.marcaLey{text-anchor:start}.tituloEje{fill:var(--tenue);font-size:10px;text-anchor:middle;dominant-baseline:middle}.flujo{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.trazo.entrando{stroke-dasharray:1;stroke-dashoffset:1;animation:dibujarLinea 1.4s ease-out forwards}@keyframes dibujarLinea{to{stroke-dashoffset:0}}.captura{fill:transparent;cursor:crosshair}.captura:focus{outline:1px solid var(--acento);outline-offset:2px}.globo{position:absolute;top:6px;pointer-events:none;padding:6px 8px;font-size:11px;background:var(--fondo);border:1px solid var(--borde);border-radius:6px;white-space:nowrap}.globo b{display:block;margin-bottom:4px;font-variant-numeric:tabular-nums}.globo dl{display:block;margin:0}.globo dl>div{display:flex;align-items:center;gap:8px;justify-content:space-between}.globo dt{display:flex;align-items:center;gap:6px;color:var(--tenue)}.globo dt i{width:10px;height:2px;border-radius:1px}.globo dd{margin:0;font-variant-numeric:tabular-nums}.tablaGrafica{max-height:206px;overflow:auto;margin-top:8px}.tablaGrafica table{width:100%;border-collapse:collapse;font-size:11px}.tablaGrafica th,.tablaGrafica td{padding:3px 6px;text-align:right;border-bottom:1px solid var(--borde);font-variant-numeric:tabular-nums}.tablaGrafica thead th{position:sticky;top:0;background:var(--panel);color:var(--tenue)}.tablaGrafica tbody th{text-align:left;color:var(--tenue);font-weight:400}.verTabla{margin-top:8px;padding:4px 10px;font-size:11px;background:transparent;border-color:var(--borde);color:var(--tenue)}@media (prefers-reduced-motion: reduce){.trazo.entrando{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}.pinInfo{display:inline-flex;flex-direction:column;gap:1px;padding:3px 6px;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid color-mix(in srgb,#38bdf8 45%,var(--borde));border-radius:5px;font-size:10px;line-height:1.3;color:var(--tenue);white-space:nowrap;text-align:left;pointer-events:none}.pinInfo b{color:var(--texto);font-size:11px;font-weight:600}.pinInfo.abierto{padding:5px 8px;background:color-mix(in srgb,var(--panel) 96%,transparent);border-color:#38bdf8;box-shadow:0 2px 10px #00000073}.pinDetalle{display:flex;flex-direction:column;gap:1px;margin-top:3px;padding-top:3px;border-top:1px solid var(--borde)}.nombreNodo{font-size:10px;line-height:1.2;white-space:nowrap;color:var(--texto);text-shadow:0 0 3px var(--fondo),0 0 3px var(--fondo),0 1px 2px var(--fondo);pointer-events:none}