/* WMS verzendklaar in de huid (21-10-2026, klus 6, bord G4): de indeling van dit scherm, met de tokens uit basis.css; geen hexwaarden, geen
   eigen lettergroottes buiten de basis. De orderkaart, de tegels en de rijen staan in orders.css. Dit bestand laadt vóór basis.css. */

.huid .wms-verzendklaar { gap: 18px; }

/* de bulkbalk: selecteer alles, hoeveel er geselecteerd zijn, en de drie bulkknoppen */
.huid .ok-bulkbalk { gap: 12px; background: var(--bg); }
.huid .vinkje-vak { width: 18px; height: 18px; margin: 0; accent-color: var(--blauw); cursor: pointer; flex: none; }

/* een groep orders met dezelfde artikelen: kop, artikelen met foto, en de orderrijen */
.huid .ok-groep { overflow: visible; }
.huid .ok-groepkop { padding: 12px 16px 0; font-weight: 500; }
.huid .ok-groepartikelen { padding: 6px 16px; }
.huid .ok-groepartikel { display: flex; align-items: center; gap: 12px; padding: 4px 0; }
.huid .ok-vzrij { display: grid; grid-template-columns: 22px minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(170px, 230px) minmax(130px, auto) minmax(100px, auto); gap: 12px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--rand2); }
.huid .ok-vzrij select.veld { min-width: 0; max-width: 100%; }

/* de voortgang van een batch */
.huid .ok-batch { display: flex; flex-direction: column; gap: 8px; }
.huid .ok-batchregel { display: flex; justify-content: space-between; gap: 12px; }
.huid .ok-batchregel .goed { color: var(--groen); }
/* Op een smaller scherm (1310 px) mag het ordernummer afbreken in plaats van over de klant heen te lopen. */
.huid .ok-vzrij .ok-klik { overflow: hidden; }
.huid .ok-vzrij .ordnr { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 1500px) { .huid .ok-vzrij { grid-template-columns: 22px minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(150px, 190px) minmax(110px, auto) minmax(90px, auto); gap: 10px; } }