/* 逆向流程步骤条 + 交期状态补充色（独立文件，避免改动 app.css 的编码） */
.flow-steps {
  display: flex; gap: 0; align-items: stretch; margin: 2px 0 4px;
  border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: #fff;
}
.flow-steps .fs {
  flex: 1; display: flex; align-items: center; gap: 8px; padding: 10px 14px;
  border-right: 1px solid var(--line); color: var(--ink-3); font-size: 13px; position: relative;
}
.flow-steps .fs:last-child { border-right: 0; }
.flow-steps .fs-no {
  width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: #eef3f7; color: var(--ink-3); font-size: 12px; font-weight: 700; flex: 0 0 22px;
}
.flow-steps .fs.done { color: var(--ok); background: #f3fbf7; }
.flow-steps .fs.done .fs-no { background: var(--ok); color: #fff; }
.flow-steps .fs.now { color: var(--brand-ink); background: #eef9fa; font-weight: 700; }
.flow-steps .fs.now .fs-no { background: var(--brand-2); color: #fff; }

.badge.待发货, .badge.待拣货, .badge.待装车 { background: #fdf3e3; color: var(--warn); border-color: #f3ddb8; }
.badge.已发货, .badge.在途, .badge.运输中 { background: #e9f1fb; color: var(--info); border-color: #cddff5; }
.badge.已签收, .badge.已到达 { background: #e7f6ef; color: var(--ok); border-color: #c4e8d7; }
.badge.待收货, .badge.待质检, .badge.待退回 { background: #f2eefb; color: #6b46c1; border-color: #ddd2f3; }
.badge.已拒绝, .badge.异常 { background: #fdeceb; color: var(--danger); border-color: #f6cdc8; }
.badge.降级, .badge.部分可售 { background: #fdf3e3; color: var(--warn); border-color: #f3ddb8; }
.badge.报废 { background: #fdeceb; color: var(--danger); border-color: #f6cdc8; }

html[data-skin="dark"] .flow-steps { background: #16262d; }
html[data-skin="dark"] .flow-steps .fs.done { background: #132b23; }
html[data-skin="dark"] .flow-steps .fs.now { background: #102b30; }

@media (max-width: 900px) {
  .flow-steps { flex-direction: column; }
  .flow-steps .fs { border-right: 0; border-bottom: 1px solid var(--line); }
}