/**
 * FlexAdmin app.js initSidenav() adds .active to the current route <a>.
 * app.min.css rules (.admin-menu a.active, .hs-accordion-content .active) use
 * emerald and higher specificity on nested links, so they override Tailwind
 * after JS runs (~milliseconds) — looks like a flash.
 */
#app-menu ul.admin-menu .menu-item > a.bg-primary,
#app-menu ul.admin-menu .menu-item > a.bg-primary.active,
#app-menu ul.admin-menu li.hs-accordion > a.hs-accordion-toggle.bg-primary,
#app-menu ul.admin-menu li.hs-accordion > a.hs-accordion-toggle.bg-primary.active,
#app-menu ul.admin-menu .hs-accordion-content a.bg-primary,
#app-menu ul.admin-menu .hs-accordion-content a.bg-primary.active {
    background-color: #365a7a !important;
    color: #ffffff !important;
}

#app-menu ul.admin-menu a.bg-primary .material-symbols-rounded,
#app-menu ul.admin-menu a.bg-primary.active .material-symbols-rounded,
#app-menu ul.admin-menu a.bg-primary .ti,
#app-menu ul.admin-menu a.bg-primary.active .ti {
    color: #ffffff !important;
}

#app-menu ul.admin-menu a.hs-accordion-toggle.bg-primary .ti-chevron-right,
#app-menu ul.admin-menu a.hs-accordion-toggle.bg-primary.active .ti-chevron-right {
    color: rgba(255, 255, 255, 0.9) !important;
}