.order-section-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.order-section-head h2{margin:2px 0 3px}.order-section-head p{margin:0;color:var(--muted);font-size:14px}.order-section-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;font-size:23px;font-weight:800}.order-section-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.needs-order{border-left:5px solid #d97706;background:linear-gradient(100deg,#fffaf0 0,#fff 45%)}.needs-order .order-section-icon{background:#ffedd5;color:#b45309}.needs-order .order-section-label{color:#b45309}.free-order{border-left:5px solid #7c3aed;background:linear-gradient(100deg,#f7f3ff 0,#fff 45%)}.free-order .order-section-icon{background:#ede9fe;color:#6d28d9}.free-order .order-section-label{color:#6d28d9}.free-order .select{border-color:#a78bfa}.free-order .select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.14)}
.supplier-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.supplier-grid .wide{grid-column:1/-1}@media(max-width:700px){.supplier-grid{grid-template-columns:1fr}.supplier-grid .wide{grid-column:auto}}
.order-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;margin-bottom:20px}.order-flow{display:flex;flex-direction:column;margin-bottom:0;min-width:0}.order-flow-content{margin-top:auto}.selected-flow{position:relative}.selected-flow .btn-ghost{border:1px solid currentColor}@media(max-width:850px){.order-flow-grid{grid-template-columns:1fr}}