.status-badge{align-items:center;gap:var(--space-2xs);padding:1px var(--space-xs);border-radius:var(--radius-sm);background:linear-gradient(var(--status-badge-bg), var(--status-badge-bg)) var(--color-surface-container);color:var(--status-badge-text);font-size:var(--text-small);vertical-align:middle;white-space:nowrap;line-height:20px;display:inline-flex}.status-badges{gap:var(--space-2xs);flex-wrap:wrap;display:inline-flex}.status-badge__shape{flex:none;width:10px;height:10px}.status-badge[data-tone=active]{--status-badge-bg:var(--color-active-bg);--status-badge-text:var(--color-active-text)}.status-badge[data-tone=info]{--status-badge-bg:var(--color-info-bg);--status-badge-text:var(--color-info-text)}.status-badge[data-tone=warning]{--status-badge-bg:var(--color-warning-bg);--status-badge-text:var(--color-warning-text)}.status-badge[data-tone=danger]{--status-badge-bg:var(--color-danger-bg);--status-badge-text:var(--color-danger-text)}.status-badge[data-tone=refusal]{--status-badge-bg:var(--color-refusal-bg);--status-badge-text:var(--color-refusal-text)}.status-badge[data-tone=neutral]{--status-badge-bg:var(--color-surface-bright);--status-badge-text:var(--color-text-secondary)}