.wf-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.wf-step{border-top:1px solid var(--border);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:11px 0;display:grid}.wf-step:first-child{border-top:0;padding-top:0}.wf-step:last-child{padding-bottom:0}.wf-step-icon{box-sizing:border-box;border-radius:50%;place-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;line-height:1;display:grid;position:relative}.wf-step[data-state=done] .wf-step-icon{background:var(--success);color:var(--surface)}.wf-step[data-state=active] .wf-step-icon{background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.wf-step[data-state=active] .wf-step-icon:after{content:"";background:var(--brand-ink);width:5px;height:5px;animation:wf-pulse 1.8s var(--ease) infinite;border-radius:50%}.wf-step[data-state=waiting] .wf-step-icon{border:1.5px solid var(--border-strong)}.wf-step[data-state=skipped] .wf-step-icon{background:var(--bg-muted);color:var(--text-tertiary)}.wf-step[data-state=failed] .wf-step-icon{background:var(--error);color:var(--surface)}.wf-step-body{min-width:0}.wf-step-line{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem .75rem;min-width:0;display:flex}.wf-step-label{color:var(--text-secondary);font-size:13px;line-height:1.4}.wf-step[data-state=active] .wf-step-label,.wf-step[data-state=done] .wf-step-label{color:var(--text)}.wf-step[data-state=active] .wf-step-label{font-weight:600}.wf-step[data-state=waiting] .wf-step-label,.wf-step[data-state=skipped] .wf-step-label{color:var(--text-tertiary)}.wf-step-detail{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right;font-size:11.5px;line-height:1.4}.wf-step[data-state=active] .wf-step-detail{color:var(--brand);font-weight:600}.wf-step[data-state=failed] .wf-step-detail{color:var(--error)}.wf-step-bar{border-radius:var(--radius-pill);background:var(--border);width:100%;height:4px;margin-top:7px;overflow:hidden}.wf-step-bar-fill{border-radius:var(--radius-pill);background:var(--brand);height:100%;transition:width .4s var(--ease)}@keyframes wf-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.wf-step[data-state=active] .wf-step-icon:after{animation:none}.wf-step-bar-fill{transition:none}}@media (max-width:420px){.wf-step-detail{text-align:left}}