.quantity-load { align-items: flex-end; flex-wrap: wrap; }
.quantity-load .loadstatus { display: flex; justify-content: space-between; gap: 10px; margin-top: 9px; font-size: 12px; }
.quantity-load .loadstatus span { color: #f0b429; }
.quantity-load.done .loadstatus span { color: #fff; font-weight: 900; text-transform: uppercase; }
.quantity-load.done { opacity: 1; border-color: #78e596; background: #176b35; box-shadow: 0 0 0 2px #2fb85c55, inset 4px 0 0 #78e596; }
.quantity-load.done .name { text-decoration: none; }
.quantity-load.done .name, .quantity-load.done .loadstatus b { color: #fff; }
.quantity-load.done .unit, .quantity-load.done .loaded-by { color: #d9ffe3; }
.quantity-load.done .stepper button { background: #105329; border-color: #8df0a8; }
.quantity-load.done .load-qty-input { background: #0d4422; border-color: #8df0a8; }
.load-qty-input { width: 58px; min-width: 58px; height: 40px; border: 1px solid #555; border-radius: 8px; background: #171717; color: #fff; text-align: center; font: inherit; font-weight: 700; }
.load-qty-input::-webkit-inner-spin-button { opacity: 1; }
@media (max-width: 390px) { .quantity-load { align-items: stretch; flex-direction: column; } .quantity-load .stepper { justify-content: flex-end; } }
.quantity-load.purchase-needed { border-color: #d64545; box-shadow: inset 4px 0 0 #d64545; }
.purchase-flag { order: -2; width: 100%; display: flex; align-items: center; gap: 8px; color: #ff7272; font-size: 13px; font-weight: 700; cursor: pointer; }
.purchase-flag input { width: 20px; height: 20px; accent-color: #d64545; }
.purchase-by { order: -1; width: 100%; color: #ff9b9b; font-size: 12px; }
.load-day-heading { margin: 24px 2px 8px; color: #f4f1e8; font-size: 18px; text-transform: capitalize; }
.load-day-heading small { display: block; margin-top: 3px; color: #9d9d96; font-size: 11px; font-weight: 500; }