/* ——— Brand color variables (used for active link backgrounds) ——— */
:root {
    --brand-primary: #06b96d;
    --brand-primary-hover: #05a361;
}

/* ——— Sidebar background override ——— */
/* Dark mode Override */
/* html[data-bs-theme="dark"] aside.navbar-vertical {
  background-color: #011ca3 !important;
} */

/* Light mode */
html[data-bs-theme="light"] aside.navbar-vertical {
    background: linear-gradient(20deg,
            #06B96D -15%,
            #011CA3 30%,
            #011CA3 70%,
            #048ab3 100%) !important;
}

/* ——— Active nav item Left Border Color——— */
@media (min-width: 992px) {
    .navbar-expand-lg .nav-item.active:after {
        border-color: #2ae798 !important;
        border-bottom-width: 3px !important;
    }

    aside a.nav-link.active {
        border-left: 3px solid #2ae798 !important;
    }
}

/* ——— Sidebar active link background & text ——— */
aside a.nav-link.active {
    background-color: var(--brand-primary) !important;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 6px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

aside a.nav-link.active:hover {
    background-color: var(--brand-primary-hover) !important;
}

aside a.nav-link {
    transition: background-color .2s ease;
}

/* ——— Impersonation banner gradient ——— */
html[data-bs-theme="light"] .impersonation-banner-gradient {
    background: #06B96D !important;
}

@media (min-width: 992px) {
    html[data-bs-theme="light"] .impersonation-banner-gradient {
        background: linear-gradient(80deg,
                #048ab3 0%,
                #011CA3 10%,
                #011CA3 70%,
                #06B96D 115%) !important;
    }
}

[data-bs-theme="dark"] .impersonation-banner-gradient {
    background: var(--tblr-bg-surface) !important;
}