@import url('/css/backoffice-enterprise-v14.css?v=20260925-3');

/*
 * Mobile account menu cache boundary.
 * The implementation remains in v14; this version guarantees that browsers
 * fetch the sidebar overflow correction after deployment.
 */
@media (min-width: 992px) {
    .navbar.navbar-vertical > .container-fluid {
        height:100%; min-height:0; display:flex !important; flex-direction:column; flex-wrap:nowrap; overflow:visible !important;
    }
    .navbar.navbar-vertical #mobile-menu {
        flex:1 1 auto; min-height:0; width:100%; overflow-y:auto !important; overflow-x:hidden !important; align-items:flex-start;
    }
    .navbar.navbar-vertical #mobile-menu > .navbar-nav { width:100%; }
    .navbar.navbar-vertical .ot-account-footer {
        flex:0 0 auto; width:100%; margin:0; padding:12px 8px; border-top:1px solid var(--vera-border); background:var(--vera-surface); position:relative; z-index:1050;
    }
    .navbar.navbar-vertical .ot-account-footer .ot-user-menu { width:100%; position:relative; }
    .navbar.navbar-vertical .ot-account-footer .nav-link { min-height:48px; border-radius:6px; }
    .navbar.navbar-vertical .ot-account-footer .dropdown-menu {
        position:absolute !important; top:auto !important; bottom:calc(100% + 8px) !important; left:0 !important; right:0; transform:none !important; width:100%; min-width:0; margin:0; background:var(--vera-surface); border:1px solid var(--vera-border); border-radius:8px; box-shadow:0 8px 24px #18223020;
    }
    .navbar.navbar-vertical .ot-account-footer .ot-user-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}