.mobile-navigation-header {
    display: none;
}

@media (max-width: 991.98px) {
    body.mobile-navigation-open {
        overflow: hidden;
    }

    #mobile-navigation-backdrop {
        display: none;
    }

    body[data-sidebar-size="sm"] .vertical-menu,
    body[data-sidebar-size="md"] .vertical-menu,
    .vertical-menu {
        position: fixed;
        inset: 0 !important;
        z-index: 1007;
        display: block;
        width: 100vw !important;
        max-width: none;
        height: 100dvh;
        background: #fff;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-100%);
        transition: transform 0.2s ease, visibility 0.2s ease;
    }

    body.sidebar-enable .vertical-menu {
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }

    .vertical-menu .navbar-brand-box,
    .vertical-menu > .vertical-menu-btn {
        display: none !important;
    }

    .mobile-navigation-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 64px;
        padding: 0 16px;
        color: #1e293b;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 1px solid #e2e8f0;
    }

    .mobile-navigation-logo {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
    }

    .mobile-navigation-logo img {
        display: block;
        width: auto;
        max-width: 180px;
        height: 28px;
        object-fit: contain;
    }

    .mobile-navigation-header .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        color: #475569;
        font-size: 28px;
        border: 0;
        border-radius: 8px;
    }

    .vertical-menu .sidebar-menu-scroll {
        height: calc(100dvh - 64px);
        margin-top: 0;
    }

    #page-topbar {
        z-index: 1006;
    }

    #page-topbar .navbar-header {
        padding-inline: 8px;
    }
}

@media (max-width: 575.98px) {
    #page-topbar .mobile-token-usage {
        display: none !important;
    }
}