/* count-badge.css: Count badge primitive (P2.T9). --size-badge high and wide at least, padding-inline --space-2, round, --inverse-bg fill,
   --inverse-text, --type-label tabular, capped at 99+. The host (an icon button) positions it; the badge only draws itself. */
.count-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: var(--size-badge);
  block-size: var(--size-badge);
  padding-inline: var(--space-2);
  border-radius: var(--radius-round);
  background: var(--inverse-bg);
  color: var(--inverse-text);
  font: var(--type-label);
  font-variant-numeric: tabular-nums lining-nums;
}
.count-badge[hidden] { display: none; }