/**
 * Relatia AI Book Generator Styles
 */

/* Form layout */
.relatia-ai-book-generator-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.relatia-ai-book-generator-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
}

.relatia-ai-book-generator-field label {
	font-weight: 600;
	font-size: 0.9em;
}

.relatia-ai-book-generator-field textarea {
	resize: vertical;
	min-height: 70px;
}

.relatia-ai-book-generator-row {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.relatia-ai-book-generator-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.9em;
	cursor: pointer;
}

.relatia-ai-book-generator-checkbox input[type="checkbox"] {
	margin: 0;
}

.relatia-ai-book-generator-actions {
	padding-top: 4px;
}

.relatia-ai-book-generator-actions .relatia-btn i {
	font-size: 18px;
	vertical-align: middle;
	margin-right: 4px;
}

/* Disabled state */
.relatia-ai-book-generator-disabled {
	opacity: 0.5;
	pointer-events: none;
}

/* Progress */
.relatia-ai-book-generator-progress {
	margin-top: 20px;
	padding: 20px;
	background: #f9f9fb;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}

.relatia-ai-book-generator-progress-header {
	display: flex;
	align-items: center;
	gap: 8px;
}

.relatia-ai-book-generator-progress-text {
	font-size: 0.95em;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
}

.relatia-ai-book-generator-spinner {
	animation: relatia-ai-gen-spin 1.5s linear infinite;
	font-size: 20px;
	color: var(--relatia-color-main, #4f46e5);
}

@keyframes relatia-ai-gen-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Steps list */
.relatia-ai-book-generator-steps {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.relatia-ai-book-generator-step {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.88em;
	padding: 6px 0;
	border-bottom: 1px solid #f0f0f0;
}

.relatia-ai-book-generator-step:last-child {
	border-bottom: none;
}

.relatia-ai-book-generator-step i {
	font-size: 18px;
}

.relatia-ai-step-done i {
	color: #22c55e;
}

.relatia-ai-step-error-icon {
	color: #ef4444;
	font-size: 20px;
}

.relatia-ai-step-error {
	color: #ef4444;
}

.relatia-ai-step-done-icon {
	color: #22c55e;
	font-size: 20px;
}

/* Result card */
.relatia-ai-book-generator-result {
	margin-top: 16px;
}

.relatia-ai-book-generator-result-card {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
	padding: 16px 20px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
}

.relatia-ai-book-generator-result-card .relatia-btn i {
	font-size: 18px;
	vertical-align: middle;
	margin-right: 4px;
}

/* Dark theme */
[data-theme="dark"] .relatia-ai-book-generator-progress {
	background: #1e1e2e;
	border-color: #333;
}

[data-theme="dark"] .relatia-ai-book-generator-step {
	border-bottom-color: #2a2a3a;
}

[data-theme="dark"] .relatia-ai-book-generator-result-card {
	background: #1a2e1a;
	border-color: #2d5a2d;
}

/* Responsive */
@media (max-width: 600px) {
	.relatia-ai-book-generator-row {
		flex-direction: column;
	}

	.relatia-ai-book-generator-result-card {
		flex-direction: column;
		text-align: center;
	}
}