:root{--tinta: #081A2E;--gris: #46596E;--gris-claro: #5F7286;--linea: #DCE6F0;--borde: #7C8FA4;--fondo: #F2F8FE;--acento: #008DE8;--acento-hover: #1F9BEF;--acento-hondo: #00629E;--acento-suave: #E6F3FD;--sobre-acento: #081A2E;--aviso: #E01070;--aviso-suave: #FCE7F1;--aviso-texto: #A3104F;--rojo: #C42B2B;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--fondo);color:var(--tinta);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--acento-hondo);text-decoration:none}a:hover{text-decoration:none;opacity:.8}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}[hidden]{display:none!important}.primario{height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--acento);color:var(--sobre-acento);font-weight:650}.primario:hover:not(:disabled){background:var(--acento-hover)}.primario.pequeno,.secundario.pequeno{height:32px;padding:0 12px;font-size:13px}button:disabled{opacity:.45;cursor:default}.secundario{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);font-size:13px;font-weight:600;white-space:nowrap}.secundario svg{width:18px;height:18px;color:var(--gris)}.secundario:hover{background:var(--fondo);opacity:1}.enlace{border:0;background:none;color:var(--gris);font-size:13px}.enlace:hover{color:var(--tinta)}.marca{display:grid;place-items:center;flex:none;width:34px;height:34px;color:var(--acento)}.entrar{display:grid;place-items:center;min-height:100%;padding:16px}.entrar form{display:grid;gap:16px;width:min(380px,100%);padding:32px;border-radius:18px;background:#fff;box-shadow:0 20px 50px -24px #081a2e4d}.entrar h1{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.entrar label{display:grid;gap:6px;color:var(--gris);font-size:13px;font-weight:600}.entrar input{height:44px;padding:0 14px;border:1px solid var(--borde);border-radius:10px;color:var(--tinta);font-size:15px;font-weight:400}.entrar input:focus{border-color:var(--acento);outline:0}.entrar .error{margin:0;color:var(--rojo);font-size:14px}.escritorio{display:grid;grid-template-columns:64px minmax(0,1fr);height:100%}.riel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 12px;background:var(--tinta)}.riel .marca{margin-bottom:14px}.riel-hueco{flex:1}.riel-boton{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:#9fb3c8}.riel-boton:hover{background:#ffffff14;color:#fff}.riel-boton[aria-current=page]{background:#ffffff24;color:#fff}.riel-boton[aria-pressed=false]{color:#7f93a8}.riel-insignia{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--tinta);border-radius:9px;background:var(--aviso);color:#fff;font-size:10px;font-weight:700;line-height:14px;text-align:center}.bandeja{display:grid;grid-template-columns:320px minmax(0,1fr) 280px;min-width:0;height:100%}.lista{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--linea);background:#fff}.lista-cab{display:flex;align-items:center;gap:10px;padding:16px 16px 12px 18px}.lista-cab strong{flex:1;min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.interruptor{display:inline-flex;align-items:center;gap:8px;flex:none;padding:5px 10px 5px 6px;border:1px solid var(--linea);border-radius:999px;background:#fff;color:var(--gris);font-size:12px;font-weight:600}.interruptor:hover{background:var(--fondo)}.interruptor-pista{position:relative;width:28px;height:16px;border-radius:8px;background:#c9cdd4;transition:background .15s}.interruptor-pista:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #081a2e40;transition:transform .15s}.interruptor[aria-checked=true]{color:var(--acento-hondo)}.interruptor[aria-checked=true] .interruptor-pista{background:var(--acento)}.interruptor[aria-checked=true] .interruptor-pista:after{transform:translate(12px)}@media(prefers-reduced-motion:reduce){.interruptor-pista,.interruptor-pista:after{transition:none}}.filtros{display:flex;gap:6px;padding:0 14px 12px;border-bottom:1px solid var(--linea)}.filtros button{padding:6px 12px;border:0;border-radius:999px;background:transparent;color:var(--gris);font-size:13px;font-weight:600}.filtros button[aria-selected=true]{background:var(--acento-suave);color:var(--acento-hondo)}.aviso{margin:0;padding:8px 18px;background:#fff6db;color:#6b4e00;font-size:13px}.banda{display:grid;gap:10px;margin:10px 10px 0;padding:12px 14px;border-radius:12px;background:var(--acento-suave)}.banda p{margin:0;color:var(--tinta);font-size:13px}.banda div{display:flex;align-items:center;gap:12px}.lista ul{flex:1;margin:0;padding:6px;overflow-y:auto;list-style:none}.fila{display:flex;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;text-align:left}.fila:hover{background:var(--fondo)}.fila[aria-current=true]{background:var(--acento-suave);box-shadow:inset 3px 0 0 var(--acento)}.fila-texto{display:grid;flex:1;grid-template-columns:minmax(0,1fr);min-width:0;gap:2px}.fila-arriba,.fila-abajo{display:flex;align-items:center;justify-content:space-between;gap:8px}.fila-arriba strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.fila-arriba time{flex:none;color:var(--gris-claro);font-size:12px}.vista-previa{overflow:hidden;color:var(--gris);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sin-leer{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--aviso);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}.etiqueta{justify-self:start;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--aviso-suave);color:var(--aviso-texto);font-size:11px;font-weight:600}.vacio{margin:0;padding:24px 20px;color:var(--gris);font-size:14px}.avatar{position:relative;display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--fondo);color:var(--gris);font-weight:700}.avatar[data-en-linea]:after,.avatar[data-estado]:after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--acento)}.avatar[data-estado=away]:after{background:#fff;box-shadow:inset 0 0 0 2px var(--gris)}.avatar.pequeno{width:32px;height:32px;font-size:13px}.avatar.grande{width:56px;height:56px;font-size:20px}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--fondo)}.chat-vacio{display:grid;place-items:center;color:var(--gris)}.chat-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--linea);background:#fff}.chat-quien{flex:1;min-width:0}.volver{display:none;place-items:center;flex:none;width:36px;height:36px;margin-left:-8px;border:0;border-radius:10px;background:transparent;color:var(--tinta)}.volver:hover{background:var(--fondo)}.chat-cab strong{display:block;font-size:16px}.acciones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.sub{color:var(--gris);font-size:13px}.mensajes{flex:1;margin:0;padding:24px;overflow-y:auto;list-style:none}.mensajes li{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px}.mensajes li.m-agent{align-items:flex-end}.burbuja{max-width:min(560px,80%);padding:10px 14px;border-radius:16px 16px 16px 6px;background:#fff;box-shadow:0 1px #081a2e0f;white-space:pre-wrap;overflow-wrap:anywhere}.m-agent .burbuja{border-radius:16px 16px 6px;background:var(--acento);color:var(--sobre-acento)}.m-system .burbuja{background:transparent;box-shadow:none;color:var(--gris);font-size:13px}.meta{margin:4px 4px 0;color:var(--gris-claro);font-size:12px}.visto{color:var(--acento-hondo);font-weight:600}.escribiendo{color:var(--gris);font-size:13px}.nota{margin:0;padding:10px 24px;border-top:1px solid var(--linea);background:var(--acento-suave);color:var(--tinta);font-size:13px}.responder{display:flex;align-items:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid var(--linea);background:#fff}.responder textarea{flex:1;min-height:44px;max-height:160px;padding:10px 14px;border:1px solid var(--borde);border-radius:12px;resize:vertical}.responder textarea:focus{border-color:var(--acento);outline:0}.cerrada{margin:0;padding:18px 24px;border-top:1px solid var(--linea);background:#fff;color:var(--gris);font-size:14px}.ficha{min-height:0;padding:24px 20px;overflow-y:auto;border-left:1px solid var(--linea);background:#fff}.ficha-cab{display:grid;justify-items:center;gap:4px;margin-bottom:20px;text-align:center}.ficha-cab .avatar{margin-bottom:6px}.ficha-cab>span:not(.avatar),.ficha-cab a{font-size:13px;overflow-wrap:anywhere}.ficha-cab .sello{margin-top:4px;padding:3px 10px;border-radius:999px;background:var(--acento-suave);color:var(--acento-hondo);font-size:12px;font-weight:600}.ficha-cab .etiqueta{justify-self:center;font-size:12px}.ficha h3{margin:22px 0 8px;font-size:13px}.ficha dl{display:grid;gap:2px;margin:0}.ficha dt{margin-top:10px;color:var(--gris-claro);font-size:12px;font-weight:600}.ficha dd{margin:0;overflow-wrap:anywhere;font-size:14px}.ficha .pequeno{color:var(--gris);font-size:12px}.ajustes{min-width:0;min-height:0;overflow-y:auto}.ajustes-cuerpo{display:grid;grid-template-columns:minmax(0,620px) 420px;justify-content:center;align-items:start;gap:40px;padding:32px 32px 0}.ajustes-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.ajustes-cab h1{margin:0;font-size:24px;letter-spacing:-.02em}.ajustes-cab p{margin:4px 0 0;color:var(--gris);font-size:14px}.tarjeta{display:grid;gap:18px;margin-bottom:16px;padding:22px 24px 24px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #081a2e0d,0 1px 2px #081a2e0a}.tarjeta h2{margin:0;font-size:15px;letter-spacing:-.01em}.tarjeta h2 label{cursor:default}.ayuda{margin:-8px 0 0;color:var(--gris);font-size:13px}.tarjeta textarea+.ayuda{margin:0}.campo{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}.campo>span,.campo>legend{padding:0;color:var(--tinta);font-size:13px;font-weight:600}.campo>legend{margin-bottom:6px}.campo small{color:var(--gris-claro);font-size:12px}.campo small.alerta{color:#8a5300}.tarjeta input:not([type]),.tarjeta select,.tarjeta textarea,.ajustes-cab select{width:100%;height:40px;padding:0 12px;border:1px solid var(--borde);border-radius:10px;background:#fff;color:var(--tinta)}.tarjeta textarea{height:auto;min-height:84px;padding:10px 12px;font-family:var(--mono);font-size:13px;resize:vertical}.ajustes-cab select{width:auto}.tarjeta input:focus,.tarjeta select:focus,.tarjeta textarea:focus{border-color:var(--acento);outline:0;box-shadow:0 0 0 3px var(--acento-suave)}.tarjeta input::placeholder,.tarjeta textarea::placeholder{color:var(--gris-claro)}.colores{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.muestra{width:28px;height:28px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #081a2e1a}.muestra[aria-pressed=true]{outline:2px solid var(--tinta);outline-offset:2px}.selector-color{width:40px;height:34px;padding:2px;border:1px solid var(--linea);border-radius:8px;background:#fff}.tarjeta input.hex{width:104px;font-family:var(--mono);font-size:13px;text-transform:uppercase}.segmentos{display:inline-flex;justify-self:start;gap:2px;padding:3px;border-radius:10px;background:var(--fondo)}.segmentos label,.segmentos button{position:relative;padding:6px 12px;border:0;border-radius:8px;background:transparent;color:var(--gris);font-size:13px;font-weight:600;cursor:pointer}.segmentos input{position:absolute;width:1px;height:1px;opacity:0}.segmentos label:has(input:checked),.segmentos button[aria-pressed=true]{background:#fff;color:var(--tinta);box-shadow:0 1px 2px #081a2e1f}.segmentos label:has(input:focus-visible){outline:2px solid var(--acento);outline-offset:1px}.segmentos.pequenos button{padding:4px 10px;font-size:12px}.casilla{display:flex;align-items:center;gap:10px;font-size:14px}.casilla input{width:18px;height:18px;accent-color:var(--acento)}.copiable{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:10px;background:var(--fondo)}.copiable code{flex:1;min-width:0;color:var(--tinta);font:12.5px/1.5 var(--mono);overflow-wrap:anywhere}.barra-guardar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 24px;border-top:1px solid var(--linea);background:var(--fondo)}.barra-guardar p{margin:0;color:var(--gris);font-size:13px}.barra-guardar .error{color:var(--rojo)}.previa{position:sticky;top:32px}.previa-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px}.previa-cab h2{margin:0;font-size:15px}.previa-pagina{position:relative;height:700px;padding:30px 28px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #081a2e0f,0 24px 50px -32px #081a2e66}.previa-linea{display:block;width:62%;height:12px;margin-bottom:12px;border-radius:6px;background:var(--fondo)}.previa-linea.ancha{width:80%;height:22px;margin-bottom:18px}.previa-linea.corta{width:38%}@media(max-width:1180px){.ajustes-cuerpo{grid-template-columns:minmax(0,620px)}.previa{position:static;padding-bottom:32px}}@media(max-width:1100px){.bandeja{grid-template-columns:300px minmax(0,1fr)}.ficha{display:none}}@media(max-width:720px){.escritorio{grid-template-columns:56px minmax(0,1fr)}.bandeja{grid-template-columns:minmax(0,1fr)}.bandeja:has(.chat:not(.chat-vacio)) .lista{display:none}.chat-vacio{display:none}.volver{display:grid}.chat-cab{gap:8px;padding:12px 16px}.ajustes-cuerpo{padding:20px 16px 0}.tarjeta{padding:18px 16px 20px}.previa-pagina{height:660px;padding:20px 16px}}