.sd-onboarding{margin:20px 28px;padding:24px;background:#fff;border:1px solid #d9e3eb;border-radius:16px;color:#12263a;box-shadow:0 4px 18px #12263a08}.sd-onboarding .button,.sd-client-status .button{text-decoration:none}.sd-confirm{display:block;margin:20px 0;line-height:1.6}.sd-confirm input{accent-color:#116a78;margin-right:8px}.sd-onboarding a:not(.button){color:#096b7a}
.sd-onboarding h2,.sd-client-status h2{margin:6px 0 10px;font-size:23px;line-height:1.3}.sd-onboarding p,.sd-client-status p{line-height:1.6;margin:10px 0 16px}.sd-setup-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.sd-setup-summary>.button{flex-shrink:0}.sd-setup-summary p{margin-bottom:0}
.sd-steps{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(var(--sd-step-count,2),minmax(0,1fr));gap:8px}.sd-steps button{width:100%;height:100%;text-align:left;border:1px solid #d9e3eb;border-radius:10px;padding:12px;background:#f6f8fa;color:#223b50;font:inherit;font-size:13px;cursor:pointer}.sd-steps button[aria-current]{border:2px solid #116a78;background:#edf9f8;padding:11px}.sd-steps button:disabled{opacity:.65;cursor:default}.sd-steps span{display:block;font-weight:700;margin-bottom:8px}.sd-steps small{display:block;margin-top:8px;color:#567080}.sd-step-body{border-top:1px solid #e0e8ef;padding-top:20px}.sd-step-body h3{font-size:19px;margin:0 0 16px}.sd-step-body>.button{margin:4px 8px 4px 0}.sd-help{color:#546b7b;font-size:13px}.sd-template-choice{display:block;max-width:420px;font-size:13px}.sd-template-choice select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #bccbd6;border-radius:8px;background:#fff;color:#12263a}
.sd-rollout-choice{display:flex;gap:12px;border:0;padding:0;margin:20px 0}.sd-rollout-choice legend{font-weight:600;margin-bottom:10px}.sd-rollout-choice label{flex:1;border:1px solid #bccbd6;border-radius:10px;padding:16px;cursor:pointer}.sd-rollout-choice label:has(:checked){border-color:#116a78;background:#edf9f8}.sd-rollout-choice small{display:block;margin:8px 0 0 24px;color:#546b7b}.sd-rollout-choice input{accent-color:#116a78}.sd-step-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #e0e8ef;margin-top:24px;padding-top:18px}.sd-step-footer span{font-size:13px;color:#546b7b}.sd-onboarding button:disabled{cursor:default;opacity:.55}.sd-error{color:#aa2533}.sd-onboarding :focus-visible,.sd-client-status :focus-visible{outline:3px solid #159dac;outline-offset:3px}
.sd-client-status-view .signaflow-diagnostics-page>.signaflow-diagnostics-section{display:none}.sd-client-status{margin-top:24px}.sd-client-table{overflow-x:auto;margin:20px 0}.sd-client-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.sd-client-table caption{text-align:left;color:#546b7b;padding:0 0 12px}.sd-client-table td,.sd-client-table th{padding:14px 12px;border-bottom:1px solid #d9e3eb;vertical-align:top}.sd-client-table th{background:#f4f7fa}.sd-client-table small{display:block;font-size:12px;max-width:280px;overflow-wrap:anywhere;margin-top:6px;color:#546b7b}.sd-empty{padding:24px;background:#f4f7fa;border-radius:12px}.sd-client-status-nav{padding-left:32px!important}
@media(max-width:1000px){.sd-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.sd-onboarding{margin:12px;padding:16px}.sd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-setup-summary,.sd-rollout-choice{flex-direction:column;align-items:stretch}.sd-step-footer{flex-wrap:wrap}.sd-step-footer span{order:3;width:100%}}

.sd-wizard-actions,.sd-welcome-actions{display:flex;gap:12px;flex-wrap:wrap}.sd-wizard-welcome{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;border:1px solid #d9e3eb;border-radius:20px;padding:32px;color:#12263a;background:#fff;box-shadow:0 24px 80px #12263a30;font:inherit}.sd-wizard-welcome::backdrop{background:#12263a88;backdrop-filter:blur(3px)}.sd-wizard-welcome h2{font-size:28px;line-height:1.2;margin:12px 0}.sd-wizard-welcome p{line-height:1.65;color:#546b7b}.sd-wizard-welcome ol{list-style:none;counter-reset:wizard;padding:0;margin:24px 0;display:grid;gap:12px}.sd-wizard-welcome li{counter-increment:wizard;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center;padding:12px;background:#f4f8fa;border-radius:10px}.sd-wizard-welcome li:before{content:counter(wizard);grid-row:span 2;background:#e0f1ef;color:#116a78;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700}.sd-wizard-welcome li span{font-size:13px;line-height:1.5;color:#546b7b;margin-top:4px}.sd-welcome-actions{justify-content:flex-end}.sd-wizard-welcome :focus-visible{outline:3px solid #159dac;outline-offset:3px}@media(max-width:640px){.sd-wizard-welcome{padding:20px}.sd-wizard-welcome h2{font-size:24px}.sd-welcome-actions{flex-direction:column-reverse}.sd-welcome-actions .button{width:100%}}

.sd-template-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-template-step-body{border-top:1px solid #e0e8ef;padding-top:20px}.sd-step-copy>p:first-of-type{margin-top:0}.sd-live-preview,.sd-preview-empty{margin:20px 0;padding:18px;border:1px solid #d9e3eb;border-radius:12px;background:#f6f8fa}.sd-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.sd-preview-heading strong,.sd-preview-heading small{display:block}.sd-preview-heading small{margin-top:5px;color:#546b7b}.sd-preview-heading>span{border-radius:999px;padding:5px 10px;background:#e3f3f0;color:#17675f;font-size:12px;font-weight:700}.sd-preview-canvas{min-height:100px;overflow:auto;padding:20px;background:#fff;border:1px solid #e0e8ef;border-radius:8px;color:#12263a}.sd-preview-canvas img{max-width:100%;height:auto}.sd-preview-empty{border-style:dashed;color:#546b7b}.sd-preview-empty strong{color:#12263a}.sd-preview-empty p{margin-bottom:0}.sd-group-list{display:grid;gap:8px;border:0;padding:0;margin:20px 0}.sd-group-list legend{font-weight:700;margin-bottom:8px}.sd-group-option{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d9e3eb;border-radius:10px;background:#fff;cursor:pointer}.sd-group-option:has(input:checked){border-color:#116a78;background:#edf9f8}.sd-group-option input{accent-color:#116a78;width:18px;height:18px;flex:none}.sd-group-option span,.sd-group-option small{display:block}.sd-group-option small{margin-top:4px;color:#546b7b;font-size:12px}.sd-template-saved{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f4f8fa;border-radius:10px}.sd-template-saved span{color:#546b7b;font-size:13px}.sd-wizard-success{margin:18px 0;padding:16px 18px;border:1px solid #b8ddd3;border-radius:10px;background:#edf9f4;color:#185b4d}.sd-wizard-success p{margin:6px 0 0}.sd-prerequisite{padding:14px 16px;border-radius:10px;background:#fff7e7;color:#73531a}
@media(max-width:640px){.sd-template-steps{grid-template-columns:1fr}.sd-preview-heading{align-items:flex-start}}
.sd-template-editor-hidden{display:none!important}.sd-live-preview iframe{display:block;width:100%;height:360px;border:0;background:#fff}

/* Compact, blue template flow based on the selected wizard references. */
.sd-onboarding:has(.sd-template-steps){margin:18px 22px 24px;padding:24px 28px;border-color:#d7e4f2;border-radius:18px;background:linear-gradient(135deg,#f4f8ff 0%,#fff 58%);box-shadow:0 12px 36px #17477a12}
.sd-onboarding:has(.sd-template-steps) .eyebrow{color:#1764bf;font-weight:700;letter-spacing:.06em}
.sd-onboarding:has(.sd-template-steps) .sd-setup-summary{align-items:flex-start}
.sd-onboarding:has(.sd-template-steps) .sd-setup-summary h2{font-size:24px;color:#14263e}
.sd-onboarding:has(.sd-template-steps) .sd-steps{margin:22px 0 26px;gap:12px}
.sd-onboarding:has(.sd-template-steps) .sd-template-steps button{min-height:62px;padding:13px 16px;border-color:#d9e1eb;border-radius:12px;background:#fff;box-shadow:0 2px 6px #152b4408;font-weight:650}
.sd-onboarding:has(.sd-template-steps) .sd-template-steps button[aria-current]{padding:12px 15px;border:2px solid #1769d2;background:#eaf3ff;color:#104b92;box-shadow:0 5px 16px #1769d21f}
.sd-onboarding:has(.sd-template-steps) .sd-template-steps button span{display:inline-grid;place-items:center;vertical-align:middle;width:28px;height:28px;margin:0 10px 0 0;border-radius:50%;background:#e5edf7;color:#44576d}
.sd-onboarding:has(.sd-template-steps) .sd-template-steps button[aria-current] span{background:#1769d2;color:#fff}
.sd-onboarding:has(.sd-template-steps) .sd-template-step-body{padding:0;border:0}
.sd-onboarding:has(.sd-template-steps) .sd-step-copy{padding:22px 24px;border:1px solid #e0e8f2;border-radius:14px;background:#fff;box-shadow:0 4px 14px #1c34500a}
.sd-onboarding:has(.sd-template-steps) .sd-step-copy h3{margin-bottom:12px;font-size:19px;color:#14263e}
.sd-template-name,.sd-group-search{display:grid;gap:7px;max-width:560px;margin:18px 0 8px;font-weight:650}
.sd-template-name input,.sd-group-search input,.sd-test-email input{width:100%;min-height:44px;box-sizing:border-box;padding:10px 13px;border:1px solid #cbd7e4;border-radius:9px;background:#fff;color:#14263e;font:inherit}
.sd-template-name input:focus,.sd-group-search input:focus,.sd-test-email input:focus{border-color:#1769d2;box-shadow:0 0 0 3px #1769d21c;outline:0}
.sd-start-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.sd-start-choices button{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;min-height:88px;padding:15px;border:1px solid #d7e1ec;border-radius:12px;background:#fff;color:#172b43;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.sd-start-choices button:hover{transform:translateY(-1px);border-color:#1769d2;box-shadow:0 7px 18px #1769d21c}
.sd-start-choices button strong,.sd-start-choices button small{grid-column:2}.sd-start-choices button small{margin-top:4px;color:#5a6f84;line-height:1.45}
.sd-start-icon{grid-column:1;grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eaf3ff;color:#1769d2;font-size:23px;font-weight:700}
.sd-test-email{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;max-width:760px;margin:20px 0;padding:16px;border:1px solid #dbe5f0;border-radius:12px;background:#f7faff}
.sd-test-email label{display:grid;gap:7px;font-weight:650}.sd-test-email small{grid-column:1/-1;color:#5a6f84}.sd-test-email .button{min-height:44px;background:#1769d2;border-color:#1769d2}
.sd-onboarding:has(.sd-template-steps) .sd-preview-canvas{min-height:250px;background:#fff}.sd-onboarding:has(.sd-template-steps) .sd-step-footer{border-color:#e1e8f0}.sd-onboarding:has(.sd-template-steps) .button-primary{background:#1769d2;border-color:#1769d2}
.sd-onboarding:has(.sd-template-steps) .sd-group-list{max-height:360px;overflow:auto;padding:2px}
.sd-onboarding:has(.sd-template-steps) .sd-group-option:has(input:checked){border-color:#1769d2;background:#edf5ff}
@media(max-width:760px){.sd-onboarding:has(.sd-template-steps){margin:12px;padding:16px}.sd-start-choices{grid-template-columns:1fr}.sd-test-email{grid-template-columns:1fr}.sd-template-steps button{font-size:12px!important}.sd-onboarding:has(.sd-template-steps) .sd-setup-summary{flex-direction:column}}
.freeform-view.sd-template-wizard-design .freeform-editor-topbar { display: none !important; }
.sd-template-wizard-design-active .freeform-view[data-freeform-editor] .freeform-top-actions [data-save],
.sd-template-wizard-design-active .freeform-view[data-freeform-editor] .freeform-top-actions [data-publish],
.sd-template-wizard-design-active .freeform-view[data-freeform-editor] .freeform-top-actions [data-cancel] { display: none !important; }

/* Keep the design step focused on the editor, as in the three-column reference. */
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #e1ebf5;
  box-shadow: none;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-setup-summary {
  position: fixed;
  z-index: 31;
  bottom: 10px;
  left: 18px;
  margin: 0;
  padding: 0;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-setup-summary > div:first-child { display: none; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-wizard-actions { gap: 7px; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-wizard-actions .button { min-height: 34px; padding: 7px 10px; font-size: 11px; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0 18px;
  border-bottom: 1px solid #d4dfe9;
  background: #fff;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps li { min-width: 0; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button {
  min-height: 54px;
  width: 100%;
  padding: 5px 12px;
  border: 1px solid #d7e0e8;
  border-radius: 28px;
  background: #fff;
  color: #1d2c39;
  box-shadow: none;
  font-size: 15px;
  font-weight: 500;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button[aria-current] {
  padding: 5px 12px;
  border-color: #0963d3;
  background: #0866d8;
  color: #fff;
  box-shadow: 0 3px 8px #0866d827;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button span {
  width: 34px;
  height: 34px;
  margin-right: 10px;
  border-radius: 50%;
  background: #e5edf5;
  color: #34485c;
  font-size: 15px;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button[aria-current] span { background: #ffffff32; color: #fff; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-step-body { display: none; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-step-footer {
  position: fixed;
  z-index: 30;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 54px;
  margin: 0;
  padding: 8px 18px 8px 315px;
  border-top: 1px solid #d6e0e9;
  background: #fff;
  box-shadow: 0 -3px 12px #263f5912;
}
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-step-footer [data-template-back]:disabled,
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-step-footer > span { display: none; }
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-step-footer [data-template-next] { margin-left: auto; }
body.sd-template-wizard-design-active .freeform-view.sd-template-wizard-design { padding-bottom: 78px; }
@media (max-width: 700px) {
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps { padding: 0 8px; }
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button { min-height: 48px; padding: 4px; font-size: 10px; }
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button[aria-current] { padding: 4px; }
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-template-steps button span { width: 22px; height: 22px; margin-right: 3px; font-size: 11px; }
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-step-footer { min-height: 84px; align-items: flex-start; padding: 7px 12px; }
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-setup-summary { bottom: 52px; left: 12px; }
  body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-wizard-actions .button { min-height: 25px; padding: 4px 7px; font-size: 10px; }
  body.sd-template-wizard-design-active .freeform-view.sd-template-wizard-design { padding-bottom: 104px; }
}

/* The editor's Next action follows the canvas instead of covering its properties. */
body.sd-template-wizard-design-active #sd-onboarding.sd-design-chrome .sd-setup-summary { display: none; }
body.sd-template-wizard-design-active #sd-design-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  margin: 0;
  padding: 10px 18px;
  border-top: 1px solid #d6e0e9;
  background: #fff;
  box-shadow: none;
}
body.sd-template-wizard-design-active #sd-design-footer .sd-wizard-actions { display: flex; gap: 8px; margin-right: auto; }
body.sd-template-wizard-design-active #sd-design-footer .sd-wizard-actions .button { min-height: 34px; padding: 7px 10px; font-size: 11px; }
body.sd-template-wizard-design-active #sd-design-footer [data-template-back]:disabled,
body.sd-template-wizard-design-active #sd-design-footer > span { display: none; }
body.sd-template-wizard-design-active #sd-design-footer [data-template-next] { margin-left: auto; }
body.sd-template-wizard-design-active .freeform-view.sd-template-wizard-design { padding-bottom: 18px; }
@media (max-width: 700px) {
  body.sd-template-wizard-design-active #sd-design-footer { flex-wrap: wrap; padding: 10px 12px; }
  body.sd-template-wizard-design-active #sd-design-footer .sd-wizard-actions { width: 100%; }
}