/* Shared quantity controls: no native spin UI and one handler across all contexts. */
.quantity-controls[data-quantity-controls]{display:flex;gap:8px;align-items:stretch;width:100%;min-width:0;margin:6px 0 0}
.quantity-controls[data-quantity-controls] button,.multi-inquiry .quantity-controls[data-quantity-controls] button{flex:0 0 44px;min-width:44px;min-height:44px;height:44px;border:1px solid #bfc3c8;border-radius:4px!important;background:#fff;color:#17191f;font-size:22px;padding:0;display:flex;align-items:center;justify-content:center}
.quantity-controls[data-quantity-controls] input,.multi-inquiry .quantity-controls[data-quantity-controls] input{flex:1 1 0;min-width:40px;width:0;height:44px;margin:0!important;border:1px solid #bfc3c8;border-radius:4px;padding:8px;text-align:center;background:#fff;font-size:16px}
.quantity-controls[data-quantity-controls] button:hover{background:#fff4db}.quantity-controls[data-quantity-controls] button:disabled{opacity:.4;cursor:default}
.quantity-controls[data-quantity-controls] :is(input,button):focus-visible{outline:3px solid #155dad;outline-offset:2px}
.multi-inquiry .product-entry>.form-grid>.field:has(input[id$="quantity"]){padding-right:0;min-width:0}
@media(min-width:901px){.multi-inquiry .product-entry>.form-grid{grid-template-columns:minmax(0,1fr) 180px}}
/* Quotation styling previously hid the buttons and changed the control to block,
   allowing the quantity-unit column to cover the newly visible plus button. */
.multi-inquiry .quantity-controls[data-quantity-controls]{display:flex;gap:8px;align-items:stretch;min-width:0}