:root{--fondo:#f6f7f9;--panel:#fff;--borde:#e3e6ea;--texto:#16202a;--suave:#66727f;--acento:#00796b;--acento-suave:#e0f2ef;--alerta:#b3261e;--alerta-suave:#fdeceb;--aviso:#8a6100;--aviso-suave:#fdf3dc;--ok:#1b6b3a;--ok-suave:#e4f4ea;--radio:10px}@media (prefers-color-scheme:dark){:root{--fondo:#0e1418;--panel:#161f26;--borde:#253039;--texto:#e6edf3;--suave:#8b9aa7;--acento:#4db6a4;--acento-suave:#17322e;--alerta:#f2857c;--alerta-suave:#35201e;--aviso:#e0b24d;--aviso-suave:#332b16;--ok:#6cc48c;--ok-suave:#1a2f22}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}.envoltorio{min-height:100vh;display:flex}.lateral{background:var(--panel);border-right:1px solid var(--borde);flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.marca{letter-spacing:-.01em;padding:0 10px 18px;font-size:16px;font-weight:700}.marca small{color:var(--suave);font-size:12px;font-weight:400;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--texto);border-radius:8px;padding:9px 10px;font-size:14px}.nav a:hover{background:var(--fondo);text-decoration:none}.nav a.activo{background:var(--acento-suave);color:var(--acento);font-weight:600}.contenido{flex:1;min-width:0;padding:26px 30px 60px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:21px}h2{margin:30px 0 10px;font-size:15px}.subtitulo{color:var(--suave);margin:0 0 22px;font-size:13.5px}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:10px;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:14px 16px}.tarjeta .valor{letter-spacing:-.02em;font-size:26px;font-weight:650}.tarjeta .etiqueta{color:var(--suave);margin-top:2px;font-size:12.5px}.bloque{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}.bloque+.bloque{margin-top:14px}.bloque .cabecera{border-bottom:1px solid var(--borde);padding:12px 16px;font-size:13.5px;font-weight:600}.desplazable{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;color:var(--suave);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--borde);white-space:nowrap;padding:9px 16px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--borde);vertical-align:top;padding:10px 16px}tr:last-child td{border-bottom:none}td.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.pastilla{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-block}.pastilla.neutra{background:var(--fondo);color:var(--suave);border:1px solid var(--borde)}.pastilla.ok{background:var(--ok-suave);color:var(--ok)}.pastilla.aviso{background:var(--aviso-suave);color:var(--aviso)}.pastilla.alerta{background:var(--alerta-suave);color:var(--alerta)}.pastilla.acento{background:var(--acento-suave);color:var(--acento)}.barra{background:var(--fondo);border-radius:4px;min-width:60px;height:8px;overflow:hidden}.barra span{background:var(--acento);border-radius:4px;height:100%;display:block}.campos{gap:12px;padding:16px;display:grid}.campo{gap:4px;display:grid}.campo label{color:var(--suave);font-size:12.5px;font-weight:500}input,select,textarea{font:inherit;border:1px solid var(--borde);background:var(--fondo);color:var(--texto);border-radius:8px;width:100%;padding:8px 10px;font-size:14px}textarea{resize:vertical;min-height:70px}.fila-campos{grid-template-columns:1fr 1fr;gap:12px;display:grid}button,.boton{font:inherit;border:1px solid var(--acento);background:var(--acento);color:#fff;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:600}button.secundario,.boton.secundario{background:var(--panel);color:var(--texto);border-color:var(--borde)}button:disabled{opacity:.5;cursor:not-allowed}.filtros{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filtros a{border:1px solid var(--borde);background:var(--panel);color:var(--texto);border-radius:999px;padding:5px 11px;font-size:13px}.filtros a:hover{border-color:var(--acento);text-decoration:none}.filtros a.activo{background:var(--acento);border-color:var(--acento);color:#fff;font-weight:600}.vacio{text-align:center;color:var(--suave);padding:30px 16px;font-size:13.5px}.nota{border-radius:var(--radio);border:1px solid;margin-bottom:18px;padding:13px 16px;font-size:13.5px}.nota.alerta{background:var(--alerta-suave);border-color:var(--alerta);color:var(--alerta)}.nota.aviso{background:var(--aviso-suave);border-color:var(--aviso);color:var(--aviso)}.nota strong{margin-bottom:3px;display:block}.definiciones{grid-template-columns:auto 1fr;gap:6px 18px;padding:16px;font-size:13.5px;display:grid}.definiciones dt{color:var(--suave)}.definiciones dd{overflow-wrap:anywhere;margin:0}.usuario-actual{border-top:1px solid var(--borde);align-items:center;gap:10px;margin-top:auto;padding:12px 6px 0;display:flex}.avatar{background:var(--acento-suave);width:32px;height:32px;color:var(--acento);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.usuario-datos{flex:1;min-width:0;line-height:1.25}.usuario-datos strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.usuario-datos small{color:var(--suave);font-size:11.5px}button.chico,.boton.chico{padding:5px 10px;font-size:12.5px}.en-linea{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.en-linea input,.en-linea select{width:auto;padding:5px 8px;font-size:13px}.suave{color:var(--suave);font-size:12.5px}tr.inactivo td{opacity:.55}.pastilla+.pastilla,strong+.pastilla{margin-left:6px}.mensaje-formulario{margin:0;font-size:13px}.mensaje-formulario.error{color:var(--alerta)}.mensaje-formulario.ok{color:var(--ok)}.login{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:14px;width:100%;max-width:380px;padding:28px 26px}.login-tarjeta .marca{padding:0 0 20px}.login-formulario{gap:14px;display:grid}.login-formulario button{padding:10px 14px;font-size:14.5px}.login-error{background:var(--alerta-suave);color:var(--alerta);border-radius:8px;margin:0;padding:9px 12px;font-size:13px}.login-ayuda{color:var(--suave);text-align:center;margin:18px 0 0;font-size:12.5px}@media (max-width:800px){.envoltorio{flex-direction:column}.lateral{border-right:none;border-bottom:1px solid var(--borde);width:auto;height:auto;padding:12px;position:static}.usuario-actual{margin-top:10px}.nav{flex-direction:row;overflow-x:auto}.contenido{padding:18px 14px 50px}.fila-campos{grid-template-columns:1fr}}:root{--burbuja-cliente:#fff;--burbuja-agente:#d9f2ec;--burbuja-bot:#eef1f4;--burbuja-nota:#fff4cf;--nota-borde:#e7c85a}@media (prefers-color-scheme:dark){:root{--burbuja-cliente:#1d2730;--burbuja-agente:#17403a;--burbuja-bot:#1a2229;--burbuja-nota:#3a3217;--nota-borde:#8a7428}}.contenido:has(>.bandeja){padding:0}.bandeja{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(240px,300px);height:100vh;display:grid;overflow:hidden}.bandeja:not(.con-caso){grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.bandeja-lista{border-right:1px solid var(--borde);background:var(--panel);flex-direction:column;min-height:0;display:flex}.bandeja-lista-cabecera{border-bottom:1px solid var(--borde);gap:10px;padding:16px 14px 10px;display:grid}.fila-titulo{justify-content:space-between;align-items:center;gap:8px;display:flex}.fila-titulo h1{margin:0}.tiempo-real{color:var(--suave);align-items:center;gap:6px;font-size:12px;display:flex}.punto{border-radius:50%;width:8px;height:8px;display:inline-block}.punto.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-suave)}.punto.apagado{background:var(--suave)}button.enlace{color:var(--acento);background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.pestanas{flex-wrap:wrap;gap:4px;display:flex}.pestanas a{color:var(--texto);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.pestanas a:hover{background:var(--fondo);text-decoration:none}.pestanas a.activo{background:var(--acento-suave);color:var(--acento);font-weight:600}.contador{background:var(--acento);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-grid}.bandeja-filtros{grid-template-columns:1fr auto auto;gap:6px;display:grid}.bandeja-filtros input,.bandeja-filtros select{padding:6px 8px;font-size:13px}.bandeja-filtros select{width:auto}.casos{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.caso{color:var(--texto);border:1px solid #0000;border-radius:10px;gap:3px;padding:10px;display:grid}.caso:hover{background:var(--fondo);text-decoration:none}.caso.activo{background:var(--acento-suave);border-color:var(--acento)}.caso-linea{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.caso-nombre{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.caso-tiempo{color:var(--suave);flex-shrink:0;font-size:12px}.caso-vista-previa{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.caso-etiquetas{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.caso-etiquetas .pastilla+.pastilla{margin-left:0}.espera-ok{color:var(--ok);font-weight:600}.espera-aviso{color:var(--aviso);font-weight:700}.espera-alerta{color:var(--alerta);font-weight:700}.bandeja-chat{background:var(--fondo);flex-direction:column;min-width:0;min-height:0;display:flex}.bandeja-chat.vacia{place-items:center;display:grid}.vacio-grande{text-align:center;max-width:340px;color:var(--suave);font-size:14px}.vacio-grande strong{color:var(--texto);margin:8px 0 4px;font-size:16px;display:block}.vacio-icono{font-size:40px}.chat-cabecera{background:var(--panel);border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.volver{color:var(--texto);padding:0 4px;font-size:20px;display:none}.chat-cliente{flex:1;min-width:160px;line-height:1.3;display:grid}.chat-cliente strong{font-size:15px}.chat-acciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-acciones select{width:auto;padding:5px 8px;font-size:13px}.boton-resolver{background:var(--ok);border-color:var(--ok)}.chat-resumen{background:var(--burbuja-nota);border:1px solid var(--nota-borde);border-radius:10px;max-height:160px;margin:12px 16px 0;padding:10px 14px;overflow-y:auto}.chat-resumen-titulo{text-transform:uppercase;letter-spacing:.04em;color:var(--aviso);margin-bottom:4px;font-size:11.5px;font-weight:700}.chat-resumen pre{font:inherit;white-space:pre-wrap;margin:0;font-size:13.5px}.chat-mensajes{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.burbuja{border-radius:14px;max-width:min(78%,560px);padding:8px 12px 6px;font-size:14px;box-shadow:0 1px 1px #0000000a}.burbuja.cliente{background:var(--burbuja-cliente);border:1px solid var(--borde);border-bottom-left-radius:4px;align-self:flex-start}.burbuja.agente{background:var(--burbuja-agente);border-bottom-right-radius:4px;align-self:flex-end}.burbuja.bot{background:var(--burbuja-bot);color:var(--suave);border-bottom-right-radius:4px;align-self:flex-end;font-size:13px}.burbuja.nota{background:var(--burbuja-nota);border:1px dashed var(--nota-borde);align-self:center;max-width:min(90%,620px)}.burbuja-autor{color:var(--suave);margin-bottom:2px;font-size:11.5px;font-weight:700}.burbuja.agente .burbuja-autor{color:var(--acento)}.burbuja-texto{white-space:pre-wrap;overflow-wrap:anywhere}.burbuja-opciones{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.burbuja-opciones span{border:1px solid var(--borde);background:var(--panel);border-radius:999px;padding:2px 8px;font-size:12px}.burbuja-adjunto{margin-bottom:4px;font-size:13px}.burbuja-hora{color:var(--suave);text-align:right;margin-top:2px;font-size:11px}.entrega.leida{color:#1d8cf0}.entrega.fallida{color:var(--alerta)}.separador{justify-content:center;margin:6px 0;display:flex}.separador span{color:var(--suave);background:var(--panel);border:1px solid var(--borde);border-radius:999px;padding:3px 10px;font-size:12px}.chat-cerrado{background:var(--ok-suave);color:var(--ok);border-top:1px solid var(--borde);padding:14px 16px;font-size:13.5px}.chat-cerrado.sin-respuesta{background:var(--alerta-suave);color:var(--alerta)}.compositor{background:var(--panel);border-top:1px solid var(--borde);padding:8px 12px 12px}.compositor.modo-nota{background:var(--burbuja-nota)}.compositor-modos{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.compositor-modos button{color:var(--suave);background:0 0;border:1px solid #0000;padding:5px 10px;font-size:13px}.compositor-modos button.activo{background:var(--fondo);border-color:var(--borde);color:var(--texto)}.compositor.modo-nota .compositor-modos button.activo{background:var(--panel)}.compositor-ayuda{color:var(--suave);margin-left:auto;font-size:12px}.compositor-formulario{gap:6px;display:grid;position:relative}.compositor-formulario textarea{background:var(--panel);min-height:64px;max-height:220px}.compositor-pie{justify-content:space-between;align-items:center;gap:10px;display:flex}.sugerencias{background:var(--panel);border:1px solid var(--borde);border-radius:10px;margin:0 0 6px;padding:4px;list-style:none;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 8px 24px #0000001f}.sugerencias button{text-align:left;width:100%;color:var(--texto);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:7px 10px;font-weight:400;display:block;overflow:hidden}.sugerencias button:hover{background:var(--fondo)}.ventana-vencida{justify-content:space-between;align-items:center;gap:14px;font-size:13.5px;display:flex}.ventana-vencida p{color:var(--suave);margin:4px 0 0}.bandeja-ficha{border-left:1px solid var(--borde);background:var(--panel);padding:18px 14px;overflow-y:auto}.bandeja-ficha h2{text-transform:uppercase;letter-spacing:.05em;color:var(--suave);margin:18px 0 6px;font-size:12px}.bandeja-ficha .definiciones{padding:10px 0;font-size:13px}.ficha-encabezado{text-align:center;border-bottom:1px solid var(--borde);justify-items:center;gap:4px;padding-bottom:12px;display:grid}.avatar.grande{width:52px;height:52px;font-size:22px}.ficha-lista{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}@media (max-width:1180px){.bandeja.con-caso{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.bandeja-ficha{display:none}}@media (max-width:800px){.contenido:has(>.bandeja){padding:0}.bandeja,.bandeja.con-caso,.bandeja:not(.con-caso){grid-template-columns:1fr;height:calc(100vh - 110px)}.bandeja.con-caso .bandeja-lista,.bandeja:not(.con-caso) .bandeja-chat{display:none}.volver{display:inline-block}.burbuja{max-width:88%}.ventana-vencida{flex-direction:column;align-items:stretch}}.buscador{gap:8px;max-width:640px;margin-bottom:12px;display:flex}.filtros .suave{font-size:11.5px}.paginacion{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.miga{margin:0 0 10px;font-size:13px}.contacto-encabezado{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;display:flex}.contacto-encabezado>div:nth-child(2){flex:1;min-width:220px}.contacto-encabezado h1{margin:0}.contacto-encabezado .subtitulo{margin:2px 0 0}.espacio-abajo{margin-bottom:18px}.contacto-columnas{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.contacto-columnas .bloque+.bloque{margin-top:16px}.transcripcion{background:var(--fondo);max-height:460px}.bloque .cabecera.fila-titulo{display:flex}.linea-tiempo{gap:0;margin:0;padding:8px 16px 12px;list-style:none;display:grid}.linea-tiempo li{border-bottom:1px solid var(--borde);grid-template-columns:28px 1fr;gap:10px;padding:10px 0;font-size:13.5px;display:grid}.linea-tiempo li:last-child{border-bottom:none}.linea-tiempo li.activo{background:var(--acento-suave);margin:0 -16px;padding:10px 16px}.linea-icono{font-size:18px;line-height:1.2}.linea-titulo{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.linea-detalle{overflow-wrap:anywhere;margin:3px 0}.ficha-encabezado a{margin-top:4px;font-size:12.5px}@media (max-width:900px){.contacto-columnas{grid-template-columns:1fr}}.burbuja-imagen img{object-fit:cover;border-radius:10px;max-width:260px;max-height:260px;margin-bottom:4px;display:block}.burbuja-audio{width:260px;max-width:100%;margin-bottom:4px}.burbuja-video{border-radius:10px;width:280px;max-width:100%;margin-bottom:4px}.burbuja-documento{border:1px solid var(--borde);background:var(--panel);border-radius:8px;margin-bottom:4px;padding:6px 10px;font-size:13px;display:inline-block}.archivo-elegido{align-items:center;gap:8px;font-size:13px;display:flex}.bloque-ayuda{margin:0;padding:12px 16px 0}.respuestas{margin:0;padding:8px 16px;list-style:none}.respuestas li{border-bottom:1px solid var(--borde);padding:10px 0}.respuestas li.inactivo{opacity:.55}.respuestas p{white-space:pre-wrap;margin:4px 0 0;font-size:13.5px}.respuesta-cabecera{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.respuesta-cabecera .en-linea{margin-left:auto}.respuestas .respuesta-formulario{width:100%;padding:8px 0 0}.subcabecera{border-top:1px solid var(--borde)}.atajo-texto{grid-template-columns:160px 1fr}button.peligro{color:var(--alerta);border-color:var(--alerta-suave)}.destinos{gap:4px;padding:12px 16px 16px;display:grid}.destino{border-bottom:1px solid var(--borde);grid-template-columns:170px 1fr 170px 120px auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 0;font-size:13.5px;display:grid}.destino input,.destino select{padding:6px 8px;font-size:13px}@media (max-width:900px){.destino{grid-template-columns:1fr 1fr}.atajo-texto{grid-template-columns:1fr}}.tarjeta.aviso{border-color:var(--aviso);background:var(--aviso-suave)}.tarjeta.aviso .valor{color:var(--aviso)}.tarjeta.alerta{border-color:var(--alerta);background:var(--alerta-suave)}.tarjeta.alerta .valor{color:var(--alerta)}.barra-con-valor{align-items:center;gap:8px;display:flex}.barra-con-valor .barra{flex:1;max-width:220px}.barra-con-valor.ok .barra span{background:var(--ok)}