@layer primitives{.badge{align-items:center;gap:var(--space-1);min-height:20px;padding:var(--space-1) var(--space-2);box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-strong);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;display:inline-flex}.badge>svg{flex:none;width:12px;height:12px}.badge.success{border-color:color-mix(in srgb,var(--success) 30%,transparent);background:var(--success-soft);color:var(--success)}.badge.warning{border-color:color-mix(in srgb,var(--warning) 30%,transparent);background:var(--warning-soft);color:var(--warning)}.badge.danger{border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:var(--danger-soft);color:var(--danger)}.badge.count{min-width:20px;padding:0 var(--space-1);border-color:var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--ink-on-accent);justify-content:center}.badge-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.badge.count[data-bump]{animation:badge-bump var(--dur-base) var(--ease-out)}@keyframes badge-bump{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.badge.count[data-bump]{animation:none}}}