/**
 * DocuSign envelope status badges — Vision DocuSign tab
 *
 * Tokens: --st-ds-envelope-* in tokens.css (light + dark via data-theme)
 * Classes: .status-badge.sdn-docusign-status.sdn-docusign-status--{slug}
 *
 * Slugs: sent, in-progress, voided (declined maps to voided)
 */

.status-badge.sdn-docusign-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 5.5rem;
	padding: var(--space-1, 0.25rem) var(--space-3, 0.75rem);
	border: 1px solid var(--border-default, #dfe3e8);
	border-radius: 0;
	font-size: var(--text-caps, 11px);
	font-weight: var(--weight-semibold, 600);
	letter-spacing: var(--tracking-wide, 0.06em);
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	color: var(--text-secondary, #666);
	background: var(--surface-muted, #eef1f4);
}

.status-badge.sdn-docusign-status--sent,
.status-badge.sdn-docusign-status--delivered {
	color: var(--st-ds-envelope-sent-fg);
	background: var(--st-ds-envelope-sent-bg);
	border-color: var(--st-ds-envelope-sent-border);
}

.status-badge.sdn-docusign-status--in-progress {
	color: var(--st-ds-envelope-in-progress-fg);
	background: var(--st-ds-envelope-in-progress-bg);
	border-color: var(--st-ds-envelope-in-progress-border);
}

.status-badge.sdn-docusign-status--voided,
.status-badge.sdn-docusign-status--declined {
	color: var(--st-ds-envelope-void-fg);
	background: var(--st-ds-envelope-void-bg);
	border-color: var(--st-ds-envelope-void-border);
}

.status-badge.sdn-docusign-status--completed {
	color: var(--brand-success-text, #137333);
	background: var(--brand-success-soft, #e6f4ea);
	border-color: color-mix(in srgb, var(--brand-success, #137333) 30%, transparent);
}

.status-badge.sdn-docusign-status--created {
	color: var(--text-secondary, #666);
	background: var(--surface-subtle, #f3f4f6);
	border-color: var(--border-default, #dfe3e8);
}