.wz-flow-layout { min-height:calc(100dvh - 146px); padding:64px 24px; display:flex; align-items:center; justify-content:center; background:#fbfaff; }
.wz-flow-card { width:min(100%,760px); padding:40px; border:1px solid #e0ddea; border-radius:20px; background:white; display:flex; flex-direction:column; align-items:flex-start; gap:20px; overflow-wrap:anywhere; }
.wz-flow-card h1 { margin:0; font-size:36px; line-height:44px; font-weight:700; }
.wz-flow-card p { margin:0; color:#575f80; line-height:24px; }
.wz-not-found .wz-flow-card p{ line-height: unset;}
.wz-flow-card .wz-eyebrow { color:#6751eb; font-size:12px; font-weight:600; }
.wz-flow-note { background:#f7f4ff; border-radius:10px; padding:12px; width:100%; font-size:14px; line-height:22px!important; }
.wz-flow-actions { display:flex; flex-direction:column; align-items:flex-start; gap:16px; width:100%; }
.wz-flow-actions .btn { min-width:min(288px,100%); max-width:100%; white-space:normal; }
.wz-flow-card form { width:100%; display:grid; gap:24px; }
[data-flow-panel="save"], [data-flow-panel="resume"], [data-flow-panel="link-sent"] { background:#f6f3ff; align-items:flex-start; }
[data-flow-panel="save"] .wz-flow-card, [data-flow-panel="resume"] .wz-flow-card, [data-flow-panel="link-sent"] .wz-flow-card { max-width:640px; padding:32px; border:0; border-radius:24px; gap:24px; }
[data-flow-panel="save"] h1, [data-flow-panel="resume"] h1, [data-flow-panel="link-sent"] h1 { font-size:24px; line-height:32px; font-weight:600; }
.wz-flow-wide { background:white; align-items:flex-start; justify-content:flex-start; padding:48px; }
.wz-flow-wide .wz-flow-card { width:100%; border:0; padding:0; max-width:none; gap:24px; }
.wz-status-milestones { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; gap:16px; width:100%; }
.wz-status-milestones li { display:flex; align-items:center; gap:8px; padding:12px; background:#f6f3ff; border-radius:12px; min-width:200px; flex:1; }
.wz-status-milestones li span { border:1px solid #d8d5e5; border-radius:50%; width:32px; height:32px; display:grid; place-items:center; flex-shrink:0; }
.wz-status-milestones .is-complete span { background:#070e29; color:white; }
.wz-scenario-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; }
.wz-flow-feedback { width:100%; padding:12px; background:#f7f4ff; border-radius:10px; color:#575f80; font-size:14px; line-height:22px; }
.wz-flow-feedback:empty { display:none; }
.wz-request-error { color:#b42318!important; }
.wz-request-error:focus { outline:2px solid var(--wz-navy); outline-offset:3px; }
body.wz-flow-active .wz-footer { margin-left:0; width:100%; }
body.wz-flow-active .wz-flow-card > .wz-icon-check { width:40px; height:40px; flex-basis:40px; filter:invert(28%) sepia(75%) saturate(980%) hue-rotate(122deg) brightness(85%) contrast(95%); }
@media(max-width:767px) { .wz-flow-layout,.wz-flow-wide,[data-flow-panel="thank-you"] { padding:32px 20px; min-height:calc(100dvh - 190px); } .wz-flow-card { padding:24px; gap:20px; } .wz-flow-card h1,[data-flow-panel="thank-you"] h1 { font-size:28px; line-height:36px; } .wz-flow-actions .btn { width:100%; } .wz-scenario-grid { grid-template-columns:1fr; } .wz-status-milestones { flex-direction:column; } }
@media(max-width:767px) { [data-flow-panel="save"], [data-flow-panel="resume"], [data-flow-panel="link-sent"] { padding:24px; } [data-flow-panel="save"] .wz-flow-card,[data-flow-panel="resume"] .wz-flow-card,[data-flow-panel="link-sent"] .wz-flow-card { padding:20px; } }

.wz-submission-status { display:flex; align-items:center; gap:12px; color:var(--wz-navy); line-height:24px; }
.wz-submission-status > .spinner-border { width:24px; height:24px; flex:0 0 24px; border-width:3px; color:var(--wz-primary); }