/* Pedidos (Blazor only, wms-picking "Blazor: Pedidos"; layout only, colors and sizes come from inventory.css, picking.css and forms.css).
   The destination Cliente/Filial/Armazém are .inventory-kind radio chips (Shared/KindRadios): the global `label` rule of styles.css (display:block,
   margin-bottom) is less specific than .inventory-kind for the display, but its bottom margin stayed and pushed the chips apart; the text of a chip never
   wraps. The CSV picker (Shared/FilePicker) is a label too: without the margin it shares the center line of the "Pré-visualizar" button. */
.orders-page .order-destination-kinds label.inventory-kind {
   margin: 0;
   white-space: nowrap
}

.picking-import label.picking-file {
   margin: 0
}

/* Items grid of the order form (Produto, Unidades, Lote, Validade mínima, remove): a long product description on one line made the table 840 px in
   the ~740 px panel (horizontal scroll, measured 2026-10-05). Fixed layout with column widths: the description wraps inside its column and the
   28px inputs of the other columns take the column width. */
.orders-page .stock-grid.picking-lines {
   table-layout: fixed;
   width: 100%
}

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

.orders-page .stock-grid.picking-lines th:nth-child(3),
.orders-page .stock-grid.picking-lines td:nth-child(3) {
   width: 15%
}

.orders-page .stock-grid.picking-lines th:nth-child(4),
.orders-page .stock-grid.picking-lines td:nth-child(4) {
   width: 17%
}

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

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

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

/* wms-routes (J2): the route change of an order (select + button under the summary of the order). */
.orders-page .order-route {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    margin: 4px 0 12px
}

.orders-page .order-route .user-field {
    flex: 1 1 260px;
    min-width: 0
}

/* J3 of stage 14: the hint under "ID externo (ERP)" (blank = the WMS generates the identifier; never changes after the creation). */
.order-external-hint {
    display: block;
    font-size: 9px;
    color: var(--text-faint);
    margin-top: 5px;
    line-height: 1.5
}