body {
    overflow-x: hidden;
}

/* ══════════════════════════════════════════════════════════
   SIDEBAR DRAWER SCROLL FIX
   MudBlazor drawer uses flex column - must set min-height:0
   so flex children can shrink and overflow-y:auto can work
   ══════════════════════════════════════════════════════════ */

/* 1. Constrain the drawer to viewport height */
.mud-drawer.premium-drawer-responsive {
    max-height: 100vh !important;
    overflow: hidden !important;
    /* Flexbox: allow this flex child to shrink */
    min-height: 0 !important;
    flex-shrink: 1 !important;
}

/* 2. Make drawer-content fill drawer and scroll */
.mud-drawer.premium-drawer-responsive > .mud-drawer-content {
    /* Must fill the parent height */
    flex: 1 1 auto !important;
    min-height: 0 !important;          /* KEY: removes default min-height:auto */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain;
    /* Constrain to viewport minus appbar (~64px) */
    max-height: calc(100vh - 64px) !important;
}

/* 3. MudNavMenu inside must not force parent to grow */
.mud-drawer.premium-drawer-responsive .mud-nav-menu {
    flex-shrink: 0;
    min-height: 0;
}

/* Hide close button on desktop */
.mobile-drawer-close-btn {
    display: none !important;
}

@media (max-width: 959.98px) {
    /* Show close button on mobile/tablet */
    .mobile-drawer-close-btn {
        display: inline-flex !important;
        color: var(--mud-palette-text-primary) !important;
    }

    /* Fix for responsive drawer not closing completely on mobile/tablet due to custom width overrides */
    .mud-drawer.premium-drawer-responsive.mud-drawer--closed,
    .mud-drawer.premium-drawer-responsive.mud-drawer-closed {
        transform: translateX(-100%) !important;
    }
}

/* Responsive Right Drawer (PremiumDrawer) */
.mud-drawer.premium-right-drawer-responsive {
    max-width: 100vw !important;
}

@media (max-width: 600px) {
    .mud-drawer.premium-right-drawer-responsive {
        width: 100% !important;
        border-radius: 0 !important;
    }
}