/**
 * SimpleForm Elementor Widget — Editor Styles
 * Scoped to the Elementor editor only (loaded via get_style_depends on the editor side).
 */

/* ── Placeholder (no form selected) ─────────────────────────────────────── */
.sf-elementor-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 40px 24px;
	border: 2px dashed #c7d0e8;
	border-radius: 10px;
	background: #f8f9ff;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sf-elementor-placeholder__icon {
	color: #5271ff;
	opacity: 0.7;
}

.sf-elementor-placeholder__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #1e293b;
}

.sf-elementor-placeholder__text {
	margin: 0;
	font-size: 13px;
	color: #64748b;
	max-width: 280px;
}

.sf-elementor-placeholder__link {
	display: inline-block;
	margin-top: 6px;
	padding: 8px 18px;
	background: #5271ff;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	border-radius: 6px;
	text-decoration: none;
	transition: background 0.2s;
}

.sf-elementor-placeholder__link:hover {
	background: #3a56e4;
	color: #fff;
}

/* ── Selected card (form chosen) ─────────────────────────────────────────── */
.sf-elementor-selected-card {
	padding: 16px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f8fafc;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sf-elementor-selected-card__header {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.sf-elementor-selected-card__icon {
	font-size: 18px;
}

.sf-elementor-selected-card__name {
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
}

.sf-elementor-selected-card__badge {
	display: inline-block;
	padding: 2px 8px;
	background: #e0e7ff;
	color: #3730a3;
	font-size: 11px;
	font-weight: 600;
	border-radius: 4px;
	text-transform: capitalize;
}

.sf-elementor-selected-card__badge.sf-badge-theme {
	background: #d1fae5;
	color: #065f46;
}

.sf-elementor-selected-card__shortcode {
	margin: 0 0 6px;
	font-size: 12px;
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	color: #5271ff;
	background: #eff2ff;
	padding: 4px 8px;
	border-radius: 4px;
	word-break: break-all;
}

.sf-elementor-selected-card__note {
	margin: 0;
	font-size: 11px;
	color: #94a3b8;
}