.order-progress{padding:20px!important}.order-progress ol{display:flex;list-style:none;padding:0;margin:0;gap:8px;overflow-x:auto;scroll-snap-type:x proximity}.order-progress li{flex:1 0 116px;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:8px 6px;scroll-snap-align:start;color:#5c6574;font-size:13px}.order-progress li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c8ced7;border-radius:50%;font-weight:700;background:#f4f5f8;color:#364154}.order-progress li.current>span{background:#fff0dd;border:2px solid #c5650b;color:#733500}.order-progress li.done>span{background:#e5ecea;border-color:#566c65;color:#243e35}.order-progress li small{font-size:11px}.order-progress p{font-size:13px;color:#4c5664;margin:16px 0 0}.has-order-plan .work-flow{display:none}.needs-action{border:2px solid #d77619!important;border-radius:12px;padding:16px!important;background:#fffdf9}.order-terms{margin:16px 0;padding:16px;border:1px solid #d8dce3;border-radius:10px}.order-terms h3{margin:0 0 12px}.payment-options{display:flex;flex-wrap:wrap;gap:8px}.payment-options label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #c8ced7;border-radius:8px;cursor:pointer;font-size:14px}.payment-options label:has(input:checked){border-color:#c5650b;background:#fff0dd;color:#522b00}.payment-options input,.supplier-choice input,.payment-check input{width:20px!important;height:20px!important;min-height:20px!important;accent-color:#33465e;margin:0}.order-terms small,[data-payment-controls] small{display:block;line-height:1.5;color:#58616e;margin:8px 0}.order-terms summary,.payment-proof summary{cursor:pointer;padding:12px 0;font-weight:600}.order-terms [data-term-hint]{font-size:13px}.payment-check{display:flex;align-items:center;gap:10px;font-weight:650;padding:10px 0}.payment-proof{margin:16px 0;border-top:1px solid #d8dce3;border-bottom:1px solid #d8dce3}.upd-upload,.invoice-upload{border:1px solid #d8dce3;border-radius:10px;padding:16px;margin:16px 0;background:#fafbfc}.allocation-row{padding:18px 0;border-top:1px solid #d8dce3}.allocation-row header{display:flex;justify-content:space-between;gap:12px}.allocation-row small{display:block;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}.allocation-row .field{max-width:520px}.allocation-summary{font-size:13px;color:#536070;margin:12px 0}.allocation-supply{padding:10px 0}.allocation-row [data-stock] form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.allocation-row input[type=number]{max-width:110px}.supplier-choice{display:flex;align-items:center;gap:10px;min-height:44px}.order-allocation [hidden]{display:none!important}.order-allocation button{min-height:44px}.order-allocation [role=alert]:not(:empty),.order-terms [role=alert]:not(:empty),[data-payment-controls] [role=alert]:not(:empty){padding:12px;background:#fff1e4;color:#813d00;border-left:4px solid #cc6710;border-radius:6px;font-weight:600}.order-allocation a{text-decoration:underline;text-underline-offset:3px}.order-allocation .small-btn{padding:8px 12px}.order-progress li.current{font-weight:700}.order-progress li.current b{color:#803c00}
@media(max-width:600px){.order-progress{padding:12px!important}.order-progress li{flex-basis:110px}.payment-options{display:grid;grid-template-columns:1fr 1fr}.payment-options label{padding:10px;font-size:14px}.allocation-row [data-stock] form{display:block}.allocation-row .field{max-width:none}.order-allocation .btn{max-width:100%;white-space:normal}.order-terms{padding:12px}.order-terms input,.order-terms select,.order-allocation input,.order-allocation select{font-size:16px;min-height:44px}.order-allocation h2{font-size:20px;line-height:1.3}.allocation-row header strong{overflow-wrap:anywhere}.allocation-row header span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.order-progress ol{scroll-behavior:auto}}