/* Every quick quantity control sits to the right, in one-unit / two-unit columns. */
@media screen {
.quantity-arrow-pairs{display:inline-flex;align-items:center;gap:4px;flex:none}
.quantity-arrow-column{display:flex;flex-direction:column;gap:3px;flex:none}
.frequent-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.frequent-item .stock-stepper.stock-stepper-pair{flex-direction:column;gap:3px}
.waste-stepper.stock-stepper-pair{flex-direction:column;gap:3px}
body[data-cafe-layout="modern"] .menu-count-arrows.quantity-arrow-pairs{flex-direction:row;gap:3px}
body[data-cafe-layout="modern"] .menu-count-arrow{width:30px;min-width:30px;height:23px;min-height:23px;padding:0;border-radius:6px;font-size:11px;background:#fffaf0;border-color:#c9b389;color:#28584c}
body[data-cafe-layout="modern"] .menu-board tbody td{padding-bottom:56px;min-height:120px}
body[data-cafe-layout="modern"] .po-quantity{gap:5px;align-items:center}
body[data-cafe-layout="modern"] .po-quantity button{width:38px;min-width:38px;height:32px;min-height:32px;padding:0;border-radius:8px;font-size:13px;line-height:1}
body[data-cafe-layout="modern"] .po-quantity input{width:92px;min-width:0;appearance:textfield;-moz-appearance:textfield}
body[data-cafe-layout="modern"] .po-quantity input::-webkit-inner-spin-button,body[data-cafe-layout="modern"] .po-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-cafe-layout="modern"] .po-quantity button:disabled{opacity:.4;cursor:default}
@media(max-width:780px){
 body[data-cafe-layout="modern"] .menu-count-arrow{width:38px;min-width:38px;height:32px;min-height:32px;font-size:13px}
 body[data-cafe-layout="modern"] .menu-mobile-item .menu-count{justify-content:flex-end;gap:5px}
 body[data-cafe-layout="modern"] .po-quantity button{height:36px;min-height:36px;width:40px;min-width:40px}
 body[data-cafe-layout="modern"] .po-quantity input{width:72px;font-size:16px}
}
}
@media screen and (max-width:420px){
 body[data-cafe-layout="modern"] #inventoryPage .product-row td:nth-child(4),body[data-cafe-layout="modern"] #inventoryPage .product-row td:nth-child(5){grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}
 body[data-cafe-layout="modern"] #inventoryPage .product-row td:nth-child(4):before,body[data-cafe-layout="modern"] #inventoryPage .product-row td:nth-child(5):before{flex:1;min-width:0}
 body[data-cafe-layout="modern"] #inventoryPage .iu-setting-line .prep-input{width:60px;min-width:60px;height:44px;padding:5px}
}

@media screen {body[data-cafe-layout="modern"] .menu-count-arrow,body[data-cafe-layout="modern"] .po-quantity button{font-size:18px;font-family:Arial,sans-serif}}

@media screen {
.quantity-glyph{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;flex:none}
.stock-stepper button.iu-stock-button,.waste-stepper button.iu-stock-button,.iu-setting-step,.menu-count-arrow,.po-quantity button{display:inline-flex;align-items:center;justify-content:center;color:#355849}
body[data-cafe-layout="modern"] .stock-stepper button.iu-stock-button:hover:not(:disabled),body[data-cafe-layout="modern"] .waste-stepper button.iu-stock-button:hover:not(:disabled),body[data-cafe-layout="modern"] .iu-setting-step:hover:not(:disabled),body[data-cafe-layout="modern"] .menu-count-arrow:hover:not(:disabled),body[data-cafe-layout="modern"] .po-quantity button:hover:not(:disabled){color:#fdf6e4;background:#376352;border-color:#376352}
.quantity-arrow-pairs .quantity-glyph{width:20px;height:20px}
}

/* Dish names stay above; the quantity input and arrows share one row. */
@media screen {
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline { display:block; min-width:0; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-cell-choice { min-width:0; height:auto; min-height:52px; padding:6px 20px 6px 4px; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-cell-display { white-space:normal; overflow-wrap:anywhere; font-size:15px; line-height:1.6; text-align:center; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline > .menu-count { position:static; inset:auto; transform:none; margin:6px 0 0; display:grid; grid-template-columns:auto 44px auto; grid-template-rows:auto; align-items:center; justify-content:center; gap:5px; width:auto; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-caption { grid-column:1; grid-row:1; font-size:10px; text-align:center; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-input { grid-column:2; grid-row:1; width:44px; min-width:0; max-width:44px; min-height:38px; padding:4px; box-sizing:border-box; font-size:14px; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-arrows { grid-column:3; grid-row:1; margin:0; display:inline-flex; flex-direction:row; flex-wrap:nowrap; }
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-arrow { width:30px; min-width:30px; min-height:32px; height:32px; padding:0; }
 body[data-cafe-layout="modern"] #menuPage .menu-board tbody td { padding:12px 8px; min-height:0; vertical-align:middle; }
 @media(max-width:780px) {
  body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-cell-display { text-align:left; }
  body[data-cafe-layout="modern"] #menuPage .menu-item-inline > .menu-count { justify-content:end; }
  body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-cell-choice { border:0; background:transparent; }
  body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-arrow { width:38px; min-width:38px; height:42px; min-height:42px; }
 }
}

/* Keep the quantity label readable above its controls on narrow cards. */
@media screen and (max-width:780px) {
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline > .menu-count {grid-template-columns:48px auto;grid-template-rows:auto auto;gap:4px 6px;justify-content:center;}
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-caption {grid-column:1/-1;grid-row:1;white-space:nowrap;font-size:12px;line-height:1.4;color:#403a30;text-align:left;}
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-input {grid-column:1;grid-row:2;width:48px;max-width:48px;min-height:44px;font-size:18px;color:#28251f;}
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-arrows {grid-column:2;grid-row:2;}
 body[data-cafe-layout="modern"] #menuPage .menu-item-inline .menu-count-arrow {width:44px;min-width:44px;height:44px;min-height:44px;}
}

/* Ordinary arrows remain easy to tap when companions are used sparingly. */
@media screen {body[data-cafe-layout="modern"][data-cafe-world="ghibli"] button:is([data-count-delta],[data-po-qty-step],[data-stock-delta],[data-material-delta],[data-waste-delta],[data-material-waste-delta],[data-iu-step]):not(.forest-quantity){min-width:44px!important;min-height:44px!important;}}