/* Adım satırı — grup / otomasyon editöründe sıralı liste satırı */
.step-list { display: flex; flex-direction: column; }
.step-row { display: flex; align-items: center; gap: var(--sp-3); min-height: var(--size-60); padding: var(--sp-2) var(--sp-2) var(--sp-2) 0; border-bottom: 1px solid var(--border); background: var(--surface); }
.step-row:last-child { border-bottom: 0; }
.step-row__handle { color: var(--text-3); cursor: grab; display: grid; place-items: center; width: var(--size-24); }
.step-row__icon { display: grid; place-items: center; width: var(--size-36); height: var(--size-36); border-radius: var(--r-sm); background: var(--surface-2); border: 1px solid var(--border); color: var(--text-2); flex: none; }
.step-row--trigger .step-row__icon { background: var(--primary-soft); border-color: transparent; color: var(--primary); }
.step-row--ai .step-row__icon { background: var(--scene-purple-bg); border-color: transparent; color: var(--scene-purple); }
.step-row--read .step-row__icon { background: var(--info-bg); border-color: transparent; color: var(--info); }
.step-row--notify .step-row__icon { background: var(--success-bg); border-color: transparent; color: var(--success-text); }
.step-row--group .step-row__icon { background: var(--scene-blue-bg); border-color: transparent; color: var(--scene-blue); }
.step-row--condition .step-row__icon, .step-row--delay .step-row__icon { background: var(--warning-bg); border-color: transparent; color: var(--warning-text); }
.step-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--sp-0-5); }
.step-row__label { font-size: var(--text-body); font-weight: var(--w-medium); line-height: var(--leading-tight); }
.step-row__where { font-size: var(--text-sm); color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.step-row__out { display: inline-flex; align-items: center; gap: var(--sp-1); height: var(--size-20); padding: 0 var(--sp-2); border-radius: var(--r-pill); background: var(--surface-2); border: 1px solid var(--border); color: var(--text-2); font-size: var(--text-xs); font-weight: var(--w-medium); font-variant-numeric: tabular-nums; }
.step-row__out::before { content: '→'; color: var(--text-3); }
.step-row__chevron { color: var(--text-3); }
.step-row__trailing { display: flex; align-items: center; gap: var(--sp-2); flex: none; }
.step-row.is-missing .step-row__label { color: var(--warning-text); }

/* Önceki adım çıktısı çipi (değer yerine) */
.var-chip { display: inline-flex; align-items: center; height: var(--size-22); padding: 0 var(--sp-2); border-radius: var(--r-sm); background: var(--scene-purple-bg); color: var(--scene-purple); font-size: var(--text-xs); font-weight: var(--w-medium); font-family: var(--font); }