.n-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding-inline: var(--space-8);
	border: 1px solid transparent;
	border-radius: 999px;
	background-color: var(--color-surface-alt);
	color: var(--color-text-primary);
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.n-badge--neutral {
	border-color: var(--color-border);
	background-color: var(--color-surface-alt);
	color: var(--color-text-primary);
}

.n-badge--success {
	border-color: var(--color-success);
	background-color: var(--color-surface-alt);
	color: var(--color-text-primary);
}

.n-badge--warning {
	border-color: var(--color-warning);
	background-color: var(--color-accent-soft);
	color: var(--color-text-primary);
}

.n-badge--accent {
	border-color: var(--color-brand-secondary);
	background-color: var(--color-accent-soft);
	color: var(--color-text-primary);
}