/* HIRELY_VIBRANT_COUNT_BADGES_V1
   Count/unread badges only. No display, visibility, positioning,
   text, authentication or subscription changes.
*/
html:root body :is(.nav-badge, .notif-count, .admin-unread-badge, .hirely-activity-badge, .hirely-notification-count, .pending-badge, .dv2-badge, .users-total-badge, .queue-badge, .badge-secondary-count, #dashboard-support-unread-badge),
html:root body #mobile-nav-panel :is(.nav-badge, .notif-count, .admin-unread-badge, .hirely-activity-badge, .hirely-notification-count, .pending-badge, .dv2-badge, .users-total-badge, .queue-badge, .badge-secondary-count, #dashboard-support-unread-badge) {
  background: #dc143c !important;
  background-image: linear-gradient(145deg, #e61946 0%, #d51035 55%, #b50929 100%) !important;
  color: #ffffff !important;
  border-color: #ff718c !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 0 0 1px rgba(255,48,88,.20),
    0 0 8px rgba(255,28,73,.48),
    0 0 16px rgba(255,28,73,.24) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 1px 1px rgba(80,0,15,.35) !important;
}

/* Preserve the distinction between confirmed counts and unknown states. */
html:root body .hirely-notification-bell:is([data-state="loading"], [data-state="unavailable"]) .hirely-notification-count {
  background: #475569 !important;
  background-image: none !important;
  border-color: #cbd5e1 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

@media (forced-colors: active) {
  html:root body :is(.nav-badge, .notif-count, .admin-unread-badge, .hirely-activity-badge, .hirely-notification-count, .pending-badge, .dv2-badge, .users-total-badge, .queue-badge, .badge-secondary-count, #dashboard-support-unread-badge),
html:root body #mobile-nav-panel :is(.nav-badge, .notif-count, .admin-unread-badge, .hirely-activity-badge, .hirely-notification-count, .pending-badge, .dv2-badge, .users-total-badge, .queue-badge, .badge-secondary-count, #dashboard-support-unread-badge) {
    background: Canvas !important;
    background-image: none !important;
    color: CanvasText !important;
    border: 1px solid CanvasText !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}