:root{
  --active-fill:var(--active-bg,rgba(var(--accent-rgb),.12));
  --active-line:var(--active-border,rgba(var(--accent-rgb),.28));
  --active-ink:var(--accent-ink,var(--bh-blue));
}

.nav-btn.active,.nav-btn[aria-current="page"],
.pln-nav-btn.active,.pln-nav-btn--active,.pln-nav-btn[aria-current="page"],
.hrm-nav-btn.active,.hrm-nav-btn--active,.hrm-nav-btn[aria-current="page"],
.rail-item.active,.folder-item.active,.settings-nav-item.active,
.adv-nav button.is-active,.nav-item.active{
  background:var(--active-fill) !important;
  border-color:transparent !important;
  color:var(--active-ink) !important;
  box-shadow:inset 3px 0 0 var(--bh-blue) !important;
  font-weight:700 !important;
}

.pln-diff-tab--active,
.tb-period.seg button.on,
.w-filter-chip.active,.w-filter-chip[aria-pressed="true"],
.mode-btn.active,.phb-ptab.active,
#global-loc-filter button.loc-on,
.seg.active,.seg button.active,.cv-vm-btn.is-active,.vp-btn.active,
.chip.active,.alc-tab.active,.theme-tab.active,.ds-tt.active,.ds-item.active,
.loc-picker.is-active,.emp-picker-item.is-active,.pp-btn[aria-pressed="true"],
.insp-section .pill-btn.active,.cc-pillrow button.active,.bulk-pillrow button.active,
.ebar-overflow-menu button.is-active,.wpm-fam-tabs .pill-btn.active,
.qm-period-btn.active,.std-tag.active,.fml-usedby.active,
.ds-ftab.on,.ds-icpick.on,.hrm-filter-chip.is-active{
  background:var(--active-fill) !important;
  border-color:var(--active-line) !important;
  color:var(--active-ink) !important;
  box-shadow:none !important;
  font-weight:700 !important;
}

:is(
  .nav-btn.active,.nav-btn[aria-current="page"],
  .pln-nav-btn.active,.pln-nav-btn--active,.hrm-nav-btn.active,.hrm-nav-btn--active,
  .pln-diff-tab--active,.tb-period.seg button.on,
  .w-filter-chip.active,.mode-btn.active,.phb-ptab.active,
  #global-loc-filter button.loc-on,.seg.active,.seg button.active,
  .cv-vm-btn.is-active,.vp-btn.active,.rail-item.active,.chip.active,
  .folder-item.active,.settings-nav-item.active,.adv-nav button.is-active,.nav-item.active
) :is(.ic,svg,.nav-item-icon,.nav-item-label,.pln-nav-btn__icon,.pln-nav-btn__label,.hrm-nav-btn__icon,.hrm-nav-btn__label),
:is(.nav-btn.active,.pln-nav-btn.active,.pln-nav-btn--active,.hrm-nav-btn.active,.hrm-nav-btn--active) > :is(.ic,svg,span){
  color:inherit !important;
}

@media (prefers-reduced-motion:reduce){
  .nav-btn.active,.w-filter-chip.active,.mode-btn.active,.seg.active,
  .chip.active,.tb-period.seg button.on,#global-loc-filter button.loc-on{
    transition:none !important;
  }
}