/* Compact desktop list: keep the whole journey visible before the order number. */
.order-stage-filter{padding:0 18px 13px;background:white}
.order-stage-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:3px 0 10px}
.order-stage-button{display:flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid transparent;border-radius:6px;color:#718399;font-size:12px;transition:background-color 140ms,color 140ms,border-color 140ms}
.order-stage-button>span{min-width:20px;padding:0 5px;border-radius:4px;background:#f0f3f7;color:#8a99aa;font-size:10px;font-variant-numeric:tabular-nums;text-align:center;line-height:18px}
.order-stage-button:hover{background:#f5f7fa;color:#435b76}
.order-stage-button[aria-pressed="true"]{background:#fff3e9;color:#b9713d;border-color:#f2d9c4;font-weight:600}
.order-stage-button[aria-pressed="true"]>span{background:#f9e2cf;color:#b9713d;font-weight:500}
.order-stage-button:focus-visible{outline:2px solid #b9cce3;outline-offset:2px}
.order-stage-caption{display:flex;justify-content:space-between;gap:20px;color:#93a1b3;font-size:10px;line-height:1.6}
.order-stage-caption b{font-weight:500;color:#667e98}
@media(prefers-reduced-motion:reduce){.order-stage-button{transition:none}}
.order-list-table{min-width:980px;table-layout:fixed}
.order-list-table th,.order-list-table td{padding:17px 12px}
.order-list-table th{padding-top:12px;padding-bottom:12px}
.order-list-table .order-progress-col{width:40%}
.order-list-table .order-number-col{width:16%}
.order-list-table .order-customer-col{width:14%}
.order-list-table .order-artwork-col{width:12%}
.order-list-table .order-due-col{width:9%}
.order-list-table .order-action-col{width:9%}
.order-list-table .order-customer-cell{white-space:normal;overflow-wrap:anywhere}
.order-list-table .list-artwork-thumb{gap:5px;padding:4px;max-width:100%;width:118px}
.order-list-table .list-artwork-image{width:66px;height:40px;flex:1;min-width:0}
.order-list-table .list-artwork-count{font-size:10px;max-width:44px;word-break:keep-all;white-space:normal;line-height:1.5}
.order-list-table td>.text-btn{font-size:11px;white-space:nowrap}
.order-chain{display:block;width:100%;padding:9px 6px;text-align:left;border-radius:7px;background:transparent;color:inherit;cursor:pointer;transition:background-color 150ms ease}
.order-chain:hover{background:#f3f6fa}
.order-chain:focus-visible{outline:2px solid #9fb9d8;outline-offset:2px;background:#f3f6fa}
.order-chain-track{display:flex;align-items:stretch;justify-content:space-between;gap:6px;white-space:normal}.order-chain-group{display:flex;flex-direction:column;gap:4px;min-width:94px;flex:1 1 108px;align-self:stretch;justify-content:flex-start}.order-chain-group.single{min-width:104px;flex-basis:116px}.order-chain-group.multi{min-width:160px;max-width:280px;flex-basis:220px;padding:4px 5px 5px;border:1px solid #e8edf2;border-radius:7px;background:#fbfcfd}.order-chain-group-label{display:flex;align-items:baseline;justify-content:center;gap:5px;min-height:17px;font-size:10px;color:#8491a0;text-align:center;line-height:15px}.order-chain-group-label b{font-weight:600}.order-chain-group-label small{font-size:9px;color:#a3adb9;white-space:nowrap}.order-chain-subtrack{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));align-items:stretch;justify-content:center;gap:4px}.order-chain-group.single .order-chain-subtrack{display:flex}.order-chain-subnode{min-width:0;max-width:none;width:100%;padding:4px 5px;border:1px solid #edf0f3;border-radius:5px;background:#fafbfd}.order-chain-group.single .order-chain-subnode{border-color:transparent;background:transparent;padding:0 2px}.order-chain-subnode .order-chain-name{justify-content:center;text-align:center;font-size:10px;line-height:15px;overflow-wrap:anywhere}.order-chain-subnode .order-chain-state{font-size:9px;line-height:14px;text-align:center}.order-chain-group.single .order-chain-subnode .order-chain-name{font-size:11px;line-height:17px}.order-chain-link{align-self:center}
.order-chain-node{display:flex;flex-direction:column;align-items:center;align-self:center;gap:6px;min-width:35px;color:#9ba6b5}
.order-chain-name{display:flex;gap:4px;align-items:center;font-size:11px;font-weight:500;line-height:18px}
.order-chain-name i{font-style:normal;font-size:10px;line-height:16px;text-align:center;width:13px;flex-shrink:0}
.order-chain-state{font-size:10px;line-height:15px;color:#9ca7b6}
.order-chain-node.done{color:#739187}.order-chain-node.done .order-chain-state{color:#8c9f98}
.order-chain-node.active .order-chain-name{color:#b66d37;font-weight:600}
.order-chain-node.active .order-chain-name i{background:#fceee2;color:#d58649;border-radius:50%}
.order-chain-node.active .order-chain-state{color:#b8794a}
.order-chain-node.warn .order-chain-name,.order-chain-node.warn .order-chain-state{color:#ae7350}
.order-chain-node.warn .order-chain-name i{background:#fff0df;border-radius:50%;font-weight:700}
.order-chain-node.skip{color:#a7afb9}.order-chain-node.skip .order-chain-state{color:#a7afb9}
.order-chain-link{color:#c8d1dc;font-size:14px;line-height:18px;flex-shrink:0}
.order-chain-note{display:block;font-size:10px;color:#8e9cac;margin-top:8px;white-space:normal;line-height:1.5}
.order-chain-note.warn{color:#ac7c51}
.order-chain-legend{border-top:1px solid #edf1f5;display:flex;gap:17px;align-items:center;padding:11px 18px;color:#93a0af;font-size:10px}
.order-chain-legend .done{color:#739187}.order-chain-legend .active{color:#b8794a}
.order-chain-legend .hint{margin-left:auto}
@media(prefers-reduced-motion:reduce){.order-chain{transition:none}}
/* Each node has its own destination; never nest the print control in a button. */
.order-chain{cursor:default}.order-chain:hover{background:transparent}
button.order-chain-node{padding:4px 2px;border-radius:5px;flex-shrink:0;text-align:center}
button.order-chain-node:hover,.order-chain-group:hover{background:#f1f5f8}
.order-chain-track>button:focus-visible{outline:2px solid #9fb9d8;outline-offset:2px;background:#f1f5f8}
.order-print-node{min-width:48px}.order-chain-note{text-align:left;padding:0}
/* Longer journeys wrap complete segments instead of overlapping the order number. */
.order-chain-track{flex-wrap:wrap;justify-content:space-between;gap:10px 6px}
.order-chain-segment{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}
.order-chain-craft-segment{flex:1 1 176px;min-width:min(176px,100%)}
.order-chain-craft-segment .order-chain-group{width:100%;min-width:0;max-width:280px}
.order-chain-craft-segment .order-chain-subtrack{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}
.order-chain-segment>button:focus-visible{outline:2px solid #9fb9d8;outline-offset:2px;background:#f1f5f8}
.order-chain-group[data-action="view-order-progress"]{white-space:normal}