/* Dynamic Interface Colors - Generated from Database Settings */

/* Admin Interface Colors */
body.admin-panel nav.main-nav {
    background: rgba(63, 81, 181, 0.8) !important;
}

body.admin-panel nav.main-nav .nav-link,
body.admin-panel nav.main-nav .nav-user {
    color: #ffffff !important;
}

body.admin-panel aside.sidebar.admin-sidebar {
    background: rgba(63, 81, 181, 0.8) !important;
    background-image: none !important;
    color: #ffffff !important;
}

body.admin-panel aside.sidebar.admin-sidebar .nav-link,
body.admin-panel aside.sidebar.admin-sidebar .nav-text,
body.admin-panel aside.sidebar.admin-sidebar .nav-icon,
body.admin-panel aside.sidebar.admin-sidebar .nav-section-title,
body.admin-panel aside.sidebar.admin-sidebar .user-name,
body.admin-panel aside.sidebar.admin-sidebar .user-role {
    color: #ffffff !important;
}

body.admin-panel aside.sidebar.admin-sidebar .sidebar-header,
body.admin-panel aside.sidebar.admin-sidebar .sidebar-footer {
    background: rgba(63, 81, 181, 0.8) !important;
    background-image: none !important;
    opacity: 0.85;
}

/* Admin sidebar active states work with any color */
body.admin-panel aside.sidebar.admin-sidebar .nav-item.active .nav-link {
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}

body.admin-panel aside.sidebar.admin-sidebar .nav-item.active .nav-link::before {
    background: #ffffff !important;
}

/* Dashboard / General Interface Colors */
body:not(.admin-panel) nav.main-nav {
    background: linear-gradient(135deg, #3f51b5 0%, #5c6bc0 100%) !important;
}

body:not(.admin-panel) nav.main-nav .nav-link,
body:not(.admin-panel) nav.main-nav .nav-user {
    color: #ffffff !important;
}

body:not(.admin-panel) nav.main-nav .nav-link:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

body:not(.admin-panel) nav.main-nav .nav-link.logout-link:hover {
    background: rgba(231, 76, 60, 0.8) !important;
    border-color: rgba(231, 76, 60, 0.9);
}

body:not(.admin-panel) aside.sidebar {
    background: linear-gradient(180deg, #3f51b5 0%, #5c6bc0 100%) !important;
    color: #ffffff !important;
}

body:not(.admin-panel) aside.sidebar .sidebar-header {
    background: rgba(0,0,0,0.2) !important;
}

body:not(.admin-panel) aside.sidebar .sidebar-footer {
    background: rgba(0,0,0,0.2) !important;
}

body:not(.admin-panel) aside.sidebar .nav-link,
body:not(.admin-panel) aside.sidebar .nav-text,
body:not(.admin-panel) aside.sidebar .nav-icon,
body:not(.admin-panel) aside.sidebar .nav-section-title {
    color: #ffffff !important;
}

body:not(.admin-panel) aside.sidebar .nav-item.active .nav-link {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

body:not(.admin-panel) aside.sidebar .nav-item.active .nav-link::before {
    background: #ffffff !important;
}

/* Admin Navbar Link Hover Effects */
body.admin-panel .nav-link:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: white;
    transform: translateY(-2px);
}

body.admin-panel .nav-link.logout-link:hover {
    background: rgba(231, 76, 60, 0.8) !important;
    border-color: rgba(231, 76, 60, 0.9);
}

/* Login Page Colors */
:root {
    --login-background: #3f51b5;
    --login-text: #ffffff;
    --login-text-secondary: 
    #FFFFFF;
}