/* Dashboard Theme - Matching Landing Page */

/* Apply landing page theme to dashboard pages */
body.dashboard-active {
    font-family: 'Quicksand', sans-serif !important;
    background-color: #f2f3ef !important;
    color: #04000b !important;
}

/* Override any conflicting styles for dashboard */
body.dashboard-active h1,
body.dashboard-active h2,
body.dashboard-active h3,
body.dashboard-active h4,
body.dashboard-active h5,
body.dashboard-active h6 {
    font-family: 'Quicksand', sans-serif !important;
    color: #04000b !important;
}

/* Ensure buttons and links match the theme */
body.dashboard-active .btn-theme,
body.dashboard-active .btn-primary {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
    border: none !important;
    color: white !important;
}

body.dashboard-active .btn-theme:hover,
body.dashboard-active .btn-primary:hover {
    background: linear-gradient(135deg, #7C3AED 0%, #6B2FD6 100%) !important;
    transform: translateY(-2px);
}

/* Style scrollbars to match theme */
body.dashboard-active::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.dashboard-active::-webkit-scrollbar-track {
    background: #f2f3ef;
}

body.dashboard-active::-webkit-scrollbar-thumb {
    background: #8B5CF6;
    border-radius: 5px;
}

body.dashboard-active::-webkit-scrollbar-thumb:hover {
    background: #7C3AED;
}

/* Ensure inputs match theme */
body.dashboard-active input,
body.dashboard-active textarea,
body.dashboard-active select {
    font-family: 'Quicksand', sans-serif !important;
}

/* Apply theme colors to alerts and notifications */
body.dashboard-active .alert-success {
    background-color: rgba(201, 243, 29, 0.1);
    border-color: #C9F31D;
    color: #04000b;
}

body.dashboard-active .alert-info {
    background-color: rgba(139, 92, 246, 0.1);
    border-color: #8B5CF6;
    color: #04000b;
}

/* Style badges */
body.dashboard-active .badge {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600;
}

body.dashboard-active .badge-primary {
    background-color: #8B5CF6;
    color: white;
}

body.dashboard-active .badge-success {
    background-color: #C9F31D;
    color: #04000b;
}