/* OpenlibTheme 2026-10-28 v91 — Dashboard notification badge
 * Core OJS already renders: Dashboard <span class="task_count">318</span>.
 * Keep the real notification count, styling only; no HTML or core changes.
 */

/* Restrict to the logged-in frontend user dropdown, not backend menus. */
html body #navigationUserWrapper .pkp_navigation_user > li > ul a,
html body #navigationUserWrapper .openlib-account-dropdown a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

html body #navigationUserWrapper .pkp_navigation_user > li > ul a .task_count,
html body #navigationUserWrapper .openlib-account-dropdown a .task_count{
  box-sizing:border-box!important;
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:26px!important;
  max-width:none!important;
  height:22px!important;
  margin:0 0 0 auto!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:999px!important;
  background:#dc2635!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
  box-shadow:0 1px 3px rgba(150,20,35,.14);
}

html body #navigationUserWrapper .pkp_navigation_user > li > ul a:hover .task_count,
html body #navigationUserWrapper .openlib-account-dropdown a:hover .task_count,
html body #navigationUserWrapper .pkp_navigation_user > li > ul a:focus-visible .task_count,
html body #navigationUserWrapper .openlib-account-dropdown a:focus-visible .task_count{
  background:#b91c2b!important;
  color:#fff!important;
}

/* Explicit contrast for the same badge when OpenlibTheme dark mode is on. */
html[data-openlib-color-mode="dark"] body #navigationUserWrapper .openlib-account-dropdown a .task_count,
html[data-openlib-color-mode="dark"] body #navigationUserWrapper .pkp_navigation_user > li > ul a .task_count{
  background:#e33a49!important;
  color:#fff!important;
}