/* Status chips */

.template-status,
.status-indicator {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: var(--md-color-neutral-soft);
	color: var(--md-color-muted);
}

.status-indicator {
	font-weight: 600;
	letter-spacing: 0.05em;
}

.template-status--active,
.status-indicator--active {
	background: rgba(29, 122, 29, 0.12);
	color: var(--md-color-success);
}

.template-status--inactive {
	background: rgba(76, 86, 106, 0.14);
	color: var(--md-color-muted);
}

.status-indicator--inactive {
	background: rgba(76, 86, 106, 0.12);
	color: var(--md-color-muted);
}