/* Scoped presentation; forms for later steps retain their existing markup. */
body[data-layout="onboarding"] #app.standalone-content:has(.setup-page){background:radial-gradient(ellipse at 50% 75%,#eaf4ff 0,transparent 70%),#f8fafc;padding:12px 28px!important}
.setup-page{--setup-blue:#2563eb;max-width:1080px!important;margin:0 auto;color:#14213d;font:400 13px/1.5 Manrope,sans-serif}
.setup-page *{box-sizing:border-box}
.setup-page button,.setup-page input,.setup-page select{font-family:inherit}
.setup-page .setup-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.setup-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;height:42px}
.setup-top img{width:160px;height:58px;object-fit:contain;margin-left:-10px}
.setup-page button{cursor:pointer}
.setup-page .setup-help{display:flex;align-items:center;gap:8px;border:0;background:none;color:#334b75;font-size:12px;padding:6px 0}
.setup-help .setup-icon{width:19px;height:19px}
.setup-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}
.setup-intro h1{font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.25;margin:0 0 3px}
.setup-intro p{font-size:15px;color:#71809b;margin:0}
.setup-badge{white-space:nowrap;border-radius:24px;background:#e1eeff;color:#2563eb;padding:6px 14px;font-size:11px;font-weight:700}
.setup-steps{display:flex;list-style:none;padding:0;margin:18px 48px 22px}
.setup-steps li{flex:1;position:relative;text-align:center}
.setup-steps li:not(:last-child):after{content:'';position:absolute;height:2px;background:#d4deed;top:19px;left:calc(50% + 24px);width:calc(100% - 48px)}
.setup-steps li.is-done:after{background:#2563eb}
.setup-steps button{position:relative;z-index:1;border:0;background:none;color:#7988a1;display:inline-flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;padding:0}
.setup-steps button:disabled{cursor:default;opacity:1}
.setup-step-circle{display:grid;place-items:center;width:38px;height:38px;background:#fbfdff;border:1px solid #dce6f5;border-radius:50%;box-shadow:0 0 0 4px #f4f8fd}
.setup-step-circle .setup-icon{width:18px;height:18px}
.setup-steps :is(.is-current,.is-done) button{color:#2563eb;font-weight:700}
.setup-steps :is(.is-current,.is-done) .setup-step-circle{color:white;background:#2563eb;border-color:#2563eb}
.setup-card{background:rgba(255,255,255,.97);border:1px solid #edf2f8;border-radius:14px;box-shadow:0 8px 24px #1e63ac0e;overflow:hidden}
.setup-columns{display:grid;padding:20px;gap:16px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.setup-columns--hours{grid-template-columns:minmax(0,2.05fr) minmax(0,1fr)}
.setup-form{min-width:0}
.setup-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.setup-section-heading>span,.setup-address-title>.setup-icon{background:#eaf2ff;color:#2563eb;border-radius:8px;padding:8px;width:42px;height:42px}
.setup-section-heading h2{font-size:16px;line-height:1.4;letter-spacing:-.4px;margin:0;font-weight:700}
.setup-section-heading p{color:#71809b;font-size:12px;margin:1px 0 0}
.setup-page .setup-form label{display:block;font-size:11px;font-weight:600;margin:0 0 4px;color:#243754}
.setup-page .setup-form :is(input:not([type=time]),select){width:100%;height:36px;border:1px solid #dce3ed;border-radius:7px;padding:0 12px;font-size:12px;background:#fff;color:#14213d;box-shadow:0 1px 3px #14213d03;min-width:0}
.setup-page input::placeholder{color:#a1a8b4;opacity:1}
.setup-page .setup-form input:disabled{background:#fff;color:#71809b;opacity:1}
.setup-page :is(button,input,select):focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.setup-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
.setup-field-pair--address{grid-template-columns:3.1fr 1fr}
.setup-address-title{border-top:1px solid #edf1f7;padding-top:12px;margin:18px 0 8px;display:flex;align-items:center;gap:12px}
.setup-address-title>.setup-icon{width:32px;height:32px;padding:6px}
.setup-address-title h3{font-size:12px;margin:0}
.setup-cep{display:flex;align-items:center;gap:14px}
.setup-page .setup-cep input{max-width:43%}
.setup-cep small{font-size:10px;color:#7988a1}
.setup-aside{border-left:1px solid #edf1f7;padding-left:16px;display:flex;flex-direction:column;gap:16px;padding-top:6px;min-width:0}
.setup-note{display:flex;gap:14px;padding:16px;background:#eff6ff;border-radius:9px}
.setup-note>.setup-icon{color:#2563eb;width:24px;height:24px}
.setup-note h3{margin:0 0 3px;font-size:12px;font-weight:700}
.setup-note p{margin:0;color:#627492;font-size:11px;line-height:1.5}
.setup-note--outlined{border:1px solid #dbe8fb;background:white}
.setup-note--outlined>.setup-icon{box-sizing:content-box;padding:8px;background:#eaf2ff;border-radius:7px}
.setup-map-card{border:1px solid #e0ebfa;border-radius:10px;padding:12px;background:#f9fbfd}
.setup-map-card h3{font-size:11px;margin:0 0 8px}
.setup-map{height:252px;border-radius:8px;position:relative;overflow:hidden;background:#edf0f2}
.setup-map-streets{position:absolute;inset:-60px;transform:rotate(-35deg);background:repeating-linear-gradient(90deg,transparent 0 44px,#fff 45px 50px,transparent 51px 90px),repeating-linear-gradient(0deg,transparent 0 40px,#fff 41px 46px,transparent 47px 77px),linear-gradient(120deg,#edf0f2 20%,#dcefdc 21% 30%,#edf0f2 31% 70%,#dcefdc 71% 80%,#edf0f2 81%)}
.setup-map-pin{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#bfdbfe99;color:#2563eb;display:grid;place-items:center;box-shadow:0 0 0 12px #dbeafe66}
.setup-map-pin .setup-icon{width:32px;height:32px;fill:#2563eb;stroke:white}
.setup-map iframe{display:none;width:100%;height:100%;border:0;position:relative}
.setup-map.has-address iframe{display:block}
.setup-map p{position:absolute;bottom:8px;left:8px;right:8px;margin:0;padding:12px;background:#fffffff0;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:10px;color:#627492}
.setup-map p .setup-icon{width:15px;height:15px}
.setup-map.has-address p{display:none}
.setup-actions{border-top:1px solid #edf1f7;padding:10px 18px;display:flex;align-items:center;gap:16px;min-height:56px}
.setup-actions small{font-size:10px;color:#667b9b}
.setup-page .setup-save{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:7px;background:#2563eb;color:#fff;font-size:11px;padding:11px 18px;box-shadow:0 3px 6px #2563eb16}
.setup-page .setup-save:disabled{opacity:.6;cursor:wait}
.setup-save .setup-icon,.setup-back .setup-icon{width:16px;height:16px}
.setup-page .setup-back{border:1px solid #dbe5f3;border-radius:7px;background:#fff;color:#2563eb;padding:9px 18px;display:flex;align-items:center;gap:10px;font-size:11px}
.setup-footer{text-align:center;font-size:9px;color:#7a8aa3;padding:14px}
.setup-hours-head,.setup-day{display:grid;grid-template-columns:112px 130px minmax(190px,1fr) 106px;gap:8px;align-items:start}
.setup-hours-head{font-size:10px;padding-bottom:7px;color:#334b75}
.setup-day{border-top:1px solid #edf1f7;padding:8px 0;min-height:45px;align-items:center}
.setup-day>strong{font-size:11px;font-weight:600}
.setup-day-status{display:flex;align-items:center;gap:12px}
.setup-page .setup-switch{padding:3px;border:0;width:34px;height:20px;border-radius:20px;background:#dde3ed;flex-shrink:0}
.setup-switch>span{display:block;width:14px;height:14px;background:white;border-radius:50%;box-shadow:0 1px 3px #14213d14}
.setup-page .setup-switch.is-open{background:#2563eb}
.setup-switch.is-open>span{transform:translateX(14px)}
.setup-status{font-size:9px;color:#5f6c83;background:#f1f3f6;border-radius:20px;padding:3px 10px}
.setup-status.is-open{color:#2563eb;background:#edf5ff}
.setup-ranges{display:grid;gap:5px;min-width:0}
.setup-range{display:flex;align-items:center;gap:8px;min-width:0}
.setup-page .setup-range input{width:84px;min-width:0;height:28px;border:1px solid #dce3ed;border-radius:5px;color:#334b75;background:white;font-size:11px;padding:3px 5px}
.setup-range small,.setup-closed-hours{font-size:10px;color:#7a8aa3}
.setup-page .setup-remove{border:0;padding:3px;background:transparent;color:#7890b2}
.setup-remove .setup-icon{width:13px;height:13px}
.setup-page .setup-add{display:flex;align-items:center;gap:3px;color:#2563eb;border:0;background:none;font-size:9px;padding:5px 0;white-space:nowrap}
.setup-add .setup-icon{width:12px;height:12px}
.setup-closed-hours{display:flex;align-items:center;gap:8px}
.setup-closed-hours>span{width:84px}
.setup-card--legacy #onboarding-step-container{padding:24px}
@media(min-width:900px){.setup-columns--hours .setup-form{padding-bottom:8px}.setup-columns--hours .setup-aside{padding-top:0}}
@media(max-width:1100px){.setup-hours-head,.setup-day{grid-template-columns:100px 112px minmax(175px,1fr) 100px;gap:4px}.setup-columns--hours{grid-template-columns:minmax(0,1fr) 270px}.setup-range{gap:5px}.setup-page .setup-range input{width:74px}}
@media(max-width:950px){.setup-columns--hours{grid-template-columns:1fr}.setup-columns--hours .setup-aside{border-left:0;border-top:1px solid #edf1f7;padding:16px 0 0;display:grid;grid-template-columns:1fr 1fr}.setup-map{height:240px}}
@media(max-width:640px){body[data-layout="onboarding"] #app.standalone-content:has(.setup-page){padding:12px!important}.setup-top{margin-bottom:20px}.setup-top img{width:140px}.setup-intro h1{font-size:23px}.setup-intro p{font-size:12px}.setup-badge{padding:5px 8px;font-size:9px}.setup-steps{margin:20px 0}.setup-steps button{font-size:9px}.setup-step-circle{width:32px;height:32px}.setup-steps li:not(:last-child):after{top:16px;left:calc(50% + 20px);width:calc(100% - 40px)}.setup-columns{grid-template-columns:1fr;padding:16px}.setup-aside{padding:16px 0 0;border-left:0;border-top:1px solid #edf1f7}.setup-columns--hours .setup-aside{grid-template-columns:1fr}.setup-map{height:210px}.setup-hours-head{display:none}.setup-day{grid-template-columns:1fr 1fr;padding:12px 0;gap:10px}.setup-day-status{justify-self:end}.setup-ranges{grid-column:1}.setup-add{justify-self:end}.setup-page .setup-range input{width:82px}.setup-actions{flex-wrap:wrap;gap:10px;padding:12px 16px}.setup-actions small{order:3;width:100%}.setup-section-heading h2{font-size:15px}.setup-field-pair{gap:10px}.setup-cep{gap:10px}.setup-cep small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.setup-page *{scroll-behavior:auto!important;transition:none!important}}
/* Reset operational Admin control minimums within the compact onboarding. */
.setup-page :is(button,input,select){min-height:0}
.setup-page .setup-switch{min-height:20px;line-height:1;display:block}
.setup-page .setup-range input{min-height:28px;line-height:1.2}
.setup-page .setup-form :is(input:not([type=time]),select){min-height:36px}
.setup-range input::-webkit-calendar-picker-indicator{width:12px;height:12px;margin:0;padding:0}
.setup-range input::-webkit-datetime-edit-ampm-field{display:none}
@media(max-width:640px){.setup-ranges{grid-column:1/-1}.setup-day .setup-add{grid-column:1/-1}.setup-page .setup-range input{width:94px;flex-shrink:0}}


/* Visual and Pronto share the established onboarding shell. */
.setup-page .of-stage { color:#14213d; font-family:inherit; }
.setup-page .of-stage :is(p,h2,h3) { margin:0; }
.setup-page .of-stage p { color:#627492; }
.setup-page .of-columns { display:grid; gap:20px; padding:20px; align-items:start; }
.setup-page .of-columns > * { min-width:0; }
.setup-page .of-visual-columns { grid-template-columns:minmax(0,1.16fr) minmax(0,1fr); }
.setup-page .of-customize { padding-right:18px; border-right:1px solid #edf1f7; }
.setup-page .of-stage .setup-section-heading { margin-bottom:18px; }
.setup-page .of-stage .setup-section-heading h2 { font-size:16px; }
.setup-page .of-stage .setup-section-heading p { font-size:12px; margin-top:2px; }
.setup-page .of-label { display:block; font-size:12px; font-weight:600; margin:14px 0 6px; }
.setup-page .of-logo-field { display:flex; gap:20px; align-items:center; border:1px solid #dce5f1; border-radius:8px; padding:10px 12px; }
.setup-page .of-logo-thumb { width:60px; height:60px; flex-shrink:0; background:#f2f4f7; border-radius:50%; display:grid; place-items:center; overflow:hidden; color:#68758b; }
.setup-page .of-logo-thumb img { width:100%; height:100%; object-fit:contain; }
.setup-page .of-logo-thumb svg { width:28px; height:28px; }
.setup-page .of-upload-button { display:inline-flex; position:relative; align-items:center; justify-content:center; gap:8px; border:1px solid #a9c9ff; border-radius:6px; background:white; color:#1555da; padding:8px 16px; font-size:12px; cursor:pointer; }
.setup-page .of-logo-field p { font-size:11px; margin-top:5px; }
.setup-page :is(.of-upload-button,.of-banner-field) input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.setup-page :is(.of-upload-button,.of-banner-field):focus-within { outline:2px solid #2563eb; outline-offset:3px; }
.setup-page .of-banner-field { position:relative; display:grid; place-items:center; min-height:118px; overflow:hidden; border:1px dashed #93bcff; border-radius:8px; background:#f3f8ff; color:#1555da; text-align:center; cursor:pointer; }
.setup-page .of-banner-field > span:last-of-type { display:grid; gap:8px; justify-items:center; padding:18px; position:relative; background:#f3f8ffed; border-radius:6px; }
.setup-page .of-banner-field .setup-icon { width:28px; height:28px; }
.setup-page .of-banner-field strong { font-size:12px; font-weight:600; }
.setup-page #banner-thumb { position:absolute; inset:0; }
.setup-page #banner-thumb img { width:100%; height:100%; object-fit:cover; }
.setup-page .of-remove { border:0; background:none; color:#475d7c; font:inherit; font-size:11px; text-decoration:underline; padding:5px 0; }
.setup-page #welcome-msg { display:block; width:100%; resize:vertical; min-height:74px; border:1px solid #dce5f1; border-radius:8px; padding:10px 12px; font:inherit; font-size:12px; line-height:1.5; background:white; color:#334b75; }
.setup-page .of-stage :is(textarea,a,button):focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
.setup-page .of-preview { position:relative; border:1px solid #dfe8f6; border-radius:10px; overflow:hidden; background:#fff; }
.setup-page .of-banner { aspect-ratio:3.15; position:relative; background:#f1f5f9; }
.setup-page .of-banner > img { width:100%; height:100%; object-fit:cover; display:block; }
.setup-page .of-banner.of-placeholder { background:radial-gradient(ellipse at 0 135%,#589fff 0 28%,transparent 28.4%),radial-gradient(ellipse at 110% -20%,#76b6ff 0 30%,transparent 30.4%),linear-gradient(125deg,#347dff,#2469ed 60%,#53a1ff); }
.setup-page .of-preview-logo { position:relative; display:grid; place-items:center; width:80px; height:80px; margin:-45px auto 0; border:5px solid white; border-radius:50%; box-shadow:0 4px 9px #14213d21; background:#fff; overflow:hidden; color:#68758b; }
.setup-page .of-preview-logo img { width:100%; height:100%; object-fit:contain; }
.setup-page .of-preview-logo svg { width:38px; height:38px; }
.setup-page .of-store-info { text-align:center; padding:12px 20px 30px; overflow-wrap:anywhere; }
.setup-page .of-store-info h3 { font-size:18px; font-weight:700; letter-spacing:-.4px; }
.setup-page .of-store-info p { font-size:12px; white-space:pre-wrap; margin-top:3px; }
.setup-page .of-caption { display:block; text-align:center; font-size:10px; color:#627492; margin:5px 0; }
.setup-page .of-preview-area .setup-note { margin-top:16px; align-items:center; }
.setup-page .of-stage .of-feedback { font-size:12px; margin-top:8px; overflow-wrap:anywhere; }
.setup-page .of-feedback:empty { display:none; }
.setup-page .of-feedback.is-error { color:#a12525; }
.setup-page .of-actions { margin:0; border-top:1px solid #edf1f7; }
.setup-page .of-stage :is(.setup-back,.setup-save) { display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font:inherit; font-size:12px; padding:10px 18px; border-radius:6px; min-height:38px; }
.setup-page .of-stage :is(.setup-back,.setup-save) .setup-icon { width:16px; height:16px; }
.setup-page .of-stage .setup-back { color:#1555da; background:white; border:1px solid #a9c9ff; }
.setup-page .of-stage .setup-save { color:white; background:#1a60fa; border:1px solid #1a60fa; }
.setup-page .of-stage :disabled { opacity:.6; cursor:wait; }
.setup-page .of-ready-heading { padding:18px 20px 0; text-align:center; }
.setup-page .of-ready-heading > span { display:grid; place-items:center; width:54px; height:54px; margin:0 auto 8px; background:#eaf2ff; color:#2563eb; border-radius:50%; }
.setup-page .of-ready-heading .setup-icon { width:28px; height:28px; }
.setup-page .of-ready-heading h2 { font-size:24px; font-weight:700; letter-spacing:-.7px; }
.setup-page .of-ready-heading p { font-size:13px; margin-top:2px; }
.setup-page .of-ready-columns { grid-template-columns:minmax(0,1.13fr) minmax(0,1fr); gap:22px; }
.setup-page .of-ready-columns .of-preview { box-shadow:0 4px 14px #1e63ac0b; }
.setup-page .of-ready-columns .of-banner { aspect-ratio:4.4; }
.setup-page .of-ready-columns .of-store-info { padding:10px 18px 14px; }
.setup-page :is(.of-share,.of-summary) { border:1px solid #e0e9f6; border-radius:8px; padding:14px; }
.setup-page .of-share { margin-top:14px; }
.setup-page .of-stage :is(.of-share,.of-summary) h3 { display:flex; gap:12px; align-items:center; font-size:13px; font-weight:700; margin-bottom:8px; }
.setup-page :is(.of-share,.of-summary) h3 .setup-icon { color:#2563eb; width:19px; height:19px; }
.setup-page .of-share-controls { display:flex; gap:8px; }
.setup-page .of-share-controls input { width:100%; min-width:0; border:1px solid #dce5f1; border-radius:6px; padding:8px 12px; color:#334b75; background:white; font:inherit; font-size:12px; }
.setup-page #copy-store-link { flex-shrink:0; padding:8px 12px; }
.setup-page .of-share p { font-size:11px; margin-top:7px; }
.setup-page .of-summary ul { list-style:none; margin:0; padding:0; }
.setup-page .of-summary li { display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid #edf1f7; }
.setup-page .of-summary li:last-child { border-bottom:0; }
.setup-page .of-summary li > div { flex:1; min-width:0; overflow-wrap:anywhere; }
.setup-page .of-summary li strong { display:block; font-size:11px; }
.setup-page .of-summary li p { font-size:10px; line-height:1.4; }
.setup-page .of-summary-icon { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:7px; color:#2563eb; background:#eaf2ff; }
.setup-page .of-item-status { flex-shrink:0; color:#7c5918; }
.setup-page .of-item-status.is-complete { background:#2563eb; border-radius:50%; color:white; width:19px; height:19px; display:grid; place-items:center; }
.setup-page .of-item-status .setup-icon { width:13px; height:13px; }
.setup-page .of-adjust { display:flex; align-items:center; gap:12px; padding:10px; border-radius:6px; background:#eff6ff; font-size:10px; color:#627492; margin-top:8px; }
.setup-page .of-adjust .setup-icon { color:#2563eb; }
.setup-page .of-final-actions { justify-content:flex-end; }
.setup-page .of-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:760px) {
  .setup-page .of-columns { grid-template-columns:1fr; padding:16px; gap:20px; }
  .setup-page .of-customize { padding-right:0; border-right:0; }
  .setup-page .of-preview-area { border-top:1px solid #edf1f7; padding-top:18px; }
  .setup-page .of-ready-heading h2 { font-size:21px; }
  .setup-page .of-stage .setup-section-heading { gap:10px; }
  .setup-page .of-stage .setup-section-heading > span { flex-shrink:0; }
  .setup-page .of-final-actions > * { flex:1; }
}
@media(max-width:400px) {
  .setup-page .of-share-controls { flex-direction:column; }
  .setup-page .of-stage .of-actions { gap:8px; }
  .setup-page .of-stage .of-actions :is(.setup-back,.setup-save) { padding:9px 12px; }
  .setup-page .of-final-actions { flex-direction:column; align-items:stretch; }
}
.setup-page .of-final-actions .setup-save { margin-left:0; }
.setup-page .of-share-controls .setup-save { margin-left:0; }
@media(max-width:400px) { .setup-page .of-final-actions .setup-save { width:100%; } }
