/* ERP / OA 模块补充样式（订单状态机、外贸单据卡片） */

.flow-bar {
  display: flex; align-items: center; gap: 0; background: var(--card);
  border: 1px solid var(--line); border-radius: var(--radius); padding: 13px 18px;
  box-shadow: var(--shadow);
}
.flow-node { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--faint); white-space: nowrap; }
.flow-node .dot2 { width: 9px; height: 9px; border-radius: 50%; background: #d5dde8; transition: all .2s; }
.flow-node.done { color: var(--green); }
.flow-node.done .dot2 { background: var(--green); }
.flow-node.now { color: var(--navy); font-weight: 650; }
.flow-node.now .dot2 { background: var(--navy); box-shadow: 0 0 0 4px rgba(31, 78, 121, .12); }
.flow-node.off { opacity: .45; }
.flow-line { flex: 1; height: 1px; background: var(--line); margin: 0 9px; min-width: 14px; }

.doc-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.doc-link {
  display: flex; flex-direction: column; gap: 1px; border: 1px solid var(--line);
  border-radius: 8px; padding: 10px 12px; background: #fafcff; transition: all .15s;
}
.doc-link b { font-size: 15px; color: var(--navy); letter-spacing: .5px; }
.doc-link span { font-size: 11.5px; color: var(--muted); }
.doc-link em { font-size: 10.5px; color: var(--faint); font-style: normal; font-family: var(--mono); }
.doc-link:hover { border-color: #b9cde0; background: #fff; box-shadow: 0 4px 14px -10px rgba(16, 30, 48, .4); }

.tbl tr.clickable { cursor: pointer; }
.tbl tr.clickable:hover { background: #f7fafd; }

/* 库存流水里的小徽标不要换行 */
.tbl .badge { white-space: nowrap; }

@media (max-width: 1080px) {
  .flow-bar { overflow-x: auto; }
  .doc-links { grid-template-columns: 1fr; }
}