/* Custom Sidebar Color Theme */
/* This file allows customization of sidebar colors without modifying the main CSS files */

:root {
    /* You can customize these colors to change the sidebar appearance */
    --custom-sidebar-primary: #1a237e;      /* Dark blue primary */
    --custom-sidebar-secondary: #303f9f;    /* Medium blue secondary */
    --custom-sidebar-accent: #536dfe;       /* Light blue accent */
    --custom-sidebar-hover: #ff4081;        /* Pink hover color */
    --custom-sidebar-text: #ffffff;         /* White text */
    --custom-sidebar-text-muted: #e0e0e0;   /* Light gray text */
}

/* Apply custom colors to sidebar */
.sidebar {
    background: linear-gradient(180deg, var(--custom-sidebar-primary) 0%, var(--custom-sidebar-secondary) 100%) !important;
}

/* Customize sidebar header */
.sidebar-header {
    border-bottom: 1px solid rgba(5, 1, 29, 0.589);
    background: rgba(19, 1, 53, 0.15);
}

/* Customize sidebar logo */
.sidebar-logo {
    background: var(--custom-sidebar-accent);
    box-shadow: 0 4px 15px rgba(83, 109, 254, 0.4);
}

/* Customize user profile */
.sidebar-user {
    border-bottom: 1px solid rgba(26, 1, 4, 0.014);
    background: rgba(0, 0, 0, 0.1);
}

.user-avatar {
    background: linear-gradient(45deg, var(--custom-sidebar-accent), var(--custom-sidebar-hover));
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.user-role {
    color: var(--custom-sidebar-text-muted);
}

/* Customize navigation links */
.nav-link {
    color: var(--custom-sidebar-text) !important;
}

.nav-link:hover {
    background: rgba(255,255,255,0.15);
    color: var(--custom-sidebar-text) !important;
    transform: translateX(5px);
}

.nav-link.active {
    background: linear-gradient(90deg, var(--custom-sidebar-accent), transparent);
    color: var(--custom-sidebar-text) !important;
    border-left: 4px solid var(--custom-sidebar-accent);
}

/* Customize navigation icons */
.nav-icon {
    color: var(--custom-sidebar-accent);
}

/* Customize section titles */
.nav-section-title {
    color: var(--custom-sidebar-text-muted);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* Customize dropdown menus */
.nav-dropdown-menu {
    background: rgba(0,0,0,0.2);
}

.nav-dropdown-item {
    color: var(--custom-sidebar-text-muted);
}

.nav-dropdown-item:hover {
    background: rgba(255,255,255,0.1);
    color: var(--custom-sidebar-text);
}

/* Customize badges */
.nav-badge {
    background: var(--custom-sidebar-hover);
    color: var(--custom-sidebar-text);
}

/* Collapsed sidebar adjustments */
.sidebar.collapsed .user-avatar {
    background: linear-gradient(45deg, var(--custom-sidebar-accent), var(--custom-sidebar-hover));
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sidebar.collapsed .nav-dropdown-menu {
        background: var(--custom-sidebar-secondary);
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    :root {
        --custom-sidebar-primary: #0d47a1;
        --custom-sidebar-secondary: #1565c0;
        --custom-sidebar-accent: #2979ff;
        --custom-sidebar-hover: #ff1744;
    }
}