/* registrazioni (16/10/2026): «Ascolta registrazioni chiamate» con due schede + tabella delle registrazioni (anche scheda cliente) */

/* schede */
.reg-testa{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; border-bottom:1px solid var(--line); margin:0 0 12px}
.reg-schede{display:flex; gap:4px; flex-wrap:wrap}
.reg-scheda{display:inline-flex; align-items:center; gap:7px; margin:0 0 -1px; padding:9px 16px; font:inherit; font-size:.95em; font-weight:600; color:var(--ink-2);
  background:transparent; border:1px solid transparent; border-bottom:0; border-radius:var(--radius-s) var(--radius-s) 0 0; cursor:pointer}
.reg-scheda:hover{color:var(--accent-2); background:var(--surface-2)}
.reg-scheda.on{background:var(--surface); color:var(--accent-2); border-color:var(--line); box-shadow:inset 0 3px 0 var(--accent)}
.reg-scheda:focus-visible{outline:2px solid var(--focus); outline-offset:-2px}
.reg-scheda svg{flex:none}

/* filtri e note (prima erano style= nella vista) */
.reg-alert{font-size:.88em}
.reg-lista{margin:.3em 0 0 1.2em; padding:0}
.reg-nota{font-size:.82em}
.reg-f-data{max-width:150px}
.reg-f-op{max-width:190px}
.reg-f-num{max-width:170px}
.reg-azioni{text-align:right}
.reg-pagine{display:flex; gap:.6em; align-items:center; justify-content:flex-end; font-size:.88em; margin:.4em 0}

/* lettore audio nelle tabelle */
td.reg-player{white-space:nowrap}
td.reg-player audio{height:30px; vertical-align:middle; max-width:220px}

/* classe del REC: forma + icona + parola (non solo colore) */
.reg-classe{display:inline-flex; align-items:center; gap:5px; font-size:.8em; font-weight:700; padding:2px 9px; line-height:1.4; white-space:nowrap}
.reg-classe svg{flex:none}
.reg-cl-interna{color:#174a85; background:#d6e8ff; border:1px solid #9cc4f2; border-radius:999px}          /* pillola tonda */
.reg-cl-nonric{color:#7a5200; background:#fff6e0; border:1px dashed #d9a93a; border-radius:3px}             /* rettangolo tratteggiato */
.reg-freccia{color:var(--muted); margin:0 4px}
.reg-manca{display:inline-flex; align-items:center; gap:5px; font-size:.85em; color:var(--muted)}
.tbl.reg-rec td{vertical-align:middle}