.warehouse-supply-load .warehouse-dispatch-table th:first-child{width:44%}
.warehouse-supply-load .warehouse-dispatch-table th:not(:first-child){width:14%}
.warehouse-dispatch-table .supply-dispatched{color:#12684e;font-weight:700}
.warehouse-dispatch-table .supply-pending{color:#805518;font-weight:700;background:#fff9ed}
.warehouse-resources>[data-delivery-open]{margin-left:auto}
.warehouse-secondary{padding:0 16px 12px;display:grid;gap:8px}
.warehouse-secondary>details>summary{font-size:12px;padding:12px 0 6px;color:#365965;cursor:pointer}
.warehouse-supply-load .warehouse-preparation form{display:grid;grid-template-columns:minmax(140px,1fr) 80px minmax(120px,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid #e5ecef;align-items:center}
.warehouse-supply-load .warehouse-preparation form label{min-width:0;font-size:12px;display:grid;gap:4px}
.warehouse-preparation small{font-size:10px;color:#647b86}
.warehouse-preparation input[type=number]{text-align:right}
.warehouse-supply-load form.warehouse-delivery-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 16px 14px;padding:16px;background:#f2f8fa;border:1px solid #b9d5de;border-radius:5px}
.warehouse-delivery-form>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.warehouse-delivery-form h4{margin:0;color:#123e4b;font-size:16px}
.warehouse-delivery-form>p{grid-column:1/-1;font-size:12px;color:#496b77;margin:0}
.warehouse-supply-load .warehouse-delivery-form label{min-width:0;width:auto;display:grid;font-size:12px;gap:6px;align-self:start}
.warehouse-delivery-lines{grid-column:1/-1;display:grid;border-top:1px solid #d6e4e9}
.warehouse-supply-load .warehouse-delivery-lines label{display:grid;grid-template-columns:minmax(100px,1fr) 96px 45px;gap:3px 12px;padding:10px 0;border-bottom:1px solid #d6e4e9;align-items:center}
.warehouse-delivery-lines small{grid-column:1;grid-row:2;font-size:10px;color:#607d89}
.warehouse-delivery-lines input{grid-column:2;grid-row:1/3;text-align:right;font-size:15px;font-weight:600}
.warehouse-delivery-lines span{grid-column:3;grid-row:1/3;font-size:11px;color:#496a78}
.warehouse-photo-input input{max-width:100%;font-size:11px;background:#fff}
.warehouse-photo-input small{font-size:10px;color:#607b86}
.warehouse-delivery-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.warehouse-delivery-submit [role=status]{font-size:12px;color:#624f29;flex:1}
.warehouse-delivery-history article{border-left:3px solid #318773;border-block:1px solid #e1ebe9;border-right:1px solid #e1ebe9;border-radius:3px;margin:8px 0;padding:12px;background:#fbfdfc}
.warehouse-delivery-history article header{display:flex;gap:6px 15px;flex-wrap:wrap;align-items:center;font-size:12px;color:#22574c}
.warehouse-delivery-history article header span{color:#627c84;font-size:11px}
.warehouse-delivery-history article a{margin-left:auto;color:#006a80;font-size:12px}
.warehouse-delivery-history article ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.warehouse-delivery-history article li{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#345663}
.warehouse-delivery-history article li b{white-space:nowrap}
.warehouse-delivery-history p{font-size:12px;color:#647b84;margin:9px 0}
@media(max-width:760px){
 .warehouse-supply-load .warehouse-dispatch-table th:first-child{width:40%}
 .warehouse-supply-load .warehouse-dispatch-table :is(th,td):nth-child(3){display:none}
 .warehouse-supply-load .warehouse-dispatch-table :is(th,td):nth-child(2),.warehouse-supply-load .warehouse-dispatch-table :is(th,td):nth-child(4),.warehouse-supply-load .warehouse-dispatch-table :is(th,td):nth-child(5){width:20%;display:table-cell;font-size:11px;padding:9px 5px}
 .warehouse-supply-load .warehouse-dispatch-table th:not(:first-child){font-size:9px}
 .warehouse-secondary{padding:0 10px 10px}
 .warehouse-supply-load .warehouse-preparation form{grid-template-columns:1fr 80px}
 .warehouse-supply-load .warehouse-preparation form label{min-width:0;width:auto}
 .warehouse-supply-load form.warehouse-delivery-form{grid-template-columns:1fr;margin:0 8px 10px;padding:12px;gap:12px}
 .warehouse-supply-load .warehouse-delivery-lines label{grid-template-columns:minmax(100px,1fr) 70px 24px;gap:3px 8px;min-width:0;width:auto}
 .warehouse-supply-load .warehouse-delivery-form>label{width:auto;min-width:0}
 .warehouse-delivery-submit{flex-wrap:wrap}
 .warehouse-delivery-submit .btn{width:100%}
 .warehouse-delivery-history article{padding:10px}
 .warehouse-delivery-history article a{margin-left:0;width:100%}
}