/* ============================================
   Notion/shadcn Sidebar - Dark Theme Overrides
   Loaded alongside dark-theme.css
   ============================================ */

/* Sidebar container */
.navbar-vertical.navbar-expand-md.fixed-left {
    background-color: #191919 !important;
    border-right: 1px solid #2e2e2e !important;
    box-shadow: none !important;
}

/* Nav link text */
.navbar-light .navbar-nav .nav-link,
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
    color: #b8b8b4 !important;
}

/* Icons */
.navbar-vertical .navbar-nav .nav-link > i,
.navbar-vertical .navbar-nav .nav-link > .fa,
.navbar-vertical .navbar-nav .nav-link > .fas,
.navbar-vertical .navbar-nav .nav-link > .fab,
.navbar-vertical .navbar-nav .nav-link i.text-dark,
.navbar-vertical .navbar-nav .nav-link i.text-blue,
.navbar-vertical .navbar-nav .nav-link i.text-danger {
    color: #7a7a75 !important;
}

/* Hover */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-vertical .navbar-nav > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8e8e4 !important;
    border-left: none !important;
}

.navbar-vertical .navbar-nav .nav-link:hover > i {
    color: #e8e8e4 !important;
}

/* Active */
.navbar-vertical .navbar-nav .nav-link.active:before,
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
    display: none !important;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-nav .nav-item.active > .nav-link {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-left: none !important;
    font-weight: 600 !important;
}

.navbar-light .navbar-nav .nav-link.active > i,
.navbar-light .navbar-nav .active > .nav-link > i {
    color: #e8e8e4 !important;
}

.navbar-nav .nav-item .nav-link {
    border-left: none !important;
}

/* Submenu items */
.navbar-nav .lw-expandable-nav .nav .nav-item .nav-link {
    color: #9b9b97 !important;
}

.navbar-nav .lw-expandable-nav .nav .nav-item .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8e8e4 !important;
}

.navbar-nav .lw-expandable-nav .nav .nav-item .nav-link.active {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Chevron */
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after {
    color: #5a5a55 !important;
}

/* Separator */
@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md .navbar-collapse {
        border-top-color: #2e2e2e;
    }
}

/* Scrollbar */
.navbar-vertical.navbar-expand-md .navbar-collapse {
    scrollbar-color: #3a3a3a transparent;
}

.navbar-vertical.navbar-expand-md .navbar-collapse::-webkit-scrollbar-thumb {
    background-color: #3a3a3a !important;
}

/* Minimized menu */
.lw-minimized-menu .navbar-vertical.navbar-expand-md {
    background-color: #191919 !important;
    border-right: 1px solid #2e2e2e !important;
    box-shadow: none !important;
}

.lw-minimized-menu .navbar-vertical .navbar-nav .nav-link.active:before {
    display: none !important;
}

/* Sidebar Bottom Profile - Dark */
.lw-sidebar-profile-divider {
    background-color: #2e2e2e;
}

.lw-sidebar-profile-btn {
    color: #b8b8b4 !important;
}

.lw-sidebar-profile-btn:hover {
    background-color: rgba(255, 255, 255, 0.06);
    color: #e8e8e4 !important;
}

.lw-sidebar-profile-name {
    color: #e2e8f0 !important;
}

.lw-sidebar-profile-email {
    color: #94a3b8 !important;
}

.lw-sidebar-profile-chevron {
    color: #64748b;
}

.lw-sidebar-profile-dropdown {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
}

.lw-sidebar-profile-dropdown .dropdown-header {
    color: #94a3b8;
}

.lw-sidebar-profile-dropdown .dropdown-item {
    color: #cbd5e1;
}

.lw-sidebar-profile-dropdown .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #f1f5f9;
}

.lw-sidebar-profile-dropdown .dropdown-item i {
    color: #94a3b8 !important;
}

.lw-sidebar-profile-dropdown .dropdown-divider {
    border-top-color: #334155;
}