/**
 * Locked State
 * Shown when API credentials are not configured
 */

.ta-locked-state {
	text-align: center;
	animation: fadeIn 0.3s ease-out backwards;
}

.ta-locked-icon-wrapper {
	display: flex;
	justify-content: center;
	margin-bottom: var(--ta-space-lg);
}

.ta-locked-icon {
	width: 64px;
	height: 64px;
	border-radius: var(--ta-radius-full);
	background: var(--ta-primary-light);
	color: var(--ta-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ta-locked-title {
	font-size: var(--ta-font-size-lg);
	font-weight: var(--ta-font-weight-semibold);
	color: var(--ta-gray-800);
	margin-bottom: var(--ta-space-sm);
}

.ta-locked-description {
	font-size: var(--ta-font-size-base);
	color: var(--ta-gray-600);
	line-height: var(--ta-line-height-relaxed);
	max-width: 420px;
	margin: 0 auto var(--ta-space-xl);
}

.ta-settings-link {
	max-width: 240px;
	margin: 0 auto;
	text-decoration: none;
}

.ta-settings-link .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
}

.ta-locked-footer {
	margin-top: var(--ta-space-md);
	font-size: var(--ta-font-size-xs);
	color: var(--ta-gray-500);
}