/* Solicitações entre armazéns (Blazor only, wms-warehouse-requests "Blazor"; layout only, colors and sizes come from inventory.css, picking.css and
   forms.css). */

/* Lines of the request (Produto, Solicitado, Aprovado, Separado, Cortado) and items of the form (Produto, Unidades, remove): a long product
   description on one line made the table wider than the ~740 px panel. Fixed layout with column widths: the description and the reasons wrap inside
   their column; the 28px units input takes the column width. */
.warehouse-requests-page .stock-grid.request-detail-lines,
.warehouse-requests-page .stock-grid.picking-lines {
   table-layout: fixed;
   width: 100%
}

.warehouse-requests-page .stock-grid.request-detail-lines th:nth-child(2),
.warehouse-requests-page .stock-grid.request-detail-lines td:nth-child(2),
.warehouse-requests-page .stock-grid.request-detail-lines th:nth-child(4),
.warehouse-requests-page .stock-grid.request-detail-lines td:nth-child(4) {
   width: 13%
}

/* Aprovado and Cortado also carry the reduction reason and the cut reason. */
.warehouse-requests-page .stock-grid.request-detail-lines th:nth-child(3),
.warehouse-requests-page .stock-grid.request-detail-lines td:nth-child(3) {
   width: 22%
}

.warehouse-requests-page .stock-grid.request-detail-lines th:nth-child(5),
.warehouse-requests-page .stock-grid.request-detail-lines td:nth-child(5) {
   width: 18%
}

.warehouse-requests-page .stock-grid.picking-lines th:nth-child(2),
.warehouse-requests-page .stock-grid.picking-lines td:nth-child(2) {
   width: 34%
}

.warehouse-requests-page .stock-grid.picking-lines th:last-child,
.warehouse-requests-page .stock-grid.picking-lines td:last-child {
   width: 44px
}

.warehouse-requests-page .stock-grid.request-detail-lines td,
.warehouse-requests-page .stock-grid.request-detail-lines td *,
.warehouse-requests-page .stock-grid.picking-lines td,
.warehouse-requests-page .stock-grid.picking-lines td * {
   white-space: normal;
   overflow-wrap: anywhere
}

.warehouse-requests-page .stock-grid.picking-lines input {
   width: 100%;
   min-width: 0;
   box-sizing: border-box
}

/* Reason field of "Cancelar solicitação" (Shared/ReasonConfirm): the generic rule ".address-confirm div" (flex, right-aligned) pushed the "Motivo"
   caption to the right, apart from its input; here the field is a normal stacked caption + input. */
.warehouse-requests-page .address-confirm .user-field {
   display: block;
   margin: 8px 0
}

.warehouse-requests-page .address-confirm .user-field label {
   display: block;
   white-space: nowrap
}