/* steps.css - step indicators, image plans */
.steps-wrapper { margin-bottom: 16px; }
.steps-row { display: flex; align-items: center; }
.step-item { display: flex; flex-direction: column; align-items: center; flex: 1; }
.step-item:first-child { align-items: flex-start; }
.step-item:last-child { align-items: flex-end; }
.step-dot { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; flex-shrink: 0; }
.step-dot.active { background: var(--primary, #0d9488); color: #fff; }
.step-dot.done { background: #dcfce7; color: #16a34a; }
.step-dot.inactive { background: #f3f4f6; color: var(--text-faint, #9ca3af); }
.step-line { flex: 1; height: 1px; background: var(--border, #e5e5e5); }
.step-label { font-size: 10px; color: var(--text-faint, #9ca3af); margin-top: 4px; }
.img-plan { background: #f8fafb; border-radius: var(--radius, 8px); border: 1px solid var(--border, #e5e5e5); padding: 12px 14px; margin-bottom: 12px; }
.img-plan-row { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; border-bottom: 1px solid var(--border, #e5e5e5); }
.img-plan-row:last-child { border-bottom: none; }
.img-num { width: 20px; height: 20px; border-radius: 50%; background: var(--primary, #0d9488); color: #fff; font-size: 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.img-plan-info { font-size: 13px; line-height: 1.5; }
.img-plan-info span { font-size: 12px; color: var(--text-muted, #6b7280); }