.wrap.umwfe-setup-wrap {
	max-width: 1180px;
	margin: 24px auto 48px;
	padding: 0;
	box-sizing: border-box;
}
.umwfe-setup-box {
	padding: 28px 32px 36px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
}
.umwfe-setup-box > h1 {
	margin: 0 0 16px;
	padding: 0;
	line-height: 1.25;
}
.umwfe-model {
	margin: 0 0 18px;
	padding: 18px 20px 16px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-left: 3px solid #2271b1;
	border-radius: 8px;
	max-width: 900px;
}
.umwfe-model-lead {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #2271b1;
}
.umwfe-model-split {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 18px;
}
.umwfe-model-half {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-left: 14px;
	border-left: 1px solid #dcdcde;
}
.umwfe-model-owner {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #646970;
}
.umwfe-model-half strong {
	font-size: 15px;
	line-height: 1.35;
	color: #1d2327;
}
.umwfe-model-where {
	font-size: 12.5px;
	color: #646970;
}
.umwfe-model-foot {
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid #dcdcde;
	font-size: 13px;
	color: #50575e;
}
.umwfe-setup-intro {
	margin: 0 0 18px;
	max-width: 640px;
	font-size: 14px;
	color: #50575e;
}
.umwfe-setup-cost {
	margin: 0;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 1.45;
	color: #50575e;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}
.umwfe-dir-paths {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	margin-top: 10px;
}
.umwfe-dir-path {
	margin: 0;
	padding: 12px 14px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 6px;
}
.umwfe-dir-path h3 {
	margin: 0 0 6px;
	font-size: 13px;
}
.umwfe-dir-path p {
	margin: 0 0 8px;
	font-size: 12px;
	color: #50575e;
	line-height: 1.45;
}
.umwfe-dir-path .umwfe-setup-cost {
	margin: 0 0 4px;
}
.umwfe-dir-path-primary {
	background: #fff;
	border-color: #2271b1;
}
.umwfe-dir-path-secondary {
	background: #f6f7f7;
}
.umwfe-dir-path .umwfe-setup-warn {
	margin: 0 0 8px;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 1.45;
	color: #8a2424;
	background: #fcf0f1;
	border: 1px solid #f0b9bc;
	border-radius: 4px;
}

.umwfe-setup-panel {
	margin: 0 0 12px;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.umwfe-setup-panel > summary {
	padding: 12px 16px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
	color: #1d2327;
}
.umwfe-setup-panel > summary::-webkit-details-marker { display: none; }
.umwfe-setup-panel > summary::before {
	content: "▸";
	display: inline-block;
	margin-right: 8px;
	color: #646970;
	transition: transform 0.15s ease;
}
.umwfe-setup-panel[open] > summary::before { transform: rotate(90deg); }
.umwfe-setup-panel-body {
	padding: 0 16px 16px;
	border-top: 1px solid #f0f0f1;
}
.umwfe-setup-panel-body .umwfe-starter-templates,
.umwfe-setup-panel-body .umwfe-compare {
	margin: 14px 0 0;
	padding: 0;
	border: none;
	box-shadow: none;
	background: transparent;
}
.umwfe-setup-panel-body .umwfe-compare-head { margin-bottom: 8px; }
.umwfe-setup-panel-body .form-table { margin-top: 8px; }
.umwfe-setup-panel-body .form-table th { padding-left: 0; }
.umwfe-setup-panel-body .submit { margin: 8px 0 0; padding: 0; }
.umwfe-setup-panel-body form > h2 { display: none; }
.umwfe-pro-widgets-pref {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #dcdcde;
}

.umwfe-pro-callout {
	margin: 14px 0 0;
	padding: 10px 14px;
	font-size: 13px;
	line-height: 1.45;
	color: #50575e;
	background: #f6f7f7;
	border-radius: 6px;
}

.umwfe-pro-teaser {
	margin: 0 0 14px;
	padding: 10px 14px;
	background: #f6f7f7;
	border-left: 3px solid #2271b1;
	font-size: 13px;
}

/* Free vs Pro comparison */
.umwfe-compare {
	margin: 28px 0 20px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.umwfe-compare-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}
.umwfe-compare-head h2 { margin: 0; font-size: 15px; }
.umwfe-compare-head-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}
.umwfe-compare-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.umwfe-compare-table th,
.umwfe-compare-table td {
	padding: 8px 10px;
	border-bottom: 1px solid #f0f0f1;
	text-align: left;
}
.umwfe-compare-table th:nth-child(2),
.umwfe-compare-table th:nth-child(3),
.umwfe-compare-cell { text-align: center; width: 90px; }
.umwfe-yes { color: #007017; font-weight: 700; }
.umwfe-no { color: #a7aaad; }
.umwfe-compare-demo {
	margin-left: 6px;
	font-size: 11px;
	text-decoration: none;
}

/* Hero */
.umwfe-setup-hero {
	margin: 0 0 16px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.umwfe-setup-hero-compact .umwfe-setup-hero-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.umwfe-setup-hero-compact .umwfe-setup-tagline {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: #1d2327;
}
.umwfe-setup-hero-compact .umwfe-setup-tagline .umwfe-muted {
	color: #646970;
	font-weight: 400;
}
.umwfe-setup-hero-compact .button-primary { margin: 0; }
.umwfe-setup-section-title {
	margin: 4px 0 4px;
	font-size: 15px;
}
.umwfe-setup-section-intro {
	margin: 0 0 14px;
	max-width: 720px;
	font-size: 13px;
	color: #50575e;
}
.umwfe-setup-warnings {
	margin: 10px 0 0;
	padding: 8px 12px;
	list-style: none;
	font-size: 12px;
	color: #8a6d00;
	background: #fff8e5;
	border-radius: 4px;
}
.umwfe-setup-warnings li { margin: 0; }
.umwfe-setup-warnings li + li { margin-top: 4px; }

/* Page cards */
.umwfe-page-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 10px;
	margin: 0;
}
.umwfe-page-cards-empty {
	grid-column: 1 / -1;
	margin: 0;
	padding: 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
}
.umwfe-page-card {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.umwfe-page-card-action {
	border-left: 3px solid #dba617;
}
.umwfe-page-card-ready,
.umwfe-page-card-working {
	border-left: 3px solid #007017;
}
.umwfe-page-card-pro {
	border-left: 3px solid #8c8f94;
	background: #f6f7f7;
	opacity: 0.92;
}
.umwfe-page-card-pro .umwfe-page-card-icon {
	color: #8c8f94;
	background: #e8e8e9;
}
.umwfe-page-card-pro .umwfe-page-card-title h2,
.umwfe-page-card-pro .umwfe-page-card-url,
.umwfe-page-card-pro .umwfe-page-card-hint {
	color: #646970;
}
.umwfe-page-card-pro .umwfe-page-card-widget {
	color: #50575e;
}
.umwfe-badge-pro {
	color: #3c434a;
	background: #dcdcde;
}
.umwfe-page-card-head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.umwfe-page-card-icon {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	font-family: dashicons;
	font-size: 20px;
	color: #50575e;
	background: #f0f0f1;
	border-radius: 8px;
}
.umwfe-page-card-ready .umwfe-page-card-icon,
.umwfe-page-card-working .umwfe-page-card-icon {
	color: #007017;
	background: #e6f2e8;
}
.umwfe-page-card-action .umwfe-page-card-icon {
	color: #8a6d00;
	background: #fff8e5;
}
.umwfe-page-card-icon::before {
	width: auto;
	height: auto;
	font-size: 20px;
	line-height: 1;
	font-family: dashicons;
}
.umwfe-page-card-title {
	flex: 1;
	min-width: 0;
}
.umwfe-page-card-title h2 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}
.umwfe-page-card-hint {
	margin: 4px 0 0;
	font-size: 12px;
	line-height: 1.4;
	color: #646970;
}
.umwfe-page-card-url {
	display: inline-block;
	margin-top: 2px;
	font-size: 12px;
	text-decoration: none;
	color: #646970;
}
.umwfe-badge {
	flex-shrink: 0;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	border-radius: 999px;
	white-space: nowrap;
}
.umwfe-badge-um_widget,
.umwfe-badge-shortcode_only,
.umwfe-badge-classic { color: #00450c; background: #e6f2e8; }
.umwfe-badge-elementor_no_um { color: #8a6d00; background: #fff8e5; }
.umwfe-badge-not_set,
.umwfe-badge-missing { color: #50575e; background: #f0f0f1; }
.umwfe-page-card-detail {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: #646970;
}
.umwfe-page-card-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-top: auto;
	padding-top: 12px;
}
.umwfe-page-card-actions .button { margin: 0; }
.umwfe-page-card-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 12px;
}
.umwfe-page-card-links a { text-decoration: none; }

.umwfe-dir-fork {
	margin: 10px 0 0;
}
.umwfe-dir-fork-intro {
	margin: 0 0 8px;
	font-size: 12px;
	color: #646970;
}
.umwfe-dir-fork-paths {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}
.umwfe-dir-fork-path {
	margin: 0;
	padding: 10px 12px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 6px;
}
.umwfe-dir-fork-path.is-current {
	background: #fff;
	border-color: #2271b1;
}
.umwfe-dir-fork-path h3 {
	margin: 0 0 6px;
	font-size: 13px;
	line-height: 1.3;
}
.umwfe-dir-fork-path > p {
	margin: 0 0 8px;
	font-size: 12px;
	color: #50575e;
	line-height: 1.45;
}
.umwfe-dir-fork-current {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.6;
	color: #0a4b78;
	background: #e5f5fa;
	border-radius: 3px;
}

.umwfe-dir-switch {
	margin: 8px 0 0;
}
.umwfe-dir-switch > summary {
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	color: #2271b1;
}
.umwfe-dir-switch-body {
	margin-top: 8px;
	padding: 10px 12px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 6px;
}
.umwfe-dir-paths-intro {
	margin: 0 0 8px;
	font-size: 12px;
	color: #646970;
}
.umwfe-dir-switch-body p {
	margin: 0 0 8px;
	font-size: 12px;
	color: #50575e;
	line-height: 1.45;
}
.umwfe-dir-path-widget {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: #646970;
}
.umwfe-dir-path-widget .dashicons {
	width: 14px;
	height: 14px;
	font-size: 14px;
}
.umwfe-dir-path-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 10px 0 0;
}
.umwfe-dir-path-actions .button { margin: 0; }

.umwfe-setup-advanced { margin-top: 28px; padding-top: 8px; border-top: 1px solid #dcdcde; }

/* Directory guide */
.umwfe-directory-guide {
	margin: 24px 0 8px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.umwfe-directory-guide h2 { margin: 0 0 6px; font-size: 15px; }
.umwfe-directory-guide-intro { margin: 0 0 14px; color: #50575e; font-size: 13px; max-width: 720px; }
.umwfe-directory-guide-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 14px;
}
.umwfe-directory-guide-card {
	margin: 0;
	padding: 14px 16px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 6px;
}
.umwfe-directory-guide-card-pro { border-left: 3px solid #2271b1; }
.umwfe-directory-guide-card h3 { margin: 0 0 8px; font-size: 13px; }
.umwfe-directory-guide-card p { margin: 0 0 8px; font-size: 12px; color: #50575e; line-height: 1.45; }
.umwfe-directory-guide-widget,
.umwfe-directory-guide-where {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: #646970;
}
.umwfe-directory-guide-widget .dashicons { width: 14px; height: 14px; font-size: 14px; }
.umwfe-directory-guide-card .button { margin-top: 8px; }

@media (max-width: 782px) {
	.wrap.umwfe-setup-wrap {
		margin: 12px 0 24px;
	}
	.umwfe-setup-box {
		padding: 18px 16px 24px;
		border-radius: 8px;
	}
}

@media (max-width: 600px) {
	.umwfe-setup-hero-top { flex-direction: column; align-items: flex-start; }
	.umwfe-page-cards { grid-template-columns: 1fr; }
	.umwfe-model-half { padding-left: 0; border-left: 0; }
}