/* Phone: reserve a full line for the complete weight, including 350.0.
   Adjustment buttons occupy their own row instead of squeezing the input. */
@media screen and (max-width:900px){
 .quick-entry .weight-control,#recordForm .modal-weights .weight-control{padding:10px 8px}
 .quick-entry .stepper,#recordForm .modal-weights .stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;row-gap:6px;column-gap:0;margin-top:6px}
 .quick-entry .weight-number,#recordForm .modal-weights .weight-number{grid-column:1/-1;grid-row:1;display:flex;justify-content:center;align-items:baseline;width:100%;gap:4px}
 .quick-entry .weight-number input,#recordForm .modal-weights .weight-number input{width:5.6ch;max-width:calc(100% - 24px);flex:0 1 5.6ch;min-width:0;font-size:30px;line-height:1.3;letter-spacing:0;font-weight:600;font-variant-numeric:tabular-nums;color:#263c2b;padding:0}
 .quick-entry .weight-number>span,#recordForm .modal-weights .weight-number>span{font-size:13px;color:#53624d;flex:none}
 .quick-entry .stepper>button,#recordForm .modal-weights .stepper>button{grid-row:2;width:36px;height:36px;font-size:24px;color:#4d6740}
 .quick-entry .stepper>button:first-child,#recordForm .modal-weights .stepper>button:first-child{grid-column:1}
 .quick-entry .stepper>button:last-child,#recordForm .modal-weights .stepper>button:last-child{grid-column:3}
 #recordForm .modal-weights .weight-control>label,.quick-entry .weight-control>label{font-size:14px;line-height:1.4}
 #recordForm .modal-weights .weight-control small,.quick-entry .weight-control small{font-size:12px;line-height:1.4;color:#596a50;margin-top:2px}
}
@media screen and (max-width:374px){
 .quick-entry .weight-number input,#recordForm .modal-weights .weight-number input{font-size:28px}
}