/* Keep the Filament sidebar fully scrollable on iOS and mobile Chrome. */
@media (max-width: 1023px) {
    .fi-sidebar {
        height: 100dvh;
        max-height: 100dvh;
        min-height: 0;
        overscroll-behavior: contain;
    }

    .fi-sidebar-nav {
        min-height: 0;
        overflow-y: auto !important;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 2rem);
    }

    .fi-sidebar-nav-groups {
        padding-bottom: 1rem;
    }
}