/* Local quantity editor. A single existing qty field remains the command input. */
.production-quantity{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 16px;min-width:0}
.production-quantity-field{display:grid;gap:5px;flex:0 0 auto;max-width:100%}
.production-quantity-field>label{font-size:var(--text-xs);font-weight:600;color:var(--ink-2)}
.production-quantity-stepper{display:grid;grid-template-columns:36px minmax(52px,76px) 36px;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);overflow:hidden}
.production-quantity-stepper>.btn{min-width:0;min-height:36px;padding:0;border:0;border-radius:0;font-size:18px;box-shadow:none;background:var(--surface-2)}
.production-quantity-stepper>.input{min-height:36px;min-width:0;padding:6px 4px;border:0;border-inline:1px solid var(--line);border-radius:0;text-align:center;font-size:var(--text-md);font-weight:650;font-variant-numeric:tabular-nums;appearance:textfield}
.production-quantity-stepper>.input::-webkit-inner-spin-button,.production-quantity-stepper>.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.production-quantity-stepper :is(button,input):focus-visible{position:relative;outline:2px solid var(--accent);outline-offset:-2px}
.production-quantity-context{display:grid;gap:1px;min-width:0;font-size:var(--text-xs);color:var(--muted);line-height:1.4}
.production-quantity-context strong{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.production-quantity-context>.btn{justify-self:start;min-height:28px;padding:2px 0;border:0;background:transparent;color:var(--accent);font-size:var(--text-xs)}
.production-quantity .btn:disabled{cursor:default}
form[data-submit=production-add]>.production-quantity{flex:1 1 280px}
.lot-action>form>.production-quantity{flex:1 1 240px}
@media(max-width:699px){
 .production-quantity-stepper{grid-template-columns:44px minmax(56px,80px) 44px}
 .production-quantity-stepper>:is(.btn,.input){min-height:44px}
 .production-quantity-context>.btn{min-height:44px}
 .production-quantity-context{flex:1 1 140px}
}
