:root{color-scheme:dark;--fondo: #0a1428;--superficie: #101c33;--superficie-2: #16264a;--borde: #22365e;--texto: #e6edf7;--texto-2: #a8b6cc;--muted: #7d8ca5;--turquesa: #2dd4bf;--turquesa-osc: #14b8a6;--azul: #3b82f6;--ambar: #f59e0b;--verde: #22c55e;--rojo: #ef4444;--radio: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit}pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;margin:0}.muted{color:var(--muted)}.error{color:#fca5a5}h2{font-size:15px;margin:0 0 10px}h3{font-size:13px;margin:14px 0 6px;color:var(--texto-2);text-transform:uppercase;letter-spacing:.04em}.login{min-height:100%;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 30% 20%,#13305a 0,var(--fondo) 60%)}.tarjeta-login{width:min(360px,100%);background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:28px;display:grid;gap:10px}.tarjeta-login .logo{font-size:30px}.tarjeta-login .sub{margin:-6px 0 10px;color:var(--muted)}.tarjeta-login input{padding:11px 12px;border-radius:8px;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);font-size:16px}.logo{font-weight:800;letter-spacing:.14em;color:var(--turquesa)}.boton,.boton-mini{border:1px solid var(--borde);background:var(--superficie-2);color:var(--texto);border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.boton{padding:9px 14px}.boton-mini{padding:5px 10px;font-size:12px}.boton:hover,.boton-mini:hover{border-color:var(--turquesa)}.boton.primario{background:var(--turquesa-osc);border-color:var(--turquesa-osc);color:#04241f;font-weight:700}.boton.peligro{color:#fecaca;border-color:#7f1d1d}.boton:disabled{opacity:.5;cursor:default}.cerrar{background:none;border:0;color:var(--texto-2);font-size:24px;cursor:pointer;line-height:1;padding:4px 8px}.app{display:flex;flex-direction:column;height:100%}.barra-superior{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--superficie);border-bottom:1px solid var(--borde)}.marca{display:flex;align-items:center;gap:8px;flex-shrink:0}.marca .logo{font-size:18px}.conexion{width:9px;height:9px;border-radius:50%}.conexion.on{background:var(--verde);box-shadow:0 0 8px var(--verde)}.conexion.off{background:var(--ambar)}.insignia-demo{font-size:10px;font-weight:800;color:#1c1300;background:var(--ambar);padding:2px 6px;border-radius:4px;letter-spacing:.08em}.acciones-sup{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.kpis{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.kpi{display:flex;flex-direction:column;padding:4px 10px;border-left:2px solid var(--borde);white-space:nowrap}.kpi-valor{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.kpi-titulo{font-size:11px;color:var(--muted)}.pestanas{display:flex;gap:2px;padding:0 10px;background:var(--superficie);border-bottom:1px solid var(--borde);overflow-x:auto;scrollbar-width:none}.pestanas button{background:none;border:0;color:var(--texto-2);padding:10px 12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.pestanas button.activa{color:var(--turquesa);border-bottom-color:var(--turquesa)}.globo{background:var(--ambar);color:#1c1300;border-radius:99px;padding:0 6px;margin-left:6px;font-size:11px;font-weight:700}.contenido{flex:1;min-height:0;overflow:auto}.contenido.oficina{overflow:hidden}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--superficie-2);border:1px solid var(--turquesa);padding:10px 16px;border-radius:10px;z-index:50;max-width:calc(100% - 32px)}.vista-oficina[hidden]{display:none}.vista-oficina{display:grid;grid-template-columns:1fr 340px;height:100%}.oficina{position:relative;min-height:0}.oficina canvas{touch-action:none}.lienzo{position:absolute;inset:0}.lienzo[hidden]{display:none}.leyenda{position:absolute;left:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#0a1428cc;padding:6px 10px;border-radius:8px;font-size:12px;color:var(--texto-2)}.leyenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}.etiqueta-agente{font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:#0a1428d9;border:1.5px solid;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none}.etiqueta-agente.libre{font-size:9px;opacity:.65;padding:0 5px}.etiqueta-agente.sel{background:var(--turquesa-osc);color:#04241f}.panel-lateral,.actividad.compacta{border-left:1px solid var(--borde);background:var(--superficie);overflow-y:auto;padding:14px}.panel-lateral header{display:flex;justify-content:space-between;align-items:start}.panel-lateral h2{font-size:20px;margin:0}.estado-agente{display:flex;align-items:center;gap:8px;font-weight:600}.punto{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mini-kpis div{background:var(--superficie-2);padding:8px 10px;border-radius:8px;display:flex;flex-direction:column}.mini-kpis span{font-size:11px;color:var(--muted)}.lista-tareas{padding-left:18px;margin:0;display:grid;gap:6px}.lista-tareas time,.actividad time{color:var(--muted);font-size:11px;margin-right:6px;font-variant-numeric:tabular-nums}.lista-tareas li.error{color:#fca5a5}.actividad{padding:14px}.actividad ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.actividad li{display:grid;grid-template-columns:auto auto 1fr;gap:6px;padding:5px 6px;border-radius:6px;font-size:13px;align-items:baseline}.actividad li:hover{background:var(--superficie-2)}.actividad b{color:var(--turquesa)}.actividad .ev-error span,.actividad .ev-alerta span{color:#fca5a5}.actividad .ev-aprobacion span{color:#fcd34d}.actividad .ev-tarea span{color:var(--texto-2)}.actividad.compacta li{grid-template-columns:auto 1fr}.actividad.compacta li time{grid-column:1 / -1;margin-bottom:-4px}.vista2d{height:100%;overflow:auto;padding:14px 14px 60px}.aviso-2d{color:var(--ambar);margin-top:0}.rejilla-salas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.sala-2d{border:1px solid;border-radius:var(--radio);padding:10px;background:var(--superficie);min-height:90px}.sala-2d h3{margin:0 0 8px}.chips{display:grid;gap:6px}.chip-agente{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;text-align:left;background:var(--superficie-2);border:1px solid;color:var(--texto);border-radius:8px;padding:6px 8px;cursor:pointer}.chip-agente em{grid-column:1 / -1;font-size:12px;color:var(--texto-2)}.pestana{padding:14px;max-width:1300px;margin:0 auto}.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip{border:1px solid var(--borde);background:var(--superficie);color:var(--texto-2);border-radius:99px;padding:5px 12px;cursor:pointer}.chip.activo{border-color:var(--turquesa);color:var(--turquesa)}.nota{margin:-4px 0 12px;font-size:12px}.tabla-envoltura{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabla th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px;border-bottom:1px solid var(--borde)}.tabla td{padding:9px 8px;border-bottom:1px solid #172a4d}.tabla tbody tr{cursor:pointer}.tabla tbody tr:hover,.tabla tr.sel{background:var(--superficie-2)}.tabla .num{text-align:right}.tabla.compacta td{padding:5px 6px;cursor:default}.tabla tr.total td{font-weight:800;color:var(--turquesa)}.etiqueta{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--superficie-2);border:1px solid var(--borde);white-space:nowrap}.est-esperando_aprobacion,.est-esperando_datos,.est-en_correccion{color:#fcd34d;border-color:#78350f}.est-enviada,.est-seguimiento_1,.est-seguimiento_2{color:#93c5fd;border-color:#1e3a8a}.est-respondio{color:#c4b5fd;border-color:#4c1d95}.est-ganada{color:#86efac;border-color:#14532d}.est-perdida,.est-rechazada{color:#fca5a5;border-color:#7f1d1d}.detalle-estimacion{margin-top:16px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:14px}.detalle-estimacion header{display:flex;justify-content:space-between;align-items:center}.columnas{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notas{background:var(--fondo);border-radius:8px;padding:10px;font-size:12px;color:var(--texto-2);margin-top:10px}.visor-pdf{display:flex;flex-direction:column;gap:8px}.visor-pdf iframe{width:100%;height:560px;border:1px solid var(--borde);border-radius:8px;background:#fff}.lista-simple{margin:0;padding-left:18px;display:grid;gap:6px}details summary{cursor:pointer;color:var(--texto-2);margin:10px 0 6px}.lista-aprobaciones{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr))}.tarjeta-aprobacion,.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:14px}.tarjeta-aprobacion header{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.tarjeta-aprobacion h3{text-transform:none;letter-spacing:0;font-size:15px;color:var(--texto)}.tarjeta-aprobacion .resumen{background:var(--fondo);border-radius:8px;padding:10px;font-size:13px;line-height:1.5}.tarjeta-aprobacion .borrador{background:#f8fafc;color:#0f172a;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;max-height:340px;overflow:auto}.tarjeta-aprobacion textarea{width:100%;margin-top:10px;background:var(--fondo);color:var(--texto);border:1px solid var(--turquesa);border-radius:8px;padding:8px;font:inherit;font-size:16px}.acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.enlace{color:var(--turquesa);display:inline-block;margin-top:8px}.vacio{color:var(--muted);font-size:16px}.seo{display:grid;gap:12px}.rejilla-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grafico{margin:0}.grafico figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;margin-bottom:8px}.leyenda-serie{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0;margin:0 0 8px;font-size:12px;color:var(--texto-2)}.leyenda-serie i,.tooltip i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:3px}.svg-envoltura{position:relative}.svg-envoltura svg{width:100%;height:auto;display:block}.rejilla{stroke:#1d3157;stroke-width:1}.eje{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.cruz{stroke:var(--texto-2);stroke-dasharray:3 3}.tooltip{position:absolute;top:0;transform:translate(-50%);background:var(--superficie-2);border:1px solid var(--borde);border-radius:8px;padding:8px 10px;font-size:12px;pointer-events:none;white-space:nowrap;color:var(--texto)}.puntaje{color:var(--turquesa);margin-left:6px}.estado-web.ok{color:#86efac;font-weight:700}.estado-web.mal{color:#fca5a5;font-weight:700}.datos{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.datos dt{color:var(--muted)}.datos dd{margin:0;font-variant-numeric:tabular-nums}.problemas li b{text-transform:uppercase;font-size:10px;margin-right:4px}.sev-alta b{color:#fca5a5}.sev-media b{color:#fcd34d}.sev-baja b{color:var(--muted)}code{font-size:12px;color:var(--texto-2)}@media(max-width:900px){.barra-superior{flex-wrap:wrap;gap:6px 10px;padding:8px 12px}.kpis{order:3;flex-basis:100%}.vista-oficina{grid-template-columns:1fr;grid-template-rows:1fr auto}.vista-oficina>.actividad.compacta{display:none}.panel-lateral{position:fixed;left:0;right:0;bottom:0;max-height:60vh;border-left:0;border-top:1px solid var(--turquesa);border-radius:16px 16px 0 0;z-index:40;box-shadow:0 -10px 30px #00000080}.columnas,.rejilla-2{grid-template-columns:1fr}.visor-pdf iframe{height:420px}.pestana{padding:12px}.tabla thead{display:none}.tabla:not(.compacta) tr{display:grid;grid-template-columns:1fr 1fr;padding:8px 4px;border-bottom:1px solid var(--borde)}.tabla:not(.compacta) td{border:0;padding:3px 4px;text-align:left!important}.tabla:not(.compacta) td:before{content:attr(data-l);display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.etiqueta-agente{font-size:10px;padding:0 5px}.etiqueta-agente.libre{font-size:8px}.leyenda{font-size:11px;gap:6px;right:10px}}