:root{--tinta:#141416;--apagado:#86837c;--linea:#dcd6ca;--panel:#f6f4ef;--dorado:#856424;--ok:#2f6b3a;--error:#8f2d22;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:var(--tinta);background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}h1{margin:0;font-size:22px}h2{margin:0 0 12px;font-size:18px}.apagado{color:var(--apagado)}.error{color:var(--error)}.ok{color:var(--ok)}.centro,.ingreso{text-align:center;max-width:340px;margin:18vh auto;padding:0 20px}.ingreso form{text-align:left;flex-direction:column;gap:8px;margin-top:20px;display:flex}label{color:var(--apagado);font-size:13px}input{border:1px solid var(--linea);border-radius:6px;padding:10px 12px;font-size:15px}button{background:var(--tinta);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:10px 14px;font-size:15px}button.secundario{color:var(--apagado);border:1px solid var(--linea);background:0 0}button:disabled{opacity:.6}.pantalla{max-width:1000px;margin:0 auto;padding:24px 20px 60px}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado);border-bottom:1px solid var(--tinta);padding:8px 10px;font-size:11px}td{border-bottom:1px solid var(--linea);padding:10px}tbody tr{cursor:pointer}tbody tr:hover{background:var(--panel)}.estado{background:#ecebe7;border-radius:99px;padding:2px 8px;font-size:12px}.estado.calificado{color:var(--ok);background:#e8f1e6}.estado.escalado{color:var(--dorado);background:#f6efdc}.ficha{border-left:1px solid var(--linea);background:#fff;width:min(420px,100%);height:100%;padding:24px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-8px 0 24px #0000000f}.ficha dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.ficha dt{color:var(--apagado)}.cerrar{color:var(--apagado);background:0 0;padding:4px 8px;font-size:16px;position:absolute;top:14px;right:14px}@media (width<=600px){.pantalla{padding:16px 12px}th:nth-child(3),td:nth-child(3){display:none}}.secciones{gap:4px;display:flex}.pestana{color:var(--apagado);background:0 0;border:1px solid #0000;padding:6px 12px;font-size:15px}.pestana.activa{background:var(--panel);color:var(--tinta);border-color:var(--linea)}.usuario{align-items:center;gap:12px;font-size:13px;display:flex}.pantalla{max-width:1100px}.bandeja{border:1px solid var(--linea);border-radius:8px;grid-template-columns:280px 1fr;gap:0;min-height:60vh;display:grid;overflow:hidden}.lista{border-right:1px solid var(--linea);background:var(--panel);max-height:72vh;padding:6px;overflow:auto}.fila-conv{text-align:left;width:100%;color:var(--tinta);background:0 0;border-radius:6px;padding:10px;font-size:14px;display:block}.fila-conv:hover{background:#ecebe7}.fila-conv.activa{border:1px solid var(--linea);background:#fff}.fila-arriba{justify-content:space-between;gap:8px;font-size:14px;display:flex}.fila-arriba span{white-space:nowrap;font-size:12px}.fila-abajo{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.marca{border-radius:99px;padding:1px 7px;font-size:11px}.marca.sin-atender{color:var(--error);background:#f6e3df}.marca.tomada{color:var(--dorado);background:#f6efdc}.hilo{flex-direction:column;min-width:0;display:flex}.centro-hilo{margin:auto;padding:40px}.hilo-cabecera{border-bottom:1px solid var(--linea);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.hilo-cabecera h2{margin:0;font-size:16px}.hilo-cabecera p{margin:2px 0 0;font-size:13px}.acciones{align-items:center;gap:10px;display:flex}.acciones button{padding:7px 12px;font-size:13px}.ventana{color:var(--ok);white-space:nowrap;background:#e8f1e6;border-radius:99px;padding:3px 9px;font-size:12px}.ventana.aviso{color:var(--dorado);background:#f6efdc}.ventana.cerrada{color:var(--apagado);background:#f1efec}.mensajes{flex-direction:column;flex:1;gap:10px;max-height:48vh;padding:16px;display:flex;overflow:auto}.mensaje{border-radius:12px;max-width:74%;padding:9px 12px;font-size:14px;line-height:1.45}.mensaje .pie{margin-top:4px;font-size:11px}.mensaje.entrante{background:var(--panel);border:1px solid var(--linea);border-bottom-left-radius:3px;align-self:flex-start}.mensaje.saliente{background:var(--tinta);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.mensaje.saliente .pie{color:#b9b5ad}.mensaje.saliente.humano{background:var(--dorado)}.escribir{border-top:1px solid var(--linea);grid-template-columns:1fr auto;gap:8px;padding:12px 16px;display:grid}.escribir textarea{border:1px solid var(--linea);font:inherit;resize:vertical;border-radius:6px;grid-column:1;padding:10px 12px;font-size:14px}.escribir button{align-self:end}.aviso-bloqueo{color:var(--dorado);background:#faf5e8;border:1px solid #eadfc4;border-radius:6px;grid-column:1/-1;margin:0;padding:8px 10px;font-size:12.5px}.notas{border-top:1px solid var(--linea);background:var(--panel);padding:12px 16px}.notas h3{margin:0 0 8px;font-size:13px;font-weight:600}.notas h3 span{font-weight:400}.nota{margin:0 0 6px;font-size:13.5px}.notas form{gap:8px;display:flex}.notas input{flex:1;padding:8px 10px;font-size:13.5px}.notas button{padding:8px 12px;font-size:13px}@media (width<=760px){.bandeja{grid-template-columns:1fr}.lista{border-right:0;border-bottom:1px solid var(--linea);max-height:30vh}.mensaje{max-width:88%}}