/* Quiet, task-focused surfaces shared by account and pickup flows. */
.flow-page{max-width:900px;margin:24px auto 48px;color:#17283e}
.flow-hero{padding:clamp(24px,5vw,44px);background:linear-gradient(135deg,#234e42,#112e28);color:#fff;border-radius:28px;margin:24px 0}
.flow-kicker{font-size:11px;letter-spacing:.16em;font-weight:750;color:#ffcf59;text-transform:uppercase;display:block;margin-bottom:16px}
.flow-hero h1{font-size:clamp(30px,5vw,44px);letter-spacing:-.035em;margin:0 0 16px;max-width:16ch}
.flow-hero p{color:#e2ebe5;max-width:49ch;line-height:1.6;margin:0}
.flow-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.flow-card{background:#fff;border:1px solid #e5e9e1;border-radius:22px;padding:clamp(20px,4vw,28px);margin:0 0 20px;box-shadow:0 8px 28px #17283e04;min-width:0}
.flow-card h2{font-size:21px;letter-spacing:-.02em;margin:0 0 12px;line-height:1.3}
.flow-card h3{font-size:17px;margin:0 0 8px}
.flow-card p{font-size:14px;color:#5b6863;line-height:1.65;margin:10px 0 18px}
.flow-status{font-size:14px;padding:4px 4px 20px;overflow-wrap:anywhere}
.flow-page input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;padding:15px;font:inherit;font-size:16px;border:1px solid #d7dfd7;background:#fafbf8;border-radius:12px;margin:8px 0 18px;min-width:0}
.flow-page label{font-size:14px;font-weight:600}
.flow-page button{font-size:14px;font-weight:650;line-height:1.5;border-radius:12px}
.flow-primary{width:100%;background:#173e35;margin:4px 0!important}
.flow-page button:disabled{opacity:.5;cursor:default}
.flow-modes{display:flex;gap:4px;background:#f0f3ec;border-radius:14px;padding:4px;margin-bottom:22px}
.flow-modes button{flex:1;margin:0;padding:12px 8px;min-width:0;color:#50625a;background:transparent}
.flow-modes button[aria-pressed=true]{background:#fff;color:#173e35;box-shadow:0 2px 7px #17283e0e}
.flow-consent{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f3f6ef;border-radius:12px;line-height:1.6;margin:16px 0}
.flow-consent input{margin-top:5px;flex-shrink:0;width:18px;height:18px;accent-color:#173e35}
.flow-number{display:inline-grid;place-items:center;background:#edf3e8;border-radius:50%;width:30px;height:30px;font-size:13px;color:#173e35;margin-right:8px}
.flow-code{padding:18px;background:#edf3e8;border-radius:14px;margin-top:20px}.flow-code input{font-family:monospace;letter-spacing:.02em}
.flow-footer{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin:22px 4px}
#link-error:empty{display:none}#link-error{padding:12px;border-radius:12px;color:#9e2727;background:#fff1ec}
.checklist-progress{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.checklist-progress strong{font-size:19px}.checklist-progress span{font-variant-numeric:tabular-nums;color:#173e35}
.flow-page progress{width:100%;height:6px;accent-color:#173e35;border:0;border-radius:9px;overflow:hidden;margin:16px 0 4px;display:block}.flow-page progress::-webkit-progress-bar{background:#e8ede4}.flow-page progress::-webkit-progress-value{background:#173e35;border-radius:9px}
.checklist-items{display:grid;gap:12px;margin:20px 0}.checklist-row{display:flex;align-items:flex-start;gap:16px;background:#fff;padding:22px;border:1px solid #e3e8df;border-radius:20px;cursor:pointer}.checklist-row:has(input:checked){background:#edf3e8;border-color:#b3c7b4}.checklist-row input{width:22px;height:22px;margin:5px 0 0;accent-color:#173e35;flex-shrink:0}.checklist-row b{display:block;font-size:16px}.checklist-row small{display:block;color:#5b6863;font-size:14px;font-weight:400;line-height:1.6;margin-top:4px}.checklist-row:focus-within{outline:3px solid #d5a528;outline-offset:3px}
@media(max-width:650px){.flow-layout{grid-template-columns:1fr}.flow-page{margin-top:16px}.flow-hero{border-radius:24px}.flow-page .flow-card{padding:20px}.flow-page .flow-modes{flex-wrap:wrap}.flow-modes button{flex-basis:120px}main:has(.flow-page){padding:18px;margin-top:10px}}
@media(prefers-reduced-motion:no-preference){.checklist-row{transition:background .15s,border-color .15s}}
