/* ─── AdminLTE Sidebar Submenu Enhancements ─── */

/* Indent submenu items more clearly */
.nav-sidebar .nav-treeview > .nav-item > .nav-link {
    padding-left: 2.5rem !important;
    font-size: 0.9rem;
}

/* Subtle left border on submenu items */
.nav-sidebar .nav-treeview > .nav-item > .nav-link {
    border-left: 3px solid transparent;
    margin-left: 0.5rem;
    transition: border-color 0.2s, background-color 0.2s;
}

/* Active/hover state left accent */
.nav-sidebar .nav-treeview > .nav-item > .nav-link:hover,
.nav-sidebar .nav-treeview > .nav-item > .nav-link:focus {
    border-left-color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.08);
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    border-left-color: #007bff;
    background-color: rgba(0, 123, 255, 0.15) !important;
}

/* Override sidebar-light active link colors for contrast */
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active > p,
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active > i {
    color: #fff !important;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active > p,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active > i {
    color: #fff !important;
}

/* Also handle sidebar-dark variant (just in case) */
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
    color: #fff !important;
}

/* Slightly dim submenu icons to distinguish from parent */
.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
    font-size: 0.75rem;
    opacity: 0.7;
}

/* Open parent menu item styling */
.nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: rgba(255, 255, 255, 0.1);
    font-weight: 600;
}

/* Submenu container subtle background */
.nav-sidebar .nav-treeview {
    background-color: rgba(0, 0, 0, 0.15);
    padding: 0.25rem 0;
    border-radius: 0 0 0.25rem 0.25rem;
}