/* ============================================================================
   sidebar-nav.css
   Location: frontend/styles/sidebar-nav.css

   Styles for the unread-enforcement badge on the Regulatory Intelligence
   sidebar nav item. Sized to match the existing .sar-nav-badge so it reads
   as the same class of indicator. Tinted red (#DC2626) because the badge
   now counts only enforcement-tier items inside a 24-hour window —
   urgent compliance signals, not generic unread.

   Visibility is controlled by the .nav-unread-badge--hidden class toggled
   by sidebar-nav.js; CSS owns the look, not the show/hide state machine.
   ============================================================================ */

.nav-unread-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: #DC2626;          /* enforcement red */
  color: #FFFFFF;
  font-size: .55rem;
  font-weight: 800;
  border-radius: 100px;
  letter-spacing: 0;
  margin-left: auto;
  flex-shrink: 0;
  line-height: 1;
}

.nav-unread-badge--hidden {
  display: none;
}

/* Hide on collapsed sidebar — matches the existing .sar-nav-badge rule
   so the two badge types stay in sync when the user collapses the rail. */
.sidebar.collapsed .nav-unread-badge {
  display: none !important;
}