/* ════════════════════════════════════════════════════════════════════════ * MUZI GESTIONALE — Mobile responsive (riscritto da zero — giugno 2026) * * COME FUNZIONA * • La NAVIGAZIONE su mobile (drawer off-canvas + hamburger) è gestita da * nav-organizer-v7.js (CSS iniettato a fine ): NON sta qui. * • Questo file gestisce il LAYOUT DEI CONTENUTI. Su mobile l'app shell * abbandona il grid del body e diventa un blocco a colonna singola a tutta * larghezza, con l'header "sticky" in alto. Griglie e form collassano, * le tabelle scrollano in orizzontale, le modali vanno quasi a tutto * schermo e gli input partono da 16px (così iOS non zooma al focus). * • Le regole pesanti dell'app shell sono limitate a body:has(.app-nav) * così le pagine indipendenti (login, console, gallery, prenota) restano * intatte e ricevono solo le rifiniture generiche. * * BREAKPOINT * ≤ 900px : MOBILE — body a 1 colonna, header sticky, nav→drawer * ≤ 640px : TELEFONO — griglie/form a 1 colonna, font ridotti, modali full * ≤ 380px : telefoni piccoli * * Caricato DOPO lo