.wf-steps{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.wf-step{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:.6rem;min-width:0;display:grid}.wf-step-icon{box-sizing:border-box;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;line-height:1;display:grid}.wf-step[data-state=done] .wf-step-icon{background:var(--ok);color:#fff}.wf-step[data-state=active] .wf-step-icon{border:2px solid var(--brand-line);border-top-color:var(--brand);animation:.9s linear infinite wf-spin}.wf-step[data-state=waiting] .wf-step-icon{border:1.5px solid var(--line-strong)}.wf-step[data-state=skipped] .wf-step-icon{background:var(--bg-muted);color:var(--fg-faint)}.wf-step[data-state=failed] .wf-step-icon{background:var(--err);color:#fff}.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(--fg);font-size:13.5px;line-height:1.35}.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(--fg-muted)}.wf-step-detail{color:var(--fg-faint);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;line-height:1.35}.wf-step-bar{background:var(--bg-muted);border-radius:999px;width:100%;height:5px;margin-top:.35rem;overflow:hidden}.wf-step-bar-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .4s}@keyframes wf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wf-step[data-state=active] .wf-step-icon{border-color:var(--brand);animation:none}.wf-step-bar-fill{transition:none}}@media (max-width:420px){.wf-step-detail{text-align:left}}