/**
 * Mobile Shell & Layout
 * Fase 3: Hide sidebar, full-width content, no H-scroll.
 * Added: 2026-08-06 - Mobile refactor v2
 */
/* =============================================
   FASE 3 - MOBILE SHELL (≤767.98px)
   ============================================= */
@media (max-width: 767.98px) {
    #sidebar-wrapper { display: none !important; }
    #main-content-wrapper {
        margin-left: 0 !important; width: 100% !important;
        max-width: 100% !important; flex: 0 0 100% !important;
    }
    #sidebar-wrapper.sidebar-collapsible ~ #main-content-wrapper {
        margin-left: 0 !important; width: 100% !important;
    }
    #mainNavbar { left: 0; right: 0; width: 100%; }
    .container-fluid {
        padding-left: 4px !important; padding-right: 4px !important;
    }
    .container-fluid.mt-4 { margin-top: 4px !important; }
    html, body { max-width: 100vw; overflow-x: hidden; }
    .container-fluid > .row { margin-left: 0; margin-right: 0; }
    footer { position: relative; width: 100%; }
}