:root {
    --fc-primary: #4CAF50;
    --fc-primary-dark: #2e7d32;
    --fc-bg: #f5f5f5;
    --fc-bg-dark: #1b1f24;
    --fc-card-bg: #ffffff;
    --fc-card-bg-dark: #242a32;
}

[data-bs-theme="dark"] {
    --fc-bg: var(--fc-bg-dark);
    --fc-card-bg: var(--fc-card-bg-dark);
}

body {
    background: var(--fc-bg);
    min-height: 100vh;
}

.card {
    background: var(--fc-card-bg);
    border: none;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.08);
}

.btn-primary,
.bg-primary,
.navbar.bg-primary {
    background-color: var(--fc-primary) !important;
    border-color: var(--fc-primary) !important;
}

.auth-card {
    border-top: 4px solid var(--fc-primary);
}

.nav-pills .nav-link.active {
    background-color: var(--fc-primary);
}

.badge-status {
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
}

.badge-status.pending { background: #ffca28; color: #1b1f24; }
.badge-status.active { background: #4caf50; }
.badge-status.suspended { background: #e53935; }

/* Ensure navbar dropdowns appear above sidebar */
.sticky-top .dropdown-menu {
    z-index: 1050 !important;
}

/* Quick Menu sidebar should be below dropdowns */
.card.sticky-top {
    z-index: 990;
}

.dashboard-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(76, 175, 80, 0.12);
    color: var(--fc-primary);
}
