/**
 * Empty states
 */
.fc-empty,
.fc-portal-empty-state,
.fc-portal-not-authorized {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--fc-space-3);
	margin: var(--fc-space-4) 0;
	padding: var(--fc-space-6);
	border: 1px dashed var(--fc-color-border-strong);
	border-radius: var(--fc-radius-lg);
	background: var(--fc-color-bg);
}

.fc-empty__illustration,
.fc-empty-illustration {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: var(--fc-radius-lg);
	background: color-mix(in srgb, var(--fc-color-seafoam) 12%, var(--fc-color-surface));
	color: var(--fc-color-seafoam);
}

.fc-empty__title,
.fc-portal-empty-title {
	margin: 0;
	font-size: var(--fc-text-h3);
	font-weight: var(--fc-weight-semibold);
	color: var(--fc-color-ocean-navy);
}

.fc-empty__desc,
.fc-portal-empty-message {
	margin: 0;
	max-width: 36rem;
	color: var(--fc-color-muted);
	font-size: var(--fc-text-small);
}

.fc-empty__actions,
.fc-portal-empty-action {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fc-space-2);
	margin-top: var(--fc-space-2);
}

.fc-portal-empty-hint {
	margin: 0;
}