/*
 * Color Formula Vault — admin panel brand overrides.
 * Palette taken from the app's design-spec.md so the panel matches the product.
 */
:root {
    --cfv-deep-purple: #2d1b4e;
    --cfv-mid-purple: #534ab7;
    --cfv-accent: #7f77dd;
    --cfv-lavender: #eeedfe;
    --cfv-indigo: #3c3489;
    --cfv-success: #1f4233;
    --cfv-danger: #e08a8a;
}

/* Metronic drives almost everything off --bs-primary. Repointing it at the CFV
   deep purple rebrands buttons, links, active nav and focus rings in one place. */
:root,
[data-bs-theme='light'] {
    --bs-primary: #2d1b4e;
    --bs-primary-rgb: 45, 27, 78;
    --bs-primary-active: #3d2668;
    --bs-primary-light: #eeedfe;
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: #2d1b4e;
    --bs-link-color: #534ab7;
    --bs-link-hover-color: #2d1b4e;
    --bs-component-active-bg: #2d1b4e;
}

.btn.btn-primary {
    background-color: var(--cfv-deep-purple);
    border-color: var(--cfv-deep-purple);
    color: #fff;
}

.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:active:not(.btn-active) {
    background-color: var(--cfv-mid-purple);
    border-color: var(--cfv-mid-purple);
    color: #fff;
}

.btn.btn-light-primary {
    background-color: var(--cfv-lavender);
    color: var(--cfv-indigo);
}

.text-primary {
    color: var(--cfv-deep-purple) !important;
}

.bg-primary {
    background-color: var(--cfv-deep-purple) !important;
}

/* Sidebar active item */
.menu-link.active {
    background-color: var(--cfv-lavender) !important;
    color: var(--cfv-indigo) !important;
}

.menu-link.active .svg-icon,
.menu-link.active .menu-icon .svg-icon {
    color: var(--cfv-indigo) !important;
}

.app-sidebar-logo h3 {
    letter-spacing: 0.02em;
    font-weight: 700;
    color: var(--cfv-deep-purple) !important;
}

/* Login screen */
.cfv-auth-bg {
    background: linear-gradient(160deg, var(--cfv-deep-purple) 0%, #4a2d7a 60%, #7a3ff2 100%);
}

.cfv-auth-card {
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
}

/* Dashboard stat tiles */
.cfv-stat-card {
    border-radius: 14px;
    border: 1px solid #e9e6f5;
}

.cfv-stat-value {
    font-size: 30px;
    font-weight: 700;
    color: var(--cfv-deep-purple);
    line-height: 1.1;
}

.cfv-stat-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8b889c;
}

/* Marks a screen whose numbers are placeholders, not real data. */
.cfv-placeholder-banner {
    border-left: 4px solid var(--cfv-accent);
    background: var(--cfv-lavender);
    color: var(--cfv-indigo);
    border-radius: 8px;
}