/**
 * Custom sidebar and UI overrides.
 * Reversible: remove this file to restore original design.
 */

/* Sidebar modern style – apply to both .nav-sidebar and .app-sidebar */
.sidebar-dark-primary,
.app-sidebar.sidebar-dark-primary {
    background: #0f172a;
}

.nav-sidebar .nav-link,
.app-sidebar .nav-link {
    border-radius: 8px;
    margin: 4px 8px;
    transition: all 0.2s ease;
}

.nav-sidebar .nav-link:hover,
.app-sidebar .nav-link:hover {
    background: #1e293b;
    transform: translateX(4px);
}

.nav-sidebar .nav-link.active,
.app-sidebar .nav-link.active {
    background: linear-gradient(90deg, #2563eb, #3b82f6);
    color: #fff;
}

.nav-sidebar .nav-icon,
.app-sidebar .nav-icon {
    color: #94a3b8;
}

.nav-sidebar .nav-link.active .nav-icon,
.app-sidebar .nav-link.active .nav-icon {
    color: #fff;
}

/* Submenu indicator arrow animation */
.nav-sidebar .menu-open > .nav-link i.right,
.app-sidebar .menu-open > .nav-link i.right {
    transform: rotate(90deg);
}

.app-sidebar .nav-link i.right,
.nav-sidebar .nav-link i.right {
    transition: transform 0.2s ease;
}