/* BR-UI-71159-003（核心）：單據狀態列 */
.dc-status-flow{display:flex;list-style:none;margin:0 0 14px;padding:12px 16px;gap:0;background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:10px;overflow-x:auto}
.dc-status-flow .dc-flow-step{position:relative;flex:1 1 0;min-width:84px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--muted,#64748b);font-size:14px}
.dc-status-flow .dc-flow-step::before{content:"";position:absolute;top:8px;right:50%;width:100%;height:2px;background:var(--line,#e2e8f0);z-index:0}
.dc-status-flow .dc-flow-step:first-child::before{display:none}
.dc-status-flow .dc-flow-dot{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;box-sizing:border-box}
.dc-status-flow .is-done{color:#166534}.dc-status-flow .is-done::before,.dc-status-flow .is-current::before{background:#16a34a}
.dc-status-flow .is-done .dc-flow-dot{background:#16a34a;border-color:#16a34a}
.dc-status-flow .is-current{color:var(--navy,#1e3a8a);font-weight:700}.dc-status-flow .is-current .dc-flow-dot{border-color:#2563eb;background:#2563eb;box-shadow:0 0 0 4px #dbeafe}
.dc-status-flow .is-cancelled{color:#b91c1c;font-weight:700}.dc-status-flow .is-cancelled .dc-flow-dot{border-color:#dc2626;background:#dc2626}
.dc-status-flow .dc-flow-note{font-size:12px;font-weight:400;color:inherit;opacity:.85}
@media print{.dc-status-flow{display:none!important}}