/* Mobile sidebar override - dark theme for app-purple-theme */
@media (max-width: 1199.98px) {
    /* Navbar stays below sidebar - prevent Botmaster/breadcrumb overlap */
    body.app-purple-theme .navbar-main,
    body.app-purple-theme #navbarBlur {
        z-index: 100 !important;
    }
    /* Hide navbar completely when sidebar is open (g-sidenav-pinned) */
    body.app-purple-theme.g-sidenav-pinned .navbar-main,
    body.app-purple-theme.g-sidenav-pinned #navbarBlur {
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }
    body.app-purple-theme .sidenav,
    body.app-purple-theme #sidenav-main,
    body.app-purple-theme aside.sidenav,
    body.app-purple-theme .navbar-vertical.sidenav {
        z-index: 99999 !important;
        background: linear-gradient(180deg, #4c1d95 0%, #2d1b69 100%) !important;
        background-color: #4c1d95 !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
    }
    body.app-purple-theme #sidenav-main .sidenav-header,
    body.app-purple-theme .sidenav .sidenav-header {
        background: transparent !important;
        padding: 1rem 1.5rem !important;
    }
    body.app-purple-theme #sidenav-main .navbar-brand,
    body.app-purple-theme .sidenav .navbar-brand {
        background: transparent !important;
        color: #ffffff !important;
    }
    body.app-purple-theme #sidenav-main .navbar-brand:hover,
    body.app-purple-theme .sidenav .navbar-brand:hover {
        color: #ffffff !important;
    }
    body.app-purple-theme #sidenav-main .navbar-brand h3,
    body.app-purple-theme .sidenav .navbar-brand h3 {
        color: #ffffff !important;
        font-weight: 700 !important;
        font-size: 1.25rem !important;
    }
    body.app-purple-theme #sidenav-main .nav-link-text,
    body.app-purple-theme .sidenav .nav-link-text,
    body.app-purple-theme .navbar-vertical .nav-link-text {
        color: #f8fafc !important;
    }
    body.app-purple-theme #sidenav-main .nav-link:not(.active) .nav-link-text,
    body.app-purple-theme .sidenav .nav-link:not(.active) .nav-link-text {
        color: #e2e8f0 !important;
    }
    body.app-purple-theme #sidenav-main .nav-link.active,
    body.app-purple-theme .sidenav .nav-link.active {
        background: rgba(255, 255, 255, 0.95) !important;
    }
    body.app-purple-theme #sidenav-main .nav-link.active .nav-link-text,
    body.app-purple-theme .sidenav .nav-link.active .nav-link-text {
        color: #2d1b69 !important;
    }
    body.app-purple-theme #sidenav-main #iconSidenav,
    body.app-purple-theme .sidenav .text-secondary,
    body.app-purple-theme #sidenav-main .text-secondary {
        color: #e2e8f0 !important;
        opacity: 1 !important;
    }
    body.app-purple-theme #sidenav-main .horizontal.dark {
        border-color: rgba(255, 255, 255, 0.2) !important;
    }
}