/* Direction C workflow patterns; native forms and shared Phase A primitives. */
.setup-shell{max-width:1040px;margin:0 auto}
.setup-step-list{margin:0 0 24px;border-bottom:1px solid var(--border-subtle)}
.setup-step-list>summary{display:none}
.setup-step-list>ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;margin:0 0 16px;list-style:none}
.setup-step-list button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-control);font-size:13px;line-height:18px;text-align:left;box-shadow:none;transform:none}
.setup-step-list button i{font-style:normal;display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid var(--border-control);border-radius:50%;font-size:12px}
.setup-step-list button i svg{width:16px;height:16px}
.setup-step-list button.current{background:var(--surface-context);color:var(--text-primary);font-weight:500}
.setup-step-list button.current i{border-color:var(--brand-readable)}
.setup-step-list button.complete{color:var(--brand-readable)}
.setup-step-list button:disabled{opacity:1;color:var(--text-muted);cursor:default}
.setup-focus{max-width:820px;margin:0 auto}
.setup-focus .setup-card{padding:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);box-shadow:none}
.workflow-intro{margin-bottom:24px}
.workflow-intro h2,.setup-card>h2{font-size:26px;line-height:32px;font-weight:500;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}
.workflow-intro p{font-size:15px;line-height:24px;margin:8px 0;max-width:65ch;color:var(--text-secondary)}
.workflow-intro .workflow-next{font-size:14px;line-height:22px;margin-top:12px}
.workflow-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 32px;font-size:13px;line-height:20px;color:var(--text-muted)}
.workflow-footer button{flex:none;min-height:44px}
.verified-path,.receipt-confirmation{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:var(--radius-control);background:var(--success-bg);color:var(--success-text);font-size:14px;line-height:22px;margin:0 0 24px}
.verified-path svg,.receipt-confirmation svg{flex:none;width:20px;height:20px}
.elementor-setup-guide ol{margin:24px 0;padding-left:24px;gap:24px}
.elementor-setup-guide li{padding-left:8px;color:var(--text-primary);font-size:15px;line-height:24px}
.elementor-setup-guide li p{margin:4px 0 0;color:var(--text-secondary)}
.elementor-setup-guide .technical-inset,.connection-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:16px 0 0;padding:16px;background:var(--surface-inset);border:0;border-radius:var(--radius-control)}
.connection-copy>span{grid-column:1/-1;font-size:13px;color:var(--text-secondary)}
.connection-copy code{font:13px/22px var(--font-mono);word-break:break-all;align-self:center;color:var(--text-primary);background:none;padding:0;min-width:0}
.connection-copy button{align-self:center;min-width:64px;min-height:44px}
.setup-card .notice,.setup-card .platform-setup-note{font-size:14px;line-height:22px;padding:16px;border-radius:var(--radius-control);margin:20px 0}
.setup-card .listening,.setup-card .listener-state{margin-top:24px;padding:20px;text-align:left;border-radius:var(--radius-control);background:var(--surface-inset);color:var(--text-primary)}
.setup-card .listening>span{animation:none;background:var(--neutral-text)}
.setup-card .listener-state p{color:var(--text-secondary);font-size:14px;line-height:22px}
.setup-card .listener-problem{background:var(--warning-bg);border-color:var(--warning-border)}
.setup-card .source-details{background:transparent;border:0;padding:0;margin-bottom:24px}
.setup-card .source-details .eyebrow{display:none}
.setup-card .detail-grid{gap:16px}
.setup-card .detail-grid article{padding:12px 0;border:0;background:transparent}
.mapping-fields{display:grid;gap:0}
.mapping-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--border-subtle);align-items:start}
.mapping-field>label{display:grid;gap:8px;font-size:15px;line-height:22px;min-width:0}
.mapping-field small{font-size:13px;line-height:20px;overflow-wrap:anywhere;color:var(--text-secondary)}
.mapping-field>div{display:grid;gap:8px;min-width:0}
.mapping-field select{width:100%;height:44px;min-height:44px}
.mapping-field .confidence{font-size:12px;line-height:18px;font-style:normal;justify-self:start;color:var(--text-secondary);background:var(--surface-inset);border-radius:var(--radius-status);padding:2px 6px}
.mapping-field .confidence.suggested,.mapping-field .confidence.unknown{color:var(--warning-text);background:var(--warning-bg)}
.mapping-list .naming-step{border:0;border-radius:var(--radius-control);padding:20px;background:var(--surface-context);margin-bottom:16px}
.mapping-list .naming-step h3{margin:0 0 12px;font-size:18px;line-height:24px;font-weight:500}
.mapping-list .hint{margin:20px 0;font-size:14px;line-height:22px}
.audience-list{display:grid;gap:16px;margin-top:20px}
.audience-list article.audience-card{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);padding:20px;text-align:left}
.destination-toggle{display:flex;gap:12px;align-items:flex-start;min-height:44px;cursor:pointer}
.destination-toggle input{margin:3px 0 0;flex:none}
.destination-toggle>span{display:grid;gap:4px;min-width:0}
.destination-toggle strong{font-size:16px;line-height:24px;overflow-wrap:anywhere}
.destination-toggle small{font-size:13px;line-height:20px;color:var(--text-secondary)}
.audience-card:has(.destination-toggle input:checked),.audience-choice:has(input:checked){border-color:var(--brand-readable);background:var(--surface-context)}
.audience-card .route-options,.audience-choice .route-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;min-width:0}
.route-options label,.workflow-edit label{display:grid;gap:8px;font-size:14px;line-height:22px;min-width:0}
.route-options select,.workflow-edit select,.workflow-edit input:not([type=checkbox]),.form-stack .sensitive-field input{min-height:44px;padding-top:10px;padding-bottom:10px}
.route-options .brevo-doi-fields{grid-column:1/-1;display:grid;gap:16px}
.route-options [hidden]{display:none}
.brevo-subscription-copy{font-size:13px;line-height:20px;color:var(--text-secondary)}
.test-subscriber{display:grid;gap:8px;padding:16px 0;margin:0 0 20px;border-top:1px solid var(--border-subtle)}
.test-subscriber small{font-size:13px;color:var(--text-secondary)}
.test-subscriber strong{overflow-wrap:anywhere}
.test-subscriber p{margin:0;font-size:14px;line-height:22px;color:var(--text-secondary)}
.setup-card .compact-route-summary{margin:16px 0}
.setup-card .test-outcomes{display:grid;grid-template-columns:1fr;gap:8px;margin:24px 0}
.test-outcomes>b{display:none}.test-outcomes>span{font-size:14px;line-height:22px;text-align:left;padding:12px 16px;border-radius:var(--radius-control);background:var(--neutral-bg);color:var(--neutral-text)}
.test-outcomes>span.done{background:var(--success-bg);color:var(--success-text)}
.setup-card .success-panel{text-align:left;background:var(--surface-context);padding:24px;border-radius:var(--radius-surface)}
.setup-card .success-panel>span{display:none}.setup-card .success-panel .button-row{justify-content:flex-start;flex-wrap:wrap;gap:12px}
.workflow-edit{grid-template-columns:152px minmax(0,820px);gap:32px;max-width:1040px}
.workflow-edit .edit-nav{top:88px;gap:4px}
.workflow-edit .edit-nav a{border:0;border-radius:var(--radius-control);padding:12px;font-size:14px;line-height:20px;min-height:44px}
.workflow-edit .edit-nav a:hover,.workflow-edit .edit-nav a:focus-visible{background:var(--surface-context);color:var(--brand-readable)}
.workflow-edit .edit-sections{gap:32px;min-width:0}
.workflow-edit .edit-sections>section{padding:0 0 32px;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;scroll-margin-top:88px}
.workflow-edit h2{font-size:22px;line-height:28px;font-weight:500;margin-bottom:20px}
.workflow-edit .edit-sections>section>.eyebrow{display:none}
.workflow-edit .edit-sections>section>label{margin-bottom:20px}
.workflow-edit .switch-field{display:flex;align-items:center;justify-content:space-between;gap:16px}
.workflow-edit .switch-field>span{display:grid;gap:4px}.workflow-edit .switch-field small{font-size:13px;line-height:20px;color:var(--text-secondary)}
.workflow-edit .edit-mapping{display:grid;gap:16px}
.workflow-edit .edit-mapping>label{grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:20px;align-items:start}
.workflow-edit .audience-choice{padding:20px;display:grid;gap:16px;border-radius:var(--radius-surface)}
.workflow-edit .audience-choice>label{display:flex;gap:12px;align-items:flex-start}
.workflow-edit .audience-choice>label>span{display:grid;gap:4px;min-width:0}
.workflow-edit .audience-choice strong{overflow-wrap:anywhere}
.workflow-edit .audience-choice small{font-size:13px;line-height:20px;color:var(--text-secondary)}
.workflow-edit .edit-savebar{position:sticky;bottom:16px;gap:12px;padding:16px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-raised);z-index:1}
#modalContent .provider-picker{grid-template-columns:1fr;gap:0;margin:24px 0 0}
.provider-picker .start-card{display:block;text-align:left;border:0;border-bottom:1px solid var(--border-subtle);padding:16px;border-radius:var(--radius-control);background:transparent;min-height:44px;box-shadow:none;transform:none}
.provider-picker .start-card:hover,.provider-picker .start-card:focus-visible{background:var(--surface-context)}
.provider-picker .start-card h3{font-size:18px;line-height:24px;margin:0 0 4px;font-weight:500}
.provider-picker .start-card p{font-size:14px;line-height:22px;color:var(--text-secondary);margin:0 0 8px}.provider-picker .start-card b{font-size:14px;color:var(--brand-readable)}
.platform-choice-grid{grid-template-columns:1fr}
.platform-choice-grid .platform-choice{padding:16px;min-height:44px}
.platform-choice:has(input[value=wordpress_elementor]){background:var(--surface-context);border-color:var(--success-border)}
#modalContent .eyebrow{color:var(--brand-readable)}
#modalContent>.form-stack{gap:20px}
#modalContent>h2{font-size:26px;line-height:32px;font-weight:500;letter-spacing:-.025em;padding-right:24px}
#modalContent>p:not(.eyebrow){font-size:15px;line-height:24px;color:var(--text-secondary)}
.form-stack small{font-size:13px;line-height:20px;color:var(--text-secondary)}
@media(max-width:1023px){.workflow-edit{grid-template-columns:1fr}.workflow-edit .edit-nav{position:static;display:flex;gap:4px;flex-wrap:wrap}}
@media(max-width:767px){
 .setup-step-list{margin-bottom:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised)}
 .setup-step-list>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 16px;font-size:14px;font-weight:500}
 .setup-step-list>summary span{color:var(--text-secondary);font-size:12px;white-space:nowrap}.setup-step-list>summary::after{content:'';flex:none;width:16px;height:16px;background:url('/static/ui-chevron.svg') center/16px no-repeat}
 .setup-step-list>ol{grid-template-columns:1fr;margin:0;padding:8px}
 .setup-focus .setup-card{padding:20px}.workflow-intro h2,.setup-card>h2{font-size:22px;line-height:28px}
 .workflow-intro p{font-size:14px;line-height:22px}.workflow-intro{margin-bottom:20px}
 .workflow-footer{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:24px}
 .elementor-setup-guide ol{padding-left:20px;gap:20px}.elementor-setup-guide li{font-size:14px;line-height:22px;padding-left:4px}
 .connection-copy{grid-template-columns:1fr}.connection-copy>span{grid-column:auto}.connection-copy button{justify-self:start}
 .mapping-field{grid-template-columns:1fr;gap:12px;padding:20px 0}.mapping-field>label{gap:4px}
 .audience-card .route-options,.audience-choice .route-options{grid-template-columns:1fr}
 .audience-list article.audience-card,.workflow-edit .audience-choice{padding:16px}
 .workflow-edit .edit-mapping>label{grid-template-columns:1fr;gap:8px}.workflow-edit .edit-savebar{bottom:8px;flex-wrap:wrap}.workflow-edit .edit-savebar>span{flex-basis:100%;font-size:13px;line-height:20px}
 .setup-card .success-panel{padding:20px}.setup-card .success-panel .button-row{flex-direction:column;align-items:stretch}
 #modalContent>h2{font-size:22px;line-height:28px}.platform-choice-title{align-items:flex-start;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.setup-card .listening>span{animation:none}}
.credential-guidance{padding:12px 0;border-top:1px solid var(--border-subtle);font-size:14px;line-height:22px;color:var(--text-secondary)}
.credential-guidance>summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--brand-readable)}
.credential-guidance p{margin:8px 0}.credential-guidance label{margin-top:12px}
.mapping-source{display:grid;gap:8px;font-size:15px;line-height:22px;min-width:0}
.mapping-source label{display:block}
.setup-card select,.workflow-edit select,#modalContent select,#modalContent input:not([type=checkbox]):not([type=radio]){border-color:var(--border-control)}
.setup-card .success-panel h3{margin:0 0 8px;font-size:20px;line-height:26px}
.setup-card .success-panel p{margin:0 0 16px;font-size:14px;line-height:22px}
.setup-card .success-panel{margin-top:24px}
/* The shared mapping row replaces legacy edit-label/table styling. */
.workflow-edit .edit-mapping{gap:0}
.workflow-edit .mapping-source label{display:block;padding:0;border:0}
.workflow-edit .mapping-source small{font-family:var(--font-primary);font-weight:400;font-size:13px;line-height:20px;color:var(--text-secondary)}
.workflow-edit .mapping-field .confidence{display:inline;justify-self:start}
@media(max-width:767px){.workflow-edit .edit-savebar>button{flex:1 1 0;min-width:0;white-space:nowrap;padding:10px 12px;font-size:14px;line-height:20px}}
.connection-reference{font-size:14px;line-height:22px;color:var(--text-secondary)}
.connection-reference>summary{min-height:44px;padding:10px 0;color:var(--brand-readable);cursor:pointer}
.connection-reference code{word-break:break-all}
.route-options[hidden]{display:none!important}
/* Prevent long subscription guidance from stretching neighbouring native controls. */
.route-options label{align-content:start;align-self:start}
.route-options select,.workflow-edit select,.setup-card select{height:44px;align-self:start}
.workflow-onboarding{background:var(--surface-context);padding:20px;border:0;border-radius:var(--radius-surface)}
.workflow-onboarding .onboarding-copy{align-items:center;gap:12px;flex-wrap:wrap}
.onboarding-checklist{margin-top:12px;border-top:1px solid var(--border-subtle);padding-top:8px}
.onboarding-checklist>summary{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;font-size:14px;line-height:22px;color:var(--text-primary)}
.onboarding-checklist summary small{font-size:12px;color:var(--text-secondary);white-space:nowrap}
.onboarding-checklist ol{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.onboarding-checklist li{display:flex;gap:8px;align-items:center;font-size:14px;line-height:22px;color:var(--text-secondary)}
.onboarding-checklist li svg{flex:none;width:18px;height:18px}
@media(max-width:767px){.onboarding-checklist>summary{align-items:flex-start;flex-direction:column;gap:4px}.onboarding-checklist ol{grid-template-columns:1fr}}
.mapping-source strong,.route-options label{overflow-wrap:anywhere}
.mapping-source code{overflow-wrap:anywhere;word-break:break-all}