@layer components{.badge{max-inline-size:100%;padding:0 var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;font-weight:600;line-height:1.5rem;display:inline-flex;overflow:hidden}.badge[data-tone=info]{background:var(--color-primary-soft);color:var(--color-primary)}.badge[data-tone=success]{background:var(--color-success-bg);color:var(--color-success)}.badge[data-tone=warn]{background:var(--color-warn-bg);color:var(--color-warn)}.badge[data-tone=danger]{background:var(--color-danger-bg);color:var(--color-danger)}}