/* Vista PC / telefono - Magazzino: Stampe, Configurazione.
   Solo le regole proprie di queste pagine: quelle comuni stanno in app.css (ed-*, vt-*, mg-pagina--tel). */

/* Le pagine di questo gruppo hanno sul contenitore anche la classe m3-pagina: le regole sotto valgono solo per loro. */

/* Griglia DevExpress tenuta nella pagina ma nascosta sul telefono: al suo posto ci sono le schede vt-*,
   ma restano attivi i comandi che lavorano sulla griglia (stampa/esportazione dell'elenco, comprimi gruppi). */
.m3-nascosta { display: none !important; }

/* ── Vista telefono ─────────────────────────────────────────────── */

/* pulsanti grandi da toccare, quelli dell'intestazione su tutta la larghezza */
.m3-pagina.mg-pagina--tel .pr-btn { min-height: 40px; }
.m3-pagina.mg-pagina--tel .pr-header-right { width: 100%; }
.m3-pagina.mg-pagina--tel .pr-header-right .pr-btn { flex: 1 1 auto; justify-content: center; }

/* controlli fuori da mg-campo (textarea, select e input messi direttamente nel gruppo) */
.m3-pagina.mg-pagina--tel .form-control,
.m3-pagina.mg-pagina--tel .form-select { min-height: 40px; font-size: 16px; }
.m3-pagina.mg-pagina--tel textarea.form-control { min-height: 5rem; }

/* spunte e scelte più grandi */
.m3-pagina.mg-pagina--tel .mg-check input[type=checkbox],
.m3-pagina.mg-pagina--tel .mg-check input[type=radio] { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }

/* riga che resta orizzontale anche sul telefono (pulsante di scelta + descrizione) */
.m3-pagina.mg-pagina--tel .m3-riga-fissa { flex-direction: row; align-items: center; }
.m3-pagina.mg-pagina--tel .m3-riga-fissa .pr-btn--icona { min-width: 40px; }
.m3-pagina.mg-pagina--tel .m3-riga-fissa .mg-descrizione { white-space: normal; }

/* barra di comandi sopra le schede (stampa elenco, seleziona tutti...) */
.m3-comandi { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .6rem; }
.m3-comandi .pr-btn { flex: 1 1 auto; justify-content: center; min-height: 40px; }

/* riquadro dei totali sotto la ricerca (i TotalSummary della griglia) */
.m3-totali {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .3rem .75rem;
    padding: .55rem .75rem;
    margin-bottom: .6rem;
    background: var(--ab-s-ffffff, #fff);
    border: 1px solid var(--ab-b-d6e0f5, #d6e0f5);
    border-radius: 10px;
    font-size: .84rem;
}
.m3-totali b { font-variant-numeric: tabular-nums; }

/* casella di selezione multipla nella testa della scheda */
.m3-spunta { width: 1.4rem; height: 1.4rem; flex: 0 0 auto; accent-color: var(--ab-a-1a56db, #1a56db); align-self: center; }

/* dettaglio richiudibile dentro una scheda (fornitori abituali, totalizzatori) */
.m3-dettaglio { margin-top: .5rem; font-size: .82rem; }
.m3-dettaglio > summary { cursor: pointer; color: var(--ab-t-1a56db, #1a56db); font-weight: 600; min-height: 32px; display: flex; align-items: center; }
.m3-dettaglio-riga { display: flex; gap: .5rem; padding: .3rem 0; border-top: 1px solid var(--ab-b-eef2fb, #eef2fb); }
.m3-dettaglio-riga > :first-child { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.m3-dettaglio-riga > :last-child { flex: 0 0 auto; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }

/* nota sotto la scheda scelta: i dati sono stati caricati nella maschera sopra */
.m3-caricata { margin-top: .35rem; font-size: .75rem; color: var(--ab-t-1a56db, #1a56db); }

/* finestra delle opzioni avanzate causale: a tutto schermo, campi in colonna */
.m3-finestra-tel .modal-body .mg-riga { flex-direction: column; align-items: stretch; gap: .55rem; }
.m3-finestra-tel .modal-body .mg-campo { width: 100%; }
.m3-finestra-tel .modal-body .form-control { flex: 1 1 0; width: auto !important; min-height: 40px; font-size: 16px; }
.m3-finestra-tel .modal-body .pr-btn--icona { min-width: 40px; min-height: 40px; }
.m3-finestra-tel .modal-body .mg-check { min-height: 32px; font-size: .9rem; }
.m3-finestra-tel .modal-body .mg-check input[type=checkbox] { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.m3-finestra-tel .modal-footer .pr-btn { min-height: 40px; }

/* codici a barre: posizioni più grandi, nascoste quelle oltre la lunghezza del codice */
.m3-pagina.mg-pagina--tel .cab-griglia { grid-template-columns: repeat(auto-fill, minmax(2.9rem, 1fr)); }
.m3-pagina.mg-pagina--tel .cab-valore { width: 2.6rem; height: 2.5rem; font-size: 1rem; }
.m3-pagina.mg-pagina--tel .cab-cella--spenta { display: none; }