.badge{align-items:center;gap:var(--space-tight-gap);font-family:var(--font-family-base);font-size:var(--font-size-caption);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--border-radius-pill);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-secondary);color:var(--color-text-secondary);white-space:nowrap;line-height:1;display:inline-flex}.badge--success{background:var(--color-feedback-success-background);color:var(--color-feedback-success-foreground);border-color:var(--color-feedback-success-border)}.badge--warning{background:var(--color-feedback-warning-background);color:var(--color-feedback-warning-foreground);border-color:var(--color-feedback-warning-border)}.badge--error{background:var(--color-feedback-error-background);color:var(--color-feedback-error-foreground);border-color:var(--color-feedback-error-border)}.badge--info{background:var(--color-feedback-info-background);color:var(--color-feedback-info-foreground);border-color:var(--color-feedback-info-border)}.badge--count{min-width:var(--badge-count-size);height:var(--badge-count-size);padding:0 var(--badge-padding-x);justify-content:center}.badge--dot{width:var(--badge-dot-size);height:var(--badge-dot-size);border:none;padding:0}