.meal-row .meal-order-actions{display:grid;grid-template-columns:repeat(2,28px);gap:4px;align-content:start;justify-content:end}
.meal-row .meal-drag-handle{grid-column:1/-1;width:60px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;color:#334155;font-weight:800;cursor:grab;touch-action:none}
.meal-row .meal-drag-handle:active{cursor:grabbing}
.meal-row .meal-move-button,.meal-row .meal-order-actions .remove{width:28px;height:28px;padding:0;display:grid;place-items:center}
.meal-row.meal-dragging{opacity:.48;border:2px dashed #002b67;background:#edf4ff}
.meal-row.meal-drop-target{box-shadow:0 0 0 2px #f0a85a inset}
@media(max-width:760px){.meal-row .meal-order-actions{grid-template-columns:58px 36px 36px 36px;justify-content:start;align-items:center}.meal-row .meal-drag-handle{grid-column:auto;width:58px;height:34px}.meal-row .meal-move-button,.meal-row .meal-order-actions .remove{width:36px;height:34px}}