:root{--fondo-0:#0b0d11;--fondo-1:#0f1115;--fondo-2:#14171d;--fondo-3:#1a1e26;--fondo-4:#212630;--hundido:#090b0e;--borde:#242932;--borde-fuerte:#323944;--texto:#e6e8ec;--suave:#959db0;--tenue:#6a7284;--acento:#6ea8fe;--acento-tenue:#1b2d4d;--ok:#68c58a;--ok-tenue:#16301f;--aviso:#e0a95c;--aviso-tenue:#332512;--peligro:#e8606c;--peligro-tenue:#3a1e22;--humano:#a98bf0;--humano-tenue:#241a3d;--t-xs:11px;--t-s:12px;--t-m:13.5px;--t-l:16px;--t-xl:22px;--apretado:1.35;--lectura:1.55;--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--r-s:5px;--r-m:8px;--r-l:12px;--redondo:999px;--sombra:0 10px 30px -8px rgba(0,0,0,.7),0 0 0 1px var(--borde-fuerte);--ancho-menu:232px;--ancho-lista:320px;--ancho-lectura:70ch;--rapido:110ms;--normal:160ms;--lento:220ms;--salida:cubic-bezier(.2,0,0,1);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--fondo-0);color:var(--texto);font:var(--t-m)/var(--apretado) system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:var(--r-s)}h1{font-size:var(--t-xl);margin:0;letter-spacing:-.01em}h2{font-size:var(--t-l);margin:0 0 var(--e3);letter-spacing:-.005em}h3{font-size:var(--t-m);margin:0}p{margin:0 0 var(--e3)}.dato,.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tenue{color:var(--tenue)}.suave{color:var(--suave)}.chico{font-size:var(--t-s)}.crece{flex:1 1;min-width:0}.truncar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila{align-items:center;gap:var(--e2);flex-wrap:wrap}.fila,.pila{display:flex}.pila{flex-direction:column;gap:var(--e3)}.salto{position:absolute;left:-9999px;top:0;background:var(--fondo-4);padding:var(--e2) var(--e3);z-index:50}.salto:focus{left:var(--e3);top:var(--e3)}.caparazon{display:grid;grid-template-columns:var(--ancho-menu) minmax(0,1fr);height:100dvh;overflow:hidden}.principal{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;background:var(--fondo-0)}.scroll{overflow-y:auto;min-height:0}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:#2c3240;border-radius:var(--redondo);border:3px solid transparent;background-clip:padding-box}.menu{background:var(--fondo-1);border-right:1px solid var(--borde);display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.menu__marca{padding:var(--e4) var(--e4) var(--e3);border-bottom:1px solid var(--borde)}.menu__marca b{display:block;font-size:var(--t-m)}.menu__marca span{color:var(--tenue);font-size:var(--t-s)}.menu__nav{padding:var(--e3) var(--e2);overflow-y:auto}.menu__titulo{color:var(--tenue);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;padding:var(--e3) var(--e2) var(--e1)}.menu__enlace{display:block;position:relative;padding:var(--e2) var(--e3);border-radius:var(--r-m);color:var(--texto);text-decoration:none;transition:background var(--rapido) linear}.menu__enlace:hover{background:var(--fondo-2);text-decoration:none}.menu__enlace[data-activo]{background:var(--acento-tenue)}.menu__enlace[data-activo]:before{content:"";position:absolute;left:0;top:50%;width:2px;height:60%;background:var(--acento);border-radius:var(--redondo);transform:translateY(-50%);animation:aparecer var(--normal) var(--salida)}.menu__nota{display:block;color:var(--tenue);font-size:var(--t-xs);margin-top:2px}.menu__cuenta{float:right;font-family:var(--mono);font-size:var(--t-xs);color:var(--aviso)}.menu__pie{border-top:1px solid var(--borde);flex-direction:column;gap:var(--e2)}.barra,.menu__pie{padding:var(--e3) var(--e4);display:flex}.barra{align-items:center;gap:var(--e3);flex-wrap:wrap;border-bottom:1px solid var(--borde);background:var(--fondo-1);min-height:56px}.tarjeta{background:var(--fondo-2);border:1px solid var(--borde);border-radius:var(--r-m);padding:var(--e4)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--redondo);font-size:var(--t-xs);border:1px solid var(--borde-fuerte);color:var(--suave);white-space:nowrap;transition:color var(--lento) linear,border-color var(--lento) linear}.chip[data-tono=viva]{color:var(--ok);border-color:var(--ok-tenue);background:var(--ok-tenue)}.chip[data-tono=cuidado]{color:var(--aviso);border-color:var(--aviso-tenue);background:var(--aviso-tenue)}.chip[data-tono=humano]{color:var(--humano);border-color:var(--humano-tenue);background:var(--humano-tenue)}.chip[data-tono=peligro]{color:var(--peligro);border-color:var(--peligro-tenue);background:var(--peligro-tenue)}.chip[data-tono=tenue]{color:var(--tenue)}.punto{width:6px;height:6px;border-radius:var(--redondo);background:currentColor}.boton,button{background:var(--acento);color:#0b0d11;border:0;border-radius:var(--r-m);padding:8px 13px;font:inherit;font-weight:600;cursor:pointer;transition:filter var(--rapido) linear}button:hover:not(:disabled){filter:brightness(1.08)}button.suave{background:transparent;color:var(--texto);border:1px solid var(--borde-fuerte);font-weight:500}button.suave:hover:not(:disabled){background:var(--fondo-3);filter:none}button.peligro{background:transparent;color:var(--peligro);border:1px solid var(--peligro-tenue)}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--hundido);border:1px solid var(--borde-fuerte);color:var(--texto);border-radius:var(--r-m);padding:8px 11px;font:inherit;width:100%}textarea{line-height:var(--lectura);resize:vertical;font-family:var(--mono)}label,textarea{font-size:var(--t-s)}label{display:block;color:var(--suave);margin-bottom:var(--e1)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px var(--e3);border-bottom:1px solid var(--borde)}th{color:var(--tenue);font-weight:500;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em}.aviso{color:var(--peligro)}.aviso,.exito{font-size:var(--t-s)}.exito{color:var(--ok)}.vacio{display:grid;place-content:center;grid-gap:var(--e3);gap:var(--e3);text-align:center;padding:var(--e5);color:var(--suave);height:100%}.esqueleto{background:var(--fondo-3);border-radius:var(--r-s);animation:latir 1.6s ease-in-out infinite}.metrica{display:flex;flex-direction:column;gap:3px}.metrica b{font-size:var(--t-xl);font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metrica span{color:var(--tenue);font-size:var(--t-s)}.lista{border-right:1px solid var(--borde);background:var(--fondo-1);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.lista__filtros{padding:var(--e3);display:flex;flex-direction:column;gap:var(--e2)}.lista__fila,.lista__filtros{border-bottom:1px solid var(--borde)}.lista__fila{display:block;padding:10px var(--e3);color:var(--texto);text-decoration:none;border-left:2px solid transparent;transition:background var(--rapido) linear}.lista__fila:hover{background:var(--fondo-2);text-decoration:none}.lista__fila[data-activa]{background:var(--fondo-3);border-left-color:var(--acento)}.burbuja{max-width:76%;padding:9px 13px;border-radius:var(--r-l);margin:var(--e1) 0;white-space:pre-wrap;overflow-wrap:anywhere;animation:entrar var(--normal) var(--salida)}.burbuja.lead{background:var(--fondo-3);border-bottom-left-radius:var(--r-s)}.burbuja.agent{background:#24406b}.burbuja.agent,.burbuja.human{margin-left:auto;border-bottom-right-radius:var(--r-s)}.burbuja.human{background:#3b2f52}.burbuja__pie{color:var(--suave);font-size:var(--t-xs);margin-top:4px;opacity:.85}.burbuja[data-viejo]{opacity:.4}.corte{display:flex;align-items:center;gap:var(--e3);color:var(--tenue);font-size:var(--t-xs);margin:var(--e4) 0}.corte:after,.corte:before{content:"";flex:1 1;height:1px;background:var(--borde)}.adjunto{border:1px dashed var(--borde-fuerte);border-radius:var(--r-s);padding:var(--e2);margin-top:var(--e2);font-size:var(--t-s);color:var(--suave)}dialog{border:1px solid var(--borde-fuerte);border-radius:var(--r-l);background:var(--fondo-4);color:var(--texto);padding:var(--e5);max-width:460px;width:calc(100% - 32px);box-shadow:var(--sombra);animation:emerger var(--normal) var(--salida)}dialog::-webkit-backdrop{background:rgba(6,8,11,.62)}dialog::backdrop{background:rgba(6,8,11,.62)}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}}@keyframes emerger{0%{opacity:0;transform:scale(.98)}}@keyframes aparecer{0%{opacity:0}}@keyframes latir{0%,to{opacity:.45}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.boton-menu{display:none;position:fixed;left:12px;bottom:12px;z-index:40}@media (max-width:1100px){.caparazon{grid-template-columns:1fr}.boton-menu{display:block}.menu{display:none}.menu[data-abierto]{display:grid;position:fixed;inset:0 auto 0 0;width:var(--ancho-menu);z-index:30;box-shadow:var(--sombra)}}@media (max-width:860px){.bandeja,.conversacion{grid-template-columns:1fr!important}}.dos-columnas{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0}@media (max-width:760px){.dos-columnas{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.dos-columnas>aside{max-height:38vh;border-right:0;border-bottom:1px solid var(--borde)}.solo-ancho{display:none}}