/* workflow.css — Visualizador de flujos de trabajo */
.wf-flow { display:flex; align-items:center; gap:6px; overflow-x:auto; padding:4px 0 12px; }
.wf-step { display:flex; flex-direction:column; align-items:center; min-width:85px; }
.step-box { padding:8px 10px; border-radius:var(--radius-md); font-size:11px; font-weight:500; text-align:center; cursor:pointer; border:0.5px solid transparent; transition:transform 0.15s; line-height:1.3; }
.step-box:hover { transform:scale(1.04); }
.step-arrow { color:var(--color-text-hint); font-size:14px; flex-shrink:0; }
.step-label { font-size:10px; color:var(--color-text-hint); margin-top:4px; text-align:center; }
.step-pre  { background:var(--color-primary-bg); color:var(--color-primary); border-color:rgba(24,95,165,0.3); }
.step-api  { background:var(--color-success-bg); color:var(--color-success); border-color:rgba(15,110,86,0.3); }
.step-post { background:var(--color-warning-bg); color:var(--color-warning); border-color:rgba(186,117,23,0.3); }
.step-end  { background:var(--color-bg-secondary); color:var(--color-text-muted); border-color:var(--color-border-md); }
.step-fork { background:var(--color-danger-bg); color:var(--color-danger); border-color:rgba(163,45,45,0.3); }