.onboarding-banner{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-fields);padding:var(--space-panel);border:1px solid var(--line);border-radius:14px;background:var(--surface-field);min-width:0}
.onboarding-banner>div{min-width:0}.onboarding-banner strong{font-size:var(--type-section-title);font-weight:600;line-height:1.4}.onboarding-banner p{font-size:var(--type-label);line-height:1.5;color:var(--text-secondary);margin:4px 0 0}.onboarding-emblem{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:var(--text-link);background:var(--accent-soft)}.onboarding-emblem .icon{width:18px;height:18px}
.onboarding-body{display:grid;gap:var(--space-section);min-width:0}.onboarding-summary{display:grid;gap:var(--space-inline)}.onboarding-summary strong{font-size:var(--type-body);line-height:1.5;font-weight:600}.onboarding-summary p,.onboarding-description{margin:0;font-size:var(--type-label);color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}
.onboarding-progress{height:5px;background:var(--surface-hover);border-radius:5px;overflow:hidden}.onboarding-progress>span{display:block;height:100%;background:var(--text-link);border-radius:inherit}
.onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-inline)}
:root body.in-workspace .onboarding-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px var(--space-inline);align-items:center;justify-items:start;margin:0;padding:var(--space-inline) var(--space-fields);min-height:var(--control-target);width:100%;text-align:left;box-shadow:none;background:var(--surface-field);border:1px solid var(--line);border-radius:var(--action-radius)}
.onboarding-step>.icon{grid-row:1/3}.onboarding-step>span{font-size:var(--type-label);line-height:1.4;min-width:0;overflow-wrap:anywhere}.onboarding-step>small{grid-column:2;font-size:var(--type-meta);line-height:1.4;color:var(--text-secondary)}
:root body.in-workspace .onboarding-step[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--text-link)}.onboarding-step[data-state=complete]>.icon{color:var(--text-success)}
:root body.in-workspace .onboarding-step[data-state=complete]{border-color:var(--text-success)}
:root body.in-workspace .onboarding-step[data-state=complete][aria-selected=true]{background:var(--surface-success);color:var(--text-primary)}
:root body.in-workspace .onboarding-step[data-attention=true]{--onboarding-attention-color:var(--text-warning);grid-template-columns:auto minmax(0,1fr) 18px;border-color:var(--onboarding-attention-color)}
:root body.in-workspace .onboarding-step[data-attention=true][aria-selected=true]{background:var(--surface-warning);color:var(--text-primary)}
.onboarding-step>.onboarding-attention{grid-column:3;grid-row:1/3;display:grid;place-items:center;align-self:center;color:var(--onboarding-attention-color)}
.onboarding-attention>.icon{width:18px;height:18px}
.onboarding-current{display:grid;gap:var(--space-fields);border-top:1px solid var(--line);padding-top:var(--space-section);min-width:0}.onboarding-current-heading{display:flex;align-items:center;gap:var(--space-inline);justify-content:space-between;min-width:0}.onboarding-current-heading h3{font-size:var(--type-section-title);line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere}.onboarding-kind{font-size:var(--type-meta);color:var(--text-secondary)}
.onboarding-checks{display:grid;gap:var(--space-inline);list-style:none;margin:0;padding:0}.onboarding-checks li{display:flex;align-items:flex-start;gap:var(--space-inline);font-size:var(--type-label);line-height:1.5}.onboarding-checks .icon{width:16px;height:16px;margin-top:2px}.onboarding-checks li[data-valid=true] .icon{color:var(--text-success)}.onboarding-checks li[data-valid=false] .icon{color:var(--text-warning)}
.onboarding-targets,.onboarding-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-inline)}.onboarding-footer{border-top:1px solid var(--line);padding-top:var(--space-fields);margin-top:var(--space-section);justify-content:flex-end}.onboarding-dialog .feedback{font-size:var(--type-label)}
.onboarding-body button:hover{background:var(--surface-hover)}.onboarding-body button:active{background:var(--surface-pressed)}.onboarding-body button:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}
.onboarding-banner[hidden]{display:none!important}
@media(max-width:700px){.onboarding-banner{grid-template-columns:36px minmax(0,1fr)}.onboarding-banner>button{grid-column:2;justify-self:start}.onboarding-steps{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px var(--space-inline)}:root body.in-workspace .onboarding-step{flex:0 0 170px;scroll-snap-align:start}}

.onboarding-mobile-hint{display:none}:root body.in-workspace .onboarding-footer>button{margin:0;width:auto;flex:0 1 auto}
@media(max-width:700px){.onboarding-mobile-hint{display:block;margin:0 0 calc(-1 * var(--space-inline));font-size:var(--type-meta);color:var(--text-secondary)}}

:root body.in-workspace .onboarding-banner>button{width:auto;margin:0;min-width:var(--control-target);max-width:100%;justify-self:end;box-shadow:none}
.onboarding-banner.onboarding-banner-error{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:700px){:root body.in-workspace .onboarding-banner>button{justify-self:start}.onboarding-banner.onboarding-banner-error{grid-template-columns:minmax(0,1fr)}.onboarding-banner-error>button{grid-column:1}}

/* Homepage setup card: next step and real progress, without competing with New order. */
:root body.in-workspace .onboarding-banner:not(.onboarding-banner-error){grid-template-columns:40px minmax(0,1fr) auto;gap:var(--space-inline) var(--space-fields);padding:var(--space-panel);border-radius:16px;background:var(--surface-field);align-items:center}
.onboarding-banner:not(.onboarding-banner-error)>.onboarding-emblem{grid-column:1;grid-row:1/3;width:40px;height:40px;border-radius:12px}
.onboarding-banner-copy{grid-column:2;grid-row:1}
.onboarding-banner-copy strong{display:block;color:var(--text-primary);font-size:var(--type-section-title);font-weight:600;line-height:1.4}
.onboarding-banner-copy p{margin:2px 0 0;overflow-wrap:anywhere;font-size:var(--type-label);line-height:1.4}
.onboarding-banner-progress{grid-column:2;grid-row:2;display:flex;align-items:center;gap:var(--space-fields);min-width:0}
.onboarding-banner-caption{color:var(--text-secondary);font-size:var(--type-meta);line-height:1.4;overflow-wrap:anywhere}
.onboarding-banner-track{display:flex;flex:0 1 160px;gap:4px;min-width:60px;height:4px}
.onboarding-banner-track>span{flex:1;min-width:0;border-radius:4px;background:var(--surface-pressed)}
.onboarding-banner-track>span[data-complete=true]{background:var(--text-link)}
:root body.in-workspace .onboarding-banner>.onboarding-banner-action{grid-column:3;grid-row:1/3;display:flex;gap:var(--space-inline);padding:var(--action-padding-block) var(--action-padding-inline);min-height:var(--control-target);border:1px solid var(--line);background:var(--surface-field);color:var(--text-primary);border-radius:var(--action-radius);box-shadow:none;white-space:normal}
:root body.in-workspace .onboarding-banner-action:hover{background:var(--surface-hover)}
:root body.in-workspace .onboarding-banner-action:active{background:var(--surface-pressed)}
.onboarding-banner-arrow{display:flex;flex:none}.onboarding-banner-arrow .icon{width:18px;height:18px}
@media(max-width:700px){
 :root body.in-workspace .onboarding-banner:not(.onboarding-banner-error){grid-template-columns:40px minmax(0,1fr) var(--control-target);padding:var(--space-fields)}
 .onboarding-banner:not(.onboarding-banner-error)>.onboarding-emblem{grid-row:1}
 .onboarding-banner-progress{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:var(--space-inline)}
 :root body.in-workspace .onboarding-banner>.onboarding-banner-action{grid-row:1;width:var(--control-target);padding:var(--space-inline);justify-self:end;justify-content:center}
 .onboarding-banner-action>span:first-child{display:none}
 .onboarding-banner-track{min-width:0;width:100%}
}