.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-family:var(--font-sans);font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.1;white-space:nowrap;margin-top:3px;margin-bottom:2px;transition:background-color var(--motion-transition-fast),border-color var(--motion-transition-fast),color var(--motion-transition-fast)}.badge-interactive{cursor:pointer}.badge-interactive:hover{border-color:var(--color-text-main)}.badge-sm{padding:5px 11px;font-size:var(--font-size-2xs)}.badge-md{padding:8px 14px;font-size:var(--font-size-xs)}.badge-primary{background-color:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.badge-success{background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.badge-warning{background-color:var(--warning-bg);border-color:var(--warning-color);color:var(--warning-color)}.badge-danger{background-color:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.badge-info{background-color:var(--info-bg);border-color:var(--color-border);color:var(--color-text-soft)}.badge-neutral{background-color:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.badge-outline{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-main)}.badge-ink,.badge-active{background-color:var(--color-surface-ink)!important;border-color:var(--color-surface-ink)!important;color:var(--color-text-on-ink)!important}.badge-count{opacity:.65;letter-spacing:var(--tracking-coord)}.badge-active .badge-count,.badge-ink .badge-count{color:var(--color-primary)!important;opacity:1}