/* Promotion is the visual reference for every quick-filter variant.
   Scoped specificity and !important supersede older module-specific !important rules.
   Real navigation tabs (.br-member-tabs) and action buttons are excluded. */
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  padding: 4px !important;
  margin: 0 0 14px !important;
  border: 1px solid #e7ede9 !important;
  border-radius: 11px !important;
  background: #f3f6f4 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  min-height: 32px !important;
  height: auto !important;
  padding: 4px 9px !important;
  margin: 0 !important;
  border: 1px solid #d0e7da !important;
  border-radius: 999px !important;
  background: #eaf6ef !important;
  color: #176d48 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
  transition: background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):is(.active,.is-active,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]) {
  background: #14865a !important;
  border-color: #14865a !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px rgba(20,134,90,.12) !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):hover {
  background: #def0e5 !important;
  border-color: #b7d9c6 !important;
  color: #176d48 !important;
  box-shadow: 0 1px 3px rgba(24,59,42,.08) !important;
  transform: none !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):focus-visible {
  outline: 2px solid #14865a !important;
  outline-offset: 2px !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):is(:disabled,[aria-disabled="true"]) {
  opacity: .45 !important;
  pointer-events: none !important;
  cursor: default !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button) > :is(b,.membership-count-circle,.audit-category-count),
html body .app-shell .main-panel main.content :is(.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters) > a > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  min-width: 21px !important;
  width: auto !important;
  max-width: none !important;
  height: 21px !important;
  margin: 0 !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #14865a !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transition: background-color .16s ease,color .16s ease !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):hover > :is(b,.membership-count-circle,.audit-category-count),
html body .app-shell .main-panel main.content :is(.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters) > a:hover > span {
  background: #14865a !important;
  color: #fff !important;
}

html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):is(.active,.is-active,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]) > :is(b,.membership-count-circle,.audit-category-count),
html body .app-shell .main-panel main.content :is(.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters) > a:is(.active,.is-active,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]) > span {
  background: #eaf6ef !important;
  color: #176d48 !important;
}

@media (prefers-reduced-motion: reduce) {
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button) {
  transition: none !important;
}

}

/* Text labels inherit the same state color; only the explicit count gets a badge. */
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.audit-category-filters) > :is(a,button) > span:not(.membership-count-circle):not(.audit-category-count) {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Filter controls never belong in printed reports. */
@media print {
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) { display: none !important; }
}

/* Selected state stays prominent while hovered. */
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > :is(a,button):is(.active,.is-active,[aria-current="page"],[aria-current="true"],[aria-pressed="true"]):hover { background: #10764f !important; border-color: #10764f !important; color: #fff !important; box-shadow: 0 0 0 3px rgba(20,134,90,.12) !important; }

/* Use one compact caption, including strips without a caption in their markup. */
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts) > [class*="filter-count-label"],
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts):not(:has(> [class*="filter-count-label"]))::before { display: inline-block !important; flex: 0 0 auto !important; margin: 0 4px 0 3px !important; color: #89958e !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.4 !important; text-transform: uppercase !important; letter-spacing: .07em !important; }
html body .app-shell .main-panel main.content :is(.al-status-counts,.ai-filter-counts,.bl-quick-counts,.bm-status-counts,.tr-filter-counts,.rg-filter-counts,.pm-filter-counts,.cm-filter-counts,.membership-count-filters,.br-quick:not(.br-member-tabs),.cn-quick-filters,.cm-unread-filters,.audit-category-filters,.po-quick-counts):not(:has(> [class*="filter-count-label"]))::before { content: "Quick filters"; }