/* Fix: Ensure submenu with active child is expanded */
.sidebar .sidebar-menu > ul > li ul li.submenu ul li a.active {
    color: #FE9F43 !important;
}

/* Keep submenu expanded when it has an active child link */
.sidebar .sidebar-menu > ul > li ul li.submenu:has(a.active) > ul {
    display: block !important;
}

/* Fallback: also expand via JS-added style, ensure visibility */
.sidebar .sidebar-menu > ul > li ul li.submenu ul {
    /* Will be toggled by template JS */
}

/* Dark theme: submenu active link color */
[data-sidebar="dark"] .sidebar .sidebar-menu > ul > li ul li.submenu ul li a.active {
    color: #3D5EE1 !important;
}

/* Fix: Keep toggle button visible in mini-sidebar mode */
.mini-sidebar .header #toggle_btn,
.mini-sidebar .header-left #toggle_btn {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    overflow: visible !important;
}
.mini-sidebar .header-left #toggle_btn i {
    color: #333 !important;
}

/* Teacher pending notification popup animation */
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}