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

/************************************************************
 * MASCHERE CON SEZIONI fe-* E COLONNE BOOTSTRAP
 * EditClienti, EditFornitori, EditAnagrafica, EditAzienda, EditAgenti.
 * Contenitore: .an-scheda + .an-vista--pc / .an-vista--tel (ClasseVistaAn nel componente).
 * Specificità alta (doppia classe + discendente) perché i blocchi <style> locali dei
 * componenti sono letti dopo questo foglio.
 ************************************************************/

/* PC: le maschere non si stirano oltre una larghezza leggibile sui monitor grandi */
.an-scheda.an-vista--pc { max-width: 1320px; }

/* Telefono: ogni campo su una riga, salvo i campi corti marcati .an-mezza (CAP, provincia…) */
.an-scheda.an-vista--tel { padding-left: .5rem; padding-right: .5rem; }
.an-scheda.an-vista--tel .row > [class*="col-"] { flex: 0 0 auto; width: 100%; max-width: 100%; }
.an-scheda.an-vista--tel .row > .an-mezza { width: 50%; }
.an-scheda.an-vista--tel .row.g-3 { --bs-gutter-y: .7rem; }

/* Controlli alti almeno 40px e font 16px (niente zoom automatico su iPhone) */
.an-scheda.an-vista--tel .form-control,
.an-scheda.an-vista--tel .form-select { min-height: 40px; font-size: 16px; }
.an-scheda.an-vista--tel .dxbl-text-edit { min-height: 40px; }
.an-scheda.an-vista--tel .dxbl-text-edit input { font-size: 16px; }
.an-scheda.an-vista--tel .input-group > .btn { min-width: 42px; min-height: 40px; }
.an-scheda.an-vista--tel .form-check-input { width: 1.25em; height: 1.25em; }
.an-scheda.an-vista--tel .form-check { min-height: 32px; }

/* Sezioni e blocchi apribili */
.an-scheda.an-vista--tel .fe-section-body { padding: .75rem; }
.an-scheda.an-vista--tel .fe-section-header { padding: .6rem .8rem; }
.an-scheda.an-vista--tel .fe-collapse-btn { min-height: 46px; }
.an-scheda.an-vista--tel .fe-inner-card { padding: .75rem; }

/* Righe etichetta + campo (fe-field-row, EditAgenti): etichetta sopra */
.an-scheda.an-vista--tel .fe-field-row { flex-direction: column; align-items: stretch; gap: .3rem; }
.an-scheda.an-vista--tel .fe-label { flex: none; padding-top: 0; }
.an-scheda.an-vista--tel .fe-field-row--split { flex-direction: column; }
.an-scheda.an-vista--tel .fe-field-group,
.an-scheda.an-vista--tel .fe-field-group--xs,
.an-scheda.an-vista--tel .fe-field-group--sm,
.an-scheda.an-vista--tel .fe-field-group--md,
.an-scheda.an-vista--tel .fe-field-group--lg { flex: none; width: 100%; }
.an-scheda.an-vista--tel .fe-control--short { max-width: none; }

/************************************************************
 * ANAGRAFICA ARTICOLO (EditArticolo)
 * Contenitore: .edit-page.an-art + .an-vista--pc / .an-vista--tel.
 * Il componente di magazzino MagArticoloDatiMagazzino ha la sua vista: qui non si tocca.
 ************************************************************/
.an-art.an-vista--tel { padding: .5rem; }

/* Intestazione: i bottoni (Stampa scheda, Distinta base) vanno a capo sotto il titolo */
.an-art.an-vista--tel .edit-header { padding: .8rem; }
.an-art.an-vista--tel .edit-header-inner { flex-wrap: wrap; }
.an-art.an-vista--tel .edit-header-inner > .ms-auto { margin-left: 0 !important; width: 100%; flex-wrap: wrap; }

/* Righe etichetta + campo: etichetta sopra, campo a tutta larghezza */
.an-art.an-vista--tel .edit-field-row { flex-direction: column; align-items: stretch; gap: .3rem; }
.an-art.an-vista--tel .edit-label { flex: none; padding-top: 0; }
.an-art.an-vista--tel .edit-control,
.an-art.an-vista--tel .edit-control--sm { flex: none; width: 100%; }

/* Gruppi affiancati: due colonne, i campi brevi (--xs) a metà, gli altri a tutta riga */
.an-art.an-vista--tel .edit-field-row--split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}
.an-art.an-vista--tel .edit-field-row--split > * { grid-column: 1 / -1; }
.an-art.an-vista--tel .edit-field-row--split > .edit-field-group--xs { grid-column: auto; flex: none; width: auto; }
.an-art.an-vista--tel .edit-field-row--split > .edit-field-group--sm { flex: none; width: auto; }

/* Controlli alti almeno 40px e font 16px */
.an-art.an-vista--tel .form-control,
.an-art.an-vista--tel .form-select { min-height: 40px; font-size: 16px; }
.an-art.an-vista--tel .dxbl-text-edit { min-height: 40px; }
.an-art.an-vista--tel .dxbl-text-edit input { font-size: 16px; }
.an-art.an-vista--tel .edit-search-btn { min-width: 42px; min-height: 40px; }
.an-art.an-vista--tel .edit-save-price-btn { min-height: 40px; }
.an-art.an-vista--tel .edit-check { width: 20px; height: 20px; }
.an-art.an-vista--tel .edit-flag-item { min-height: 32px; }
.an-art.an-vista--tel .edit-flags-grid { flex-direction: column; gap: .35rem; }

/* Sezioni e schede */
.an-art.an-vista--tel .edit-section-body { padding: .75rem; }
.an-art.an-vista--tel .edit-tab-body { padding: .6rem; }