/* ═══════════════════════════════════════════════════════════════
   F8X mobile-fix v1.0
   Fix sidebar mobile: scroll completo su iOS Safari + safe-area
   ═══════════════════════════════════════════════════════════════
   Problema: 100vh su iOS Safari include la barra URL e i controlli
   inferiori. La sidebar in overlay mobile finisce sotto questi
   controlli e le ultime voci del menu non sono raggiungibili.
   
   Soluzione:
   - 100dvh (dynamic viewport height) si adatta alle barre Safari
   - env(safe-area-inset-bottom) aggiunge padding per home indicator
   ═══════════════════════════════════════════════════════════════ */

/* Wrapper principale: usa dvh per non includere barre Safari */
.dashboard-wrapper {
    height: 100vh;        /* fallback browser vecchi */
    height: 100dvh;       /* dynamic viewport (iOS 15.4+, Android moderno) */
}

/* Sidebar in modalità overlay mobile */
@media (max-width: 47.9375rem) {
    .dashboard-sidebar {
        height: 100vh;
        height: 100dvh;
        padding-bottom: env(safe-area-inset-bottom, 0);
    }
}
