/* Финальный мобильный режим: только выровненный дашборд без навигационных плашек */
@media (max-width: 900px) {
    .sidebar,
    .mobile-topbar,
    .mobile-bottom-nav,
    .mobile-overlay,
    .mobile-drawer,
    .mobile-fab,
    .mobile-searchbar,
    .mobile-toast,
    .mobile-sheet,
    .mobile-tabbar { display: none !important; }

    body { display: block !important; min-height: 100vh !important; overflow-x: hidden !important; }
    .main-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 100vh !important;
        overflow: visible !important;
    }
    #v-dashboards,
    #v-dashboards.active {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }
    #dash-scale-viewport,
    #dash-scale-inner {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    .dash-topbar {
        width: min(100%, 720px) !important;
        margin: 0 auto 16px !important;
        align-items: center !important;
        text-align: center !important;
    }
    .dash-topbar > div:first-child,
    .dash-top-summary,
    .dash-trucks-title,
    #dash-ostatki-date-label { margin-left: auto !important; margin-right: auto !important; }
    .dash-top-summary { width: 100% !important; justify-content: space-around !important; }
    .dash-grid-master {
        width: min(100%, 720px) !important;
        margin: 0 auto !important;
        align-items: stretch !important;
    }
    .dash-grid-master .dash-card { text-align: left !important; }
}