.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-kicker {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #2271b1;
}
.umwfe-setup-box > h1 {
	margin: 0 0 8px;
	padding: 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;
}
.umwfe-model {
	margin: 12px 0 18px;
	padding: 14px 16px 12px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	max-width: 680px;
}
.umwfe-model-lead {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	color: #1d2327;
}
.umwfe-model-split {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px 18px;
}
.umwfe-model-half {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.umwfe-model-owner {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #646970;
}
.umwfe-model-half strong {
	font-size: 13px;
	line-height: 1.4;
	color: #1d2327;
}
.umwfe-model-where {
	font-size: 12px;
	color: #646970;
}
.umwfe-model-foot {
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid #dcdcde;
	font-size: 12px;
	color: #646970;
}
.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-primary .umep-auth-looks { margin-top: 8px; }
.umwfe-dir-path-primary .umep-also-register-label { margin-top: 10px; }

.umwfe-first-win {
	margin: 0;
	max-width: 680px;
}
.umwfe-first-win + .umwfe-model-one {
	margin-top: 22px;
	margin-bottom: 0;
	max-width: 680px;
	font-size: 13px;
	color: #646970;
}
.umwfe-first-win-lead {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.5;
	color: #50575e;
}
.umwfe-first-win-compare {
	display: grid;
	grid-template-columns: 1fr 24px 1fr;
	gap: 10px;
	align-items: stretch;
	margin: 0 0 18px;
}
.umwfe-first-win-to {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8c8f94;
}
.umwfe-first-win-to::before {
	content: "\2192";
	font-size: 18px;
	line-height: 1;
}
.umwfe-first-win-panel {
	margin: 0;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	overflow: hidden;
}
.umwfe-first-win-panel-after {
	border-color: #2271b1;
	box-shadow: 0 0 0 1px #2271b1;
}
.umwfe-first-win-panel figcaption {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	padding: 8px 12px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #646970;
	background: #f6f7f7;
	border-bottom: 1px solid #dcdcde;
}
.umwfe-first-win-panel-after figcaption {
	color: #2271b1;
	background: #f0f6fc;
}
.umwfe-first-win-badge {
	padding: 1px 6px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #fff;
	background: #2271b1;
	border-radius: 3px;
}
.umwfe-first-win-preview {
	flex: 1;
	background: #e8eaed;
}
.umwfe-first-win-panel-after .umwfe-first-win-preview {
	background: #f4f7fb;
}
.umwfe-first-win-preview svg {
	display: block;
	width: 100%;
	height: auto;
}
.umwfe-first-win-panel-note {
	margin: 0;
	padding: 8px 12px 10px;
	font-size: 12px;
	line-height: 1.35;
	color: #646970;
	background: #fff;
	border-top: 1px solid #dcdcde;
}
.umwfe-first-win-panel-after .umwfe-first-win-panel-note {
	font-weight: 600;
	color: #1d2327;
}
.umwfe-first-win-cta {
	max-width: 420px;
}
.umwfe-first-win-actions {
	margin: 0 0 10px;
}
.umwfe-first-win-actions .button-hero {
	width: 100%;
}
.umwfe-cta-hint {
	flex: 1 0 100%;
	margin: 4px 0 0;
	font-size: 12px;
	line-height: 1.4;
	color: #646970;
}
.umwfe-first-win-cta > .umwfe-cta-hint {
	margin: 8px 0 0;
}
.umwfe-first-win .umep-also-register-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	font-size: 13px;
	color: #1d2327;
}
.umwfe-first-win-more {
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #dcdcde;
}
.umwfe-first-win-more summary {
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	color: #646970;
}
.umwfe-first-win-more summary:hover {
	color: #1d2327;
}
.umwfe-first-win-more p {
	margin: 8px 0;
	font-size: 12px;
	color: #50575e;
}
.umwfe-first-win-kits {
	margin: 22px 0 0;
	padding: 14px 0 0;
	max-width: 680px;
	border-top: 1px solid #dcdcde;
	font-size: 13px;
	line-height: 1.5;
	color: #646970;
}
.umwfe-first-win-kits a {
	text-decoration: none;
}
.umwfe-sample-members {
	margin: 0 0 22px;
	padding: 16px 18px 14px;
	max-width: 640px;
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-left: 3px solid #2271b1;
	border-radius: 8px;
}
.umwfe-sample-members-lead {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.45;
	color: #1d2327;
}
.umwfe-sample-members .button {
	margin: 0;
}
.umwfe-sample-members-note {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: #646970;
}
.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,
.umep-page-card-forms {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: #646970;
}
.umwfe-page-card-steps {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.4;
}
.umwfe-page-card-steps li {
	position: relative;
	margin: 0;
	padding: 2px 0 2px 16px;
	color: #646970;
}
.umwfe-page-card-steps li::before {
	position: absolute;
	left: 0;
	content: "\25CB";
}
.umwfe-page-card-steps li.is-done {
	color: #00450c;
}
.umwfe-page-card-steps li.is-done::before {
	content: "\2713";
	color: #00a32a;
}
.umwfe-page-card-steps li.is-next {
	color: #1d2327;
	font-weight: 600;
}
.umwfe-page-card-steps li.is-later {
	opacity: 0.85;
}
.umwfe-step-pro {
	margin-left: 6px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #646970;
}
.umep-page-card-forms a { text-decoration: none; }
.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; }
.umep-auth-looks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	width: 100%;
}
.umep-auth-looks-more {
	flex: 1 0 100%;
	margin: 0;
}
.umep-auth-looks-more summary {
	cursor: pointer;
	font-size: 12px;
	color: #2271b1;
}
.umep-auth-looks-more summary:hover {
	color: #135e96;
}
.umep-auth-looks-more-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.umep-also-register-label {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	font-size: 12px;
	color: #646970;
}
.umwfe-page-card-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	width: 100%;
	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;
	}
	.umwfe-first-win-compare {
		grid-template-columns: 1fr;
	}
	.umwfe-first-win-to {
		display: none;
	}
}

@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; }
}