/* Faro — base comune a tutte le pagine: tocco senza zoom, font dei controlli, scelta a pillola.
   I token vengono dal design system (ds/tokens/), caricati dopo questo file: dal 07/10/2026
   (migrazione al DEF) qui non c'è più nessun colore.
   Le regole del vecchio header (.crm-header*) e dei filtri .tab-group/.tab-btn sono state tolte nel
   piano 9 del redesign (ottobre 2026): il guscio è in faro-guscio.css, i filtri nel design system. */

/* Su iPhone/iPad il doppio tocco fa zoom per default: molto fastidioso su pulsanti che si toccano
   ripetutamente (es. i contatori +/- del flusso turni) — segnalato da Luca il 2026-09-18. Questa
   sola riga toglie SOLO il doppio-tap-zoom sui controlli, senza toccare lo zoom con due dita (resta
   disponibile ovunque per chi ne ha bisogno, non tolto con maximum-scale/user-scalable). Caricata da
   ogni pagina di Faro (verificato: faro-header.css è incluso ovunque), quindi vale ovunque, non solo
   su Turni. */
button, a, input, select, [role="button"]{ touch-action:manipulation; }

/* Bottoni e campi non ereditano il font per default: senza questa riga una pagina che dimentica
   font-family sui suoi bottoni li mostra in Arial (successo in Impostazioni Turni, trovato
   nell'audit grafico del 2026-09-29). */
button, input, select, textarea { font-family: inherit; }

/* Scelta a pillola (ChoicePill del design system): alta 44px, il pallino resta un pallino.
   Più specifica di ".field input" delle singole pagine, che altrimenti gonfiava le caselle. */
.tipo-opt { min-height: 44px; }
.tipo-opt input[type=checkbox], .tipo-opt input[type=radio] { width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; flex: none; accent-color: var(--celeste-scuro); }