/* Shared badges */
.badge {
	padding: 0.4rem 0.75rem;
	border-radius: var(--border-radius-pill);
	font-weight: 500;
	font-size: 0.8rem;
}

.badge-sm {
	font-size: 0.8rem;
}

.badge-success {
	background: linear-gradient(135deg, var(--success) 0%, var(--secondary) 100%);
}

.badge-warning {
	background: linear-gradient(135deg, var(--warning) 0%, var(--warning-dark) 100%);
}

.badge-danger {
	background: linear-gradient(135deg, var(--danger) 0%, var(--danger-dark) 100%);
}

.badge-custom {
	padding: 0.35em 0.8em;
	border-radius: 9999px;
	font-weight: 600;
	font-size: 0.75rem;
}

.badge-success-soft {
	background-color: var(--success-light);
	color: var(--secondary-800);
}

.badge-warning-soft {
	background-color: var(--warning-bg-strong);
	color: var(--warning-dark);
}

.badge-danger-soft {
	background-color: var(--danger-light);
	color: var(--danger-dark);
}

.badge-info-soft {
	background-color: var(--primary-bg-strong);
	color: var(--primary-800);
}

.badge-paid {
	background-color: var(--success-light);
	color: var(--success);
}

.badge-active {
	background-color: var(--primary-bg);
	color: var(--primary-600);
}

.subscription-badge {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.7;
	}
}