/**
 * Alerts & badges
 */
.fc-alert,
.fc-notice {
	display: flex;
	flex-direction: column;
	gap: var(--fc-space-1);
	padding: var(--fc-space-3) var(--fc-space-4);
	margin-bottom: var(--fc-space-4);
	border: 1px solid var(--fc-color-border);
	border-radius: var(--fc-radius-md);
	background: var(--fc-color-bg);
	font-size: var(--fc-text-small);
}

.fc-alert--success,
.fc-notice-success {
	background: var(--fc-color-success-bg);
	border-color: color-mix(in srgb, var(--fc-color-success) 35%, var(--fc-color-border));
	color: var(--fc-color-success-ink);
}

.fc-alert--info,
.fc-notice-info {
	background: var(--fc-color-info-bg);
	border-color: color-mix(in srgb, var(--fc-color-info) 35%, var(--fc-color-border));
	color: var(--fc-color-info-ink);
}

.fc-alert--warning,
.fc-notice-warning {
	background: var(--fc-color-warning-bg);
	border-color: color-mix(in srgb, var(--fc-color-warning) 35%, var(--fc-color-border));
	color: var(--fc-color-warning-ink);
}

.fc-alert--danger,
.fc-notice-error {
	background: var(--fc-color-danger-bg);
	border-color: color-mix(in srgb, var(--fc-color-danger) 35%, var(--fc-color-border));
	color: var(--fc-color-danger-ink);
}

.fc-badge,
.fc-portal-nav-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	min-height: 1.35rem;
	padding: 0.1rem 0.5rem;
	border-radius: var(--fc-radius-full);
	background: var(--fc-color-light-sand);
	color: var(--fc-color-slate);
	font-size: var(--fc-text-caption);
	font-weight: var(--fc-weight-semibold);
	line-height: 1.2;
	white-space: nowrap;
}

.fc-badge--active { background: var(--fc-color-success-bg); color: var(--fc-color-success); }
.fc-badge--draft { background: var(--fc-color-bg); color: var(--fc-color-slate); }
.fc-badge--pending { background: var(--fc-color-warning-bg); color: var(--fc-color-warning); }
.fc-badge--verified { background: var(--fc-color-info-bg); color: var(--fc-color-info); }
.fc-badge--hidden { background: var(--fc-color-skeleton-mid); color: var(--fc-color-slate); }
.fc-badge--expired { background: var(--fc-color-danger-bg); color: var(--fc-color-danger); }