:root{--verde:#128c7e;--verde-claro:#25d366;--fondo:#fff;--fondo-suave:#f4f5f7;--fondo-chat:#efeae2;--borde:#dfe2e6;--texto:#1d2329;--tenue:#66707a;--lateral:#111b21;--saliente:#d9fdd3;--nota:#fff4d6;--nota-borde:#e0a800;--sistema:#fdf5c4;--error:#b42318;--error-fondo:#fdecea;--ok-fondo:#e7f7ee;--radio:8px;--toque:44px;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--fondo);font-size:15px;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--verde);outline-offset:2px}.oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tenue{color:var(--tenue)}.truncar{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vacio{color:var(--tenue);text-align:center;padding:24px}.nota-pie{color:var(--tenue);font-size:13px}.boton{border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo);cursor:pointer;white-space:nowrap;min-height:36px;padding:6px 12px}.boton:hover{background:var(--fondo-suave)}.boton:disabled{opacity:.5;cursor:not-allowed}.boton-primario{background:var(--verde);color:#fff;border-color:var(--verde)}.boton-primario:hover{background:#0f7a6e}.aviso{border-radius:var(--radio);background:var(--sistema);margin:0;padding:8px 12px;font-size:14px}.aviso-error{background:var(--error-fondo);color:var(--error)}.banda{border-radius:0;grid-area:aviso}.marca{background:var(--verde);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid}.login{background:linear-gradient(135deg, #0b3d36, var(--verde));place-items:center;min-height:100%;padding:16px;display:grid}.login-tarjeta{background:#fff;border-radius:12px;gap:12px;width:100%;max-width:400px;padding:24px;display:grid}.login-tarjeta h1{margin:0;font-size:22px}.login-form{gap:10px;display:grid}.login-form label{gap:4px;font-size:14px;display:grid}.login-form input{min-height:var(--toque);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 10px}.login-form .boton{min-height:var(--toque)}.login-dev{border-top:1px dashed var(--borde);gap:6px;padding-top:12px;display:grid}.login-dev p{margin:0;font-size:13px}.login-dev .boton{text-align:left;min-height:var(--toque);white-space:normal}.app{grid-template:"lateral cabecera cabecera cabecera"52px"lateral aviso aviso aviso""lateral lista chat ficha"1fr/72px minmax(300px,360px) 1fr 300px;height:100dvh;display:grid}.app.vista-lista{grid-template-columns:72px minmax(300px,360px) 1fr 0}.barra-lateral{background:var(--lateral);flex-direction:column;grid-area:lateral;align-items:center;gap:6px;padding:10px 0;display:flex}.barra-lateral .marca{margin-bottom:8px}.modulo,.modulo-pendiente{border-radius:var(--radio);text-align:center;color:#c9d1d6;width:60px;padding:8px 2px;font-size:11px}.modulo.activo{color:#fff;background:#24323a}.modulo-pendiente{opacity:.45;cursor:default}.cabecera{border-bottom:1px solid var(--borde);grid-area:cabecera;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.titulo{white-space:nowrap;margin:0;font-size:17px}.selectores{flex:0 auto;gap:8px;min-width:0;margin-left:auto;display:flex}.selectores select{border:1px solid var(--borde);border-radius:var(--radio);background:#fff;flex:1 1 0;min-width:0;max-width:240px;min-height:36px;padding:4px 8px}.col-lista{border-right:1px solid var(--borde);flex-direction:column;grid-area:lista;min-width:0;min-height:0;display:flex}.filtros{border-bottom:1px solid var(--borde);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.chip{border:1px solid var(--borde);border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 10px;font-size:13px;display:inline-flex}.chip-activo{background:var(--texto);color:#fff;border-color:var(--texto)}.contador{font-variant-numeric:tabular-nums;opacity:.8}.filas{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.fila{border-bottom:1px solid var(--borde);gap:10px;min-height:72px;padding:10px 12px;display:flex}.fila:hover{background:var(--fondo-suave)}.fila-activa{background:#e9f5f3}.avatar{color:#3b4650;background:#d4dbe1;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:600;display:grid}.fila-cuerpo{flex:1;gap:2px;min-width:0;display:grid}.fila-linea1{justify-content:space-between;gap:8px;min-width:0;display:flex}.fila-linea1 time{flex:none;font-size:12px}.fila-linea3{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.etiqueta{background:var(--fondo-suave);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:12px}.etiqueta-linea{color:#234a8a;background:#e8eef9}.ctl-ia{color:#5b2b9a;background:#efe6fb}.ctl-humano{background:var(--ok-fondo);color:#116135}.ctl-cola{color:#8a4b00;background:#fff1db}.ctl-pausado{color:#4c5961;background:#eceff1}.punto{color:var(--error);font-size:10px}.no-leidos{background:var(--verde-claro);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:600;display:grid}.col-chat{flex-direction:column;grid-area:chat;min-width:0;min-height:0;display:flex}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat-cabecera{border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.chat-titulo{flex:1;min-width:0;display:grid}.chat-titulo span{font-size:13px}.acciones{flex-wrap:wrap;gap:6px;display:flex}.ventana{margin:0;padding:6px 12px;font-size:13px}.ventana-abierta{background:var(--ok-fondo);color:#116135}.ventana-cerrada{background:var(--error-fondo);color:var(--error)}.mensajes{background:var(--fondo-chat);flex-direction:column;flex:1;gap:6px;margin:0;padding:12px;list-style:none;display:flex;overflow-y:auto}.burbuja{border-radius:var(--radio);overflow-wrap:anywhere;background:#fff;gap:2px;max-width:min(560px,85%);padding:6px 10px;display:grid;box-shadow:0 1px #0000000f}.burbuja-entrante{align-self:flex-start}.burbuja-saliente{background:var(--saliente);align-self:flex-end}.burbuja-interna{background:var(--nota);border:1px dashed var(--nota-borde);align-self:flex-end}.burbuja-sistema{background:var(--sistema);color:#5d4a00;text-align:center;border-radius:999px;align-self:center;padding:4px 10px;font-size:12px}.burbuja-autor{color:var(--tenue);font-size:12px;font-weight:600}.burbuja-tipo{font-size:13px;font-style:italic}.burbuja-texto{white-space:pre-wrap}.burbuja-meta{color:var(--tenue);justify-self:end;font-size:11px}.burbuja-error{color:var(--error);font-size:12px}.envio-fallido,.envio-desconocido{color:var(--error);font-weight:600}.envio-leido{color:#1d7fd1}.redactor{border-top:1px solid var(--borde);background:#fff;gap:6px;padding:8px 12px;display:grid}.redactor textarea{resize:vertical;width:100%;min-height:var(--toque);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 10px}.redactor-botones{justify-content:flex-end;gap:8px;display:flex}.redactor-botones .boton{min-height:var(--toque)}.col-ficha{border-left:1px solid var(--borde);grid-area:ficha;min-width:0;overflow-y:auto}.ficha{padding:16px}.ficha h2{margin:0 0 12px;font-size:17px}.ficha dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}.ficha dt{color:var(--tenue)}.ficha dd{text-align:right;overflow-wrap:anywhere;margin:0}.solo-movil{display:none}@media (max-width:1100px){.app,.app.vista-lista{grid-template-columns:72px minmax(280px,340px) 1fr;grid-template-areas:"lateral cabecera cabecera""lateral aviso aviso""lateral lista chat"}.col-ficha{display:none}.ficha-movil.solo-movil{display:block}}@media (max-width:760px){.solo-escritorio{display:none}.solo-movil{display:initial}.app,.app.vista-lista,.app.vista-chat{grid-template:"cabecera"52px"aviso""principal"1fr/1fr}.barra-lateral{display:none}.cabecera{gap:8px;padding:0 12px}.selectores{flex:auto}.selectores select{max-width:none;min-height:40px}.vista-lista .col-lista{border-right:0;grid-area:principal}.vista-lista .col-chat,.vista-chat .col-lista{display:none}.vista-chat .col-chat{grid-area:principal}.vista-chat .cabecera{display:none}.app.vista-chat{grid-template-rows:0 auto 1fr}.boton-volver{width:var(--toque);height:var(--toque);place-items:center;margin-left:-8px;font-size:22px;display:grid}.acciones{width:100%}.acciones .boton{min-height:40px}.fila{min-height:76px}.burbuja{max-width:90%}.ficha-movil summary{color:var(--tenue);border-bottom:1px solid var(--borde);cursor:pointer;min-height:40px;padding:8px 12px;font-size:14px}}