/* Ondas (Blazor only, wms-picking "Blazor: Ondas"; layout only, colors and sizes come from stock.css, inventory.css, picking.css and forms.css).
   The grids of stock.css never wrap (white-space: nowrap): a long destination, product description, error message or the "Tratar avaria" hint on one
   line made the tables wider than the ~740 px panel of the wave (and than the full width of the divergences). Every grid of the screen is laid out with
   fixed column widths and its cells wrap (a word longer than the column breaks anywhere). */
.waves-page .stock-grid.picking-grid {
   table-layout: fixed;
   width: 100%
}

.waves-page .stock-grid.picking-grid th,
.waves-page .stock-grid.picking-grid td {
   white-space: normal;
   overflow-wrap: anywhere
}

/* The chips and buttons inside the cells keep their text on one line. */
.waves-page .stock-grid.picking-grid .compact-status,
.waves-page .stock-grid.picking-grid .compact-chip,
.waves-page .stock-grid.picking-grid button {
   white-space: nowrap;
   overflow-wrap: normal
}

/* Nova onda: check, Pedido, Destino (the rest), Prioridade, Entrega, Unidades. */
.waves-page .waves-candidates th:nth-child(1) { width: 36px }
.waves-page .waves-candidates th:nth-child(2) { width: 15% }
.waves-page .waves-candidates th:nth-child(4) { width: 11% }
.waves-page .waves-candidates th:nth-child(5) { width: 14% }
.waves-page .waves-candidates th:nth-child(6) { width: 17% }

/* Orders of the wave: Pedido, Destino (the rest), Unidades, Situação, actions (up to four 34px buttons since J5: retirar, mover, realocar, cortar). */
.waves-page .waves-orders th:nth-child(1) { width: 13% }
.waves-page .waves-orders th:nth-child(3) { width: 25% }
.waves-page .waves-orders th:nth-child(4) { width: 17% }
.waves-page .waves-orders th:nth-child(5) { width: 156px }

/* J5 of stage 14. Gerar ondas: check, Prioridade, Rota (the rest), Pedidos, Unidades. */
.waves-page .waves-generation th:nth-child(1) { width: 36px }
.waves-page .waves-generation th:nth-child(2) { width: 14% }
.waves-page .waves-generation th:nth-child(4) { width: 18% }
.waves-page .waves-generation th:nth-child(5) { width: 16% }

/* Result of the generation: Rota (the rest), Onda, Pedidos, Resultado. */
.waves-page .waves-generated th:nth-child(2) { width: 14% }
.waves-page .waves-generated th:nth-child(3) { width: 22% }
.waves-page .waves-generated th:nth-child(4) { width: 30% }

/* Incluir pedido: Pedido, Destino (the rest), Unidades, Incluir. */
.waves-page .waves-includes th:nth-child(1) { width: 18% }
.waves-page .waves-includes th:nth-child(3) { width: 20% }
.waves-page .waves-includes th:nth-child(4) { width: 96px }

/* Result of the release: Pedido, Resultado, Alocado, Cortes (the rest). */
.waves-page .waves-result th:nth-child(1) { width: 25% }
.waves-page .waves-result th:nth-child(2) { width: 22% }
.waves-page .waves-result th:nth-child(3) { width: 20% }

/* Lines of the order: Produto (the rest) and five numbers. */
.waves-page .waves-lines th:nth-child(n+2) { width: 12% }

/* Tasks of the order: Tarefa (the rest), Origem, Emb., Situação, cancel. */
.waves-page .waves-tasks th:nth-child(2) { width: 22% }
.waves-page .waves-tasks th:nth-child(3) { width: 20% }
.waves-page .waves-tasks th:nth-child(4) { width: 19% }
.waves-page .waves-tasks th:nth-child(5) { width: 48px }

/* Divergências de separação: Tarefa, Produto (the rest), Endereço, Falta, Motivo, Contagem. */
.waves-page .waves-divergences th:nth-child(1) { width: 15% }
.waves-page .waves-divergences th:nth-child(3) { width: 13% }
.waves-page .waves-divergences th:nth-child(4) { width: 14% }
.waves-page .waves-divergences th:nth-child(5) { width: 28% }
.waves-page .waves-divergences th:nth-child(6) { width: 12% }

/* The tasks chip of a wave row ("N/M tarefas") never passes the row (the rows wrap: picking.css and components.css). */
.waves-page .compact-list .compact-chip {
   max-width: 100%;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}