/* /onboard/ setup progress bar. Uses Stampwork tokens from styles.css / accounts.css. */
.ob-prog{margin:0 0 26px;padding:18px 20px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-m,18px);box-shadow:5px 5px 0 var(--ink);color:var(--ink)}
.ob-prog-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.ob-prog-h b{font-family:var(--serif);font-size:20px;font-weight:680}
.ob-prog-h span{font-weight:700;font-size:14px;color:var(--green)}
.ob-bar{height:12px;border:2px solid var(--ink);border-radius:999px;background:var(--sand);overflow:hidden}
.ob-bar i{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .4s var(--ease,ease)}
.ob-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ob-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:14px;font-weight:600;color:var(--muted);line-height:1.25;min-width:0}
.ob-steps .dot{width:30px;height:30px;flex:none;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font-weight:700;font-size:14px;color:var(--ink)}
.ob-steps li.done .dot{background:var(--green);color:var(--cream);border-color:var(--green)}
.ob-steps li.done{color:var(--ink)}
.ob-steps li[aria-current=step]{color:var(--ink);font-weight:700}
.ob-steps li[aria-current=step] .dot{background:var(--mustard);box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--terra-deep)}
.ob-next{margin:14px 0 0;font-size:15px;color:var(--ink)}
.ob-next a{font-weight:700}
@media(max-width:600px){
 .ob-prog{padding:16px}
 .ob-steps{grid-template-columns:1fr;gap:0}
 .ob-steps li{flex-direction:row;text-align:left;gap:12px;min-height:44px;padding:4px 0;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.ob-bar i{transition:none}}