/*
 * Fix: w-screen (100vw) includes the Windows scrollbar width (~17px),
 * pushing topbar content past the visible viewport edge.
 * width: 100% inherits from the parent (body) which excludes the scrollbar.
 */
.fi-main-ctn {
    width: 100% !important;
}

/*
 * Reserve stable gutter for the scrollbar so 100vw == visible width.
 * This prevents layout shift when the scrollbar appears/disappears.
 */
html {
    scrollbar-gutter: stable;
}

/*
 * Allow the topbar user-menu button and its teleported dropdown
 * to render fully visible without being clipped by the topbar boundary.
 */
.fi-topbar {
    overflow-x: visible !important;
}

/*
 * Extend sticky sidebar behavior to md breakpoint (768px+) instead of lg (1024px+).
 * Prevents the sidebar from entering fixed/overlay mode on laptops at 150% zoom
 * where the effective viewport (~911px) stays below the 1024px lg threshold.
 */
@media (min-width: 768px) {
    .fi-sidebar {
        position: sticky !important;
        transform: translateX(0) !important;
        z-index: 0 !important;
    }
    .fi-sidebar-close-overlay {
        display: none !important;
    }
}