:root{--fondo: #ffffff;--fondo-2: #f6f7f9;--fondo-3: #eceef1;--borde: #d8dce1;--tinta: #14181d;--tinta-2: #5b646e;--tinta-3: #8b949e;--acento: #1f6feb;--acento-suave: #e6f0fe;--propio: #dcf5e3;--ok: #1a7f37;--aviso: #9a6700;--mal: #b3261e;--r: 6px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fondo: #0f1216;--fondo-2: #161b22;--fondo-3: #1f262e;--borde: #2b333c;--tinta: #e6edf3;--tinta-2: #9aa4ae;--tinta-3: #6e7781;--acento: #4a91ff;--acento-suave: #16283f;--propio: #16301f}}*{box-sizing:border-box}body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100vh}.barra{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--borde);background:var(--fondo-2);flex:none}.barra .marca{font-weight:650;letter-spacing:-.2px}.barra .crece{flex:1}.barra .quien{color:var(--tinta-2);font-size:13px}.columnas{display:grid;grid-template-columns:320px minmax(0,1fr) 280px;flex:1;min-height:0}@media(max-width:1100px){.columnas{grid-template-columns:280px minmax(0,1fr)}.contexto{display:none}}.col{display:flex;flex-direction:column;min-height:0;min-width:0}.col+.col{border-left:1px solid var(--borde)}.bandejas{display:flex;gap:2px;padding:8px;flex:none;flex-wrap:wrap}.bandejas button{border:1px solid transparent;background:none;color:var(--tinta-2);padding:4px 9px;border-radius:var(--r);font-size:13px}.bandejas button:hover{background:var(--fondo-3)}.bandejas button[aria-pressed=true]{background:var(--acento-suave);color:var(--acento);border-color:color-mix(in srgb,var(--acento) 30%,transparent);font-weight:600}.bandejas .cuenta{margin-left:5px;font-variant-numeric:tabular-nums;font-weight:650}.bandejas .cuenta.urgente{color:var(--mal)}.lista{overflow-y:auto;flex:1}.fila{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--borde);background:none;color:inherit;padding:9px 12px}.fila:hover{background:var(--fondo-2)}.fila[aria-current=true]{background:var(--acento-suave)}.fila .arriba{display:flex;align-items:baseline;gap:8px}.fila .nombre{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila .hora{color:var(--tinta-3);font-size:12px;flex:none;font-variant-numeric:tabular-nums}.fila .fragmento{color:var(--tinta-2);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila .abajo{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.sinleer{background:var(--acento);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center;font-variant-numeric:tabular-nums}.ventana{font-size:12px;display:inline-flex;align-items:center;gap:4px}.ventana .glifo{font-size:13px;line-height:1}.ventana.abierta{color:var(--ok)}.ventana.por_cerrar,.ventana.banda_24_72{color:var(--aviso)}.ventana.cerrada{color:var(--mal)}.marca{font-size:12px;color:var(--tinta-2);background:var(--fondo-3);border-radius:var(--r);padding:0 6px}.cabecera{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--borde);background:var(--fondo-2);flex:none}.cabecera h2{margin:0;font-size:15px}.cabecera .tel{color:var(--tinta-2);font-size:13px}.cabecera .crece{flex:1}.hilo{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.burbuja{max-width:68%;padding:7px 11px;border-radius:12px}.burbuja.entrante{align-self:flex-start;background:var(--fondo-3);border-bottom-left-radius:3px}.burbuja.saliente{align-self:flex-end;background:var(--propio);border-bottom-right-radius:3px}.burbuja .texto{white-space:pre-wrap;overflow-wrap:anywhere}.burbuja .pie{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:3px;font-size:11px;color:var(--tinta-2)}.burbuja.fallido{border:1px solid var(--mal)}.burbuja .porque{color:var(--mal);font-size:12px;margin-top:4px}.burbuja.importado{opacity:.75;border:1px dashed var(--borde)}.etiqueta-origen{font-size:11px;color:var(--tinta-2)}.separador{display:flex;align-items:center;gap:8px;margin:10px 0;color:var(--tinta-2);font-size:12px}.separador:before,.separador:after{content:"";flex:1;height:1px;background:var(--borde)}.editor{border-top:1px solid var(--borde);padding:10px 14px;flex:none;background:var(--fondo-2)}.editor textarea{width:100%;min-height:62px;resize:vertical;border:1px solid var(--borde);border-radius:var(--r);padding:8px 10px;background:var(--fondo)}.editor textarea:focus{outline:2px solid var(--acento);outline-offset:-1px}.editor .pie{display:flex;align-items:center;gap:10px;margin-top:7px}.editor .pie .crece{flex:1}.editor .atajo{color:var(--tinta-3);font-size:12px}.bloqueado{border:1px solid var(--borde);border-left:3px solid var(--aviso);border-radius:var(--r);padding:10px 12px;background:var(--fondo)}.bloqueado.grave{border-left-color:var(--mal)}.bloqueado .titulo{font-weight:600;margin-bottom:3px}.bloqueado .que-hacer{color:var(--tinta-2);font-size:13px}.aviso-banda{font-size:12px;color:var(--aviso);margin-bottom:6px;display:flex;align-items:center;gap:5px}.primario{background:var(--acento);color:#fff;border:0;padding:6px 14px;border-radius:var(--r);font-weight:600}.primario:disabled{opacity:.5;cursor:not-allowed}.secundario{background:none;color:var(--tinta-2);border:1px solid var(--borde);padding:6px 12px;border-radius:var(--r)}.secundario:hover{background:var(--fondo-3)}.contexto{overflow-y:auto;padding:14px}.contexto h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--tinta-3)}.contexto .bloque+.bloque{margin-top:18px}.contexto dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px}.contexto dt{color:var(--tinta-2)}.contexto dd{margin:0;overflow-wrap:anywhere}.episodio{border:1px solid var(--borde);border-radius:var(--r);padding:8px 10px;font-size:13px}.episodio+.episodio{margin-top:8px}.episodio .cierre{color:var(--tinta-2);font-size:12px;margin-top:3px}.vacio{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--tinta-2);padding:30px;text-align:center}.vacio .titulo{font-weight:600;color:var(--tinta)}.vacio .siguiente{font-size:13px}.acceso{display:grid;place-items:center;height:100vh;padding:20px}.acceso form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px}.acceso h1{margin:0 0 6px;font-size:20px}.acceso input{border:1px solid var(--borde);border-radius:var(--r);padding:9px 11px;background:var(--fondo)}.acceso input:focus{outline:2px solid var(--acento);outline-offset:-1px}.acceso .error{color:var(--mal);font-size:13px}.telon{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:20px;z-index:10}.dialogo{background:var(--fondo);border:1px solid var(--borde);border-radius:10px;padding:16px;width:100%;max-width:400px}.dialogo h2{margin:0 0 4px;font-size:16px}.dialogo .porque-etiqueta{color:var(--tinta-2);font-size:13px;margin-bottom:12px}.dialogo .etiquetas{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.dialogo .etiquetas label{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--borde);border-radius:var(--r)}.dialogo .etiquetas label:has(input:checked){background:var(--acento-suave);border-color:var(--acento)}.dialogo textarea{width:100%;min-height:54px;resize:vertical;border:1px solid var(--borde);border-radius:var(--r);padding:7px 9px;background:var(--fondo)}.dialogo .acciones{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.secciones{display:flex;gap:2px;margin-left:6px}.secciones button{border:0;background:none;color:var(--tinta-2);padding:4px 10px;border-radius:var(--r);font-size:13px}.secciones button:hover{background:var(--fondo-3)}.secciones button[aria-pressed=true]{background:var(--acento-suave);color:var(--acento);font-weight:600}.pantalla{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column}.titulo-pantalla{display:flex;align-items:center;gap:12px;margin-bottom:18px}.titulo-pantalla h1{margin:0;font-size:19px;flex:1}.tarjetas{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tarjeta{border:1px solid var(--borde);border-radius:8px;padding:13px 15px}.tarjeta .arriba{display:flex;align-items:baseline;gap:10px}.tarjeta .arriba strong{flex:1}.tarjeta .tel{color:var(--tinta-2);font-size:13px;margin-top:2px}.tarjeta .rasgos{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.tarjeta .que-hacer{color:var(--tinta-2);font-size:13px;margin-top:9px}.tarjeta button{margin-top:10px}.estado{font-size:12px;display:inline-flex;align-items:center;gap:4px}.estado.ok{color:var(--ok)}.estado.aviso{color:var(--aviso)}.estado.mal{color:var(--mal)}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:11px}.campo>span{font-size:13px;color:var(--tinta-2)}.campo em{font-size:12px;color:var(--tinta-3);font-style:normal}.campo em.aviso-campo{color:var(--aviso)}.campo input{border:1px solid var(--borde);border-radius:var(--r);padding:8px 10px;background:var(--fondo)}.campo input:focus{outline:2px solid var(--acento);outline-offset:-1px}.enlace{background:none;border:0;color:var(--acento);padding:0;text-decoration:underline;font-size:13px}.dialogo.ancho{max-width:520px;max-height:88vh;overflow-y:auto}.pregunta{border-top:1px solid var(--borde);padding:11px 0}.pregunta .opciones{display:flex;gap:6px;margin-top:7px}.pregunta .opciones button{border:1px solid var(--borde);background:none;color:var(--tinta);padding:4px 16px;border-radius:var(--r)}.pregunta .opciones button.elegida{background:var(--acento-suave);border-color:var(--acento);color:var(--acento);font-weight:600}.nota-dura{margin-top:8px;font-size:13px;color:var(--mal);border-left:3px solid var(--mal);padding-left:9px}.recomendacion{border:1px solid var(--acento);background:var(--acento-suave);border-radius:var(--r);padding:11px 13px;margin:14px 0}.recomendacion .titulo{font-weight:650;margin-bottom:3px}.recomendacion .porque{font-size:13px}.checklist{margin:12px 0;display:flex;flex-direction:column;gap:7px}.punto{font-size:13px;padding-left:11px;border-left:3px solid var(--borde)}.punto.ok{border-left-color:var(--ok)}.punto.aviso{border-left-color:var(--aviso)}.punto.info{border-left-color:var(--acento)}.pasos{margin:10px 0 14px;padding-left:22px;font-size:14px}.pasos li{margin-bottom:3px}.qr{display:block;margin:12px auto;width:240px;height:240px;border:1px solid var(--borde);border-radius:var(--r);background:#fff}.estado-asesor{display:flex;align-items:center;gap:8px}.estado-asesor select{border:1px solid var(--borde);border-radius:var(--r);padding:3px 7px;background:var(--fondo);color:var(--tinta);font-size:13px}.fuera-horario{font-size:12px;color:var(--aviso)}