.process-diagram{margin:24px 0}.process-diagram-title{font-size:var(--font-xs);color:var(--muted-foreground);margin-bottom:12px;font-weight:500}.process-diagram-flow{align-items:stretch;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.process-diagram-step-group{align-items:center;gap:0;min-width:0;display:flex}.process-diagram-step{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;gap:4px;min-width:0;padding:10px 16px;display:flex}.process-diagram-step-label{font-size:var(--font-xs);color:var(--foreground);white-space:nowrap;font-weight:500}.process-diagram-step-desc{font-size:var(--font-2xs);color:var(--muted-foreground);white-space:nowrap;line-height:1.4}.process-diagram-arrow{width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0;margin:0 6px}@media (max-width:640px){.process-diagram-flow{flex-direction:column;align-items:stretch}.process-diagram-step-group{flex-direction:column}.process-diagram-step{width:100%}.process-diagram-arrow{margin:6px auto;transform:rotate(90deg)}}