/* Pestaña «Atención» */
.atn { display: grid; gap: 12px; max-width: 1100px; }
.atn .bloque { margin-top: 0; }
.atn-filtros { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.atn-filtros select { border: 1px solid var(--line); background: var(--surface); border-radius: 9px; padding: 7px 10px; font: inherit; color: inherit; }
.atn-fila { cursor: pointer; }
.atn-fila:hover td, .atn-fila:focus-visible td { background: var(--surface-2); }
.atn-fila.abierta td { background: var(--work-soft); }
.atn-fila:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.atn-sin-aviso { color: var(--bad); font-size: 11.5px; margin-top: 3px; }
.atn-chat { display: grid; gap: 8px; max-width: 720px; }
.atn-msg { border: 1px solid var(--line); border-radius: 12px; padding: 7px 11px; background: var(--surface); }
.atn-msg.cliente { border-left: 3px solid var(--info); }
.atn-msg.asistente { border-left: 3px solid var(--ok); margin-left: 18px; }
.atn-msg.sistema { background: var(--surface-2); color: var(--muted); font-size: 12px; border-style: dashed; }
.atn-msg p { margin: 2px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.atn-rol { font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.atn .tarjeta h3 { justify-content: space-between; flex-wrap: wrap; }
@media (max-width: 640px) { .atn-msg.asistente { margin-left: 8px; } }