.dropdown-item.active {
    background-color: var(--bs-theme);
    color: white;
}

    .dropdown-item.active:hover {
        background-color: #0b5ed7;
        color: white;
    }

/* Sidebar overlay mode: when user preference is unpinned (app-sidebar-unpinned)
   and the hamburger temporarily opens it (app-sidebar-toggled), float over content */
.app.app-sidebar-unpinned.app-sidebar-toggled .app-content,
.app.app-sidebar-unpinned.app-sidebar-toggled #content {
    margin-left: 0 !important;
}
.app.app-sidebar-unpinned.app-sidebar-toggled .app-footer {
    margin-left: 2rem !important;
}

/* Solid background for sidebar when floating over content */
.app.app-sidebar-unpinned .app-sidebar {
    background: var(--bs-app-header-bg) !important;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
}