/* A checkbox must not inherit the full-width text-input rules. */
#orderBox .orderTypeSummary{display:none}
@media(max-width:760px){
 #orderBox,#orderBox .orderFormGrid,#orderBox .orderField{box-sizing:border-box;min-width:0;max-width:100%}
 #orderBox #potentialHoldField .potentialToggle{display:flex;align-items:flex-start;gap:12px;min-width:0;max-width:100%;box-sizing:border-box;padding:14px;text-transform:none;letter-spacing:normal}
 #orderBox #potentialHoldField #newPotentialHold{flex:0 0 22px;width:22px!important;min-width:22px;max-width:22px;height:22px;min-height:22px;margin:1px 0 0;padding:0;transform:none;align-self:flex-start;accent-color:#172b40}
 #orderBox #potentialHoldField .potentialToggle>span{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
 #orderBox #potentialHoldField .potentialToggle b{font-size:14px;line-height:1.4;color:#334155}
 #orderBox #potentialHoldField .potentialToggle span span{font-size:12px;line-height:1.5;font-weight:400;color:#64748b}
 #orderBox #potentialHoldField.editingOrderType .potentialToggle{display:none!important}
 #orderBox #potentialHoldField.editingOrderType .orderTypeSummary{display:block;padding:12px 14px;border:1px solid #dbe2ea;border-radius:9px;background:#f8fafc;font-weight:700;color:#334155;font-size:14px}
 #orderBox .customerAccountControl{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 #orderBox .customerAccountControl :is(select,button){min-width:0;max-width:100%;width:100%;box-sizing:border-box}
 #orderBox :is(.fieldHint,.customerOrderAccountHint,.customerContactSelectHint){font-size:12px;line-height:1.45;overflow-wrap:anywhere;margin-top:6px}
 #orderBox .quickCustomerGrid{grid-template-columns:minmax(0,1fr)}
 #orderBox .quickCustomerGrid .span2{grid-column:1/-1}
 #orderBox .quickCustomerPanel{min-width:0;max-width:100%;box-sizing:border-box}
 #orderBox .quickCustomerHead{align-items:flex-start;gap:10px}
 #orderBox .quickCustomerHead>div{min-width:0}
 #orderBox :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%}
 #orderBox #newPotentialHold:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
}