.workflow-steps {display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;list-style:none;margin:1.2rem 0;padding:0;color:var(--muted);counter-reset:workflow}
.workflow-steps li {display:flex;align-items:center;gap:.45rem;font-size:.9rem;counter-increment:workflow}
.workflow-steps li::before {content:counter(workflow);display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid var(--line);border-radius:50%;font-size:.8rem}
.workflow-steps [aria-current="step"] {color:var(--accent);font-weight:650}
.workflow-steps [aria-current="step"]::before {background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.financial-workflow {scroll-margin-top:5rem;min-width:0}
.workflow-status {padding:1rem 1.2rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);font-weight:550}
.workflow-status:focus {outline:2px solid var(--accent);outline-offset:3px}
.workflow-error {color:var(--negative)}
.workflow-actions {margin:1rem 0}
.workflow-effect {border-inline-start:3px solid var(--accent)}
.workflow-confirm {position:relative}
[aria-busy="true"] {cursor:progress}
.financial-workflow [hidden], form[hidden] {display:none!important}
.financial-workflow [data-financial-review] > .page-heading h1 {font-size:1.65rem}
@media (max-width:600px) {.workflow-steps {gap:.6rem}.workflow-steps li {font-size:.78rem}.workflow-steps li::before {width:1.4rem;height:1.4rem}.workflow-actions .button {width:100%}}
@media print {.workflow-steps,.workflow-status,.workflow-actions {display:none!important}}
