/**
 * SNEHA Certificate Profile — Badge styles
 *
 * Styles for revoked and expired certificate status badges
 * injected by certificate_profile.bundle.js into the LMS SPA.
 */

/* Base badge */
.sneha-cert-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-left: 8px;
	vertical-align: middle;
	text-transform: uppercase;
}

/* Revoked -- red */
.sneha-cert-badge--revoked {
	background-color: var(--red-100, #fee2e2);
	color: var(--red-700, #b91c1c);
	border: 1px solid var(--red-300, #fca5a5);
}

/* Expired -- orange/amber */
.sneha-cert-badge--expired {
	background-color: var(--orange-100, #ffedd5);
	color: var(--orange-700, #c2410c);
	border: 1px solid var(--orange-300, #fdba74);
}

/* Dim the card slightly for non-active certificates */
.sneha-cert--revoked,
.sneha-cert--expired {
	opacity: 0.8;
}