/* Vista PC / telefono - TestateDoc e TestateDocOrdini (elenchi documenti).
   Solo le regole proprie di queste pagine: quelle comuni stanno in app.css (ed-*, vt-*, mg-pagina--tel). */

/* Pagina in vista telefono (.td-tel-pagina accanto a .td-page / .tdo-page).
   Doppia classe perché gli stili locali delle pagine sono caricati dopo questo foglio. */
.td-page.td-tel-pagina,
.tdo-page.td-tel-pagina { padding: .5rem; gap: .6rem; }

/* Intestazione + periodo non restano fissi: sul telefono coprirebbero metà schermo. */
.td-page.td-tel-pagina .td-sticky-top { position: static; gap: .6rem; }

/* Bottoni dell'intestazione a capo invece di uscire dallo schermo. */
.td-page.td-tel-pagina .td-header,
.tdo-page.td-tel-pagina .tdo-header { flex-wrap: wrap; gap: .6rem; padding: .75rem .9rem; }
.td-page.td-tel-pagina .td-header-right,
.tdo-page.td-tel-pagina .tdo-header-actions { flex-wrap: wrap; gap: .4rem; }

/* Casella di selezione nella testa della scheda. */
.td-tel-check { flex: 0 0 auto; width: 1.3rem; height: 1.3rem; margin: 0; align-self: center; cursor: pointer; }

/* Riga dei chip di stato sotto il cliente. */
.td-tel-chip { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }

/* Totali dell'elenco filtrato (equivalenti al piede della griglia). */
.td-tel-totali {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
    margin-bottom: .6rem;
    padding: .45rem .75rem;
    background: var(--ab-s-ffffff, #fff);
    border: 1px solid var(--fe-border);
    border-radius: 10px;
    font-size: .8rem;
    color: var(--fe-text-muted);
}
.td-tel-totali strong { color: var(--fe-text); font-variant-numeric: tabular-nums; }