/* nav-badges.css — alert count badges on the side-nav tabs (expanded + collapsed). */
#side-nav-v2 .nav-tab, .nav-tab { position: relative !important; }
/* let the badge sit at the icon corner in the collapsed rail without being clipped */
body.sidebar-collapsed #side-nav-v2 .nav-tab { overflow: visible !important; }

.nav-tab-badge {
  position: absolute; top: 50%; right: 12px; transform: translateY(-50%);
  display: inline-grid; place-items: center; box-sizing: border-box;
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 100px;
  background: var(--accent-rose, #fb7185); color: #fff;
  font-family: var(--font-body, Inter, sans-serif); font-size: 10px; font-weight: 700; line-height: 1;
  letter-spacing: 0; text-transform: none; font-variant-numeric: tabular-nums;
  box-shadow: 0 0 0 2px var(--col-void, #04050f); pointer-events: none; z-index: 3;
}
.nav-tab:not(.has-badge) .nav-tab-badge { display: none !important; }
/* keep the badge clear of a dropdown caret (Daily Logs) when expanded */
#side-nav-v2 .nav-tab.nav-dd-parent .nav-tab-badge { right: 32px; }
.nav-tab-badge[data-pop="1"] { animation: nav-badge-pop 0.32s var(--ease-spring, cubic-bezier(0.34,1.5,0.5,1)); }
@keyframes nav-badge-pop { 0% { transform: translateY(-50%) scale(0.2); } 60% { transform: translateY(-50%) scale(1.18); } 100% { transform: translateY(-50%) scale(1); } }

/* Collapsed 64px rail → compact marker on the icon's top-right corner */
body.sidebar-collapsed #side-nav-v2 .nav-tab-badge {
  top: 4px; left: 27px; right: auto; transform: none;
  min-width: 15px; height: 15px; padding: 0 3px; font-size: 8.5px;
  box-shadow: 0 0 0 2px var(--col-navy, #080d1e);
}
body.sidebar-collapsed #side-nav-v2 .nav-tab-badge[data-pop="1"] { animation: nav-badge-popc 0.3s var(--ease-spring, cubic-bezier(0.34,1.5,0.5,1)); }
@keyframes nav-badge-popc { 0% { transform: scale(0.2); } 60% { transform: scale(1.2); } 100% { transform: scale(1); } }

@media (prefers-reduced-motion: reduce) { .nav-tab-badge[data-pop="1"] { animation: none !important; } }
