/* Devoluções ao fornecedor in the Blazor app (Blazor only, wms-returns section "Blazor"; linked after the CSS of the React bundle). The grids of the
   selection and of the lines keep fixed column widths and break long texts instead of overflowing the right panel; the divergence rows are labels
   (the checkbox), so the global label rule of styles.css (block, 9 px margin, 600) is undone; the fields inside the confirmations stack. */
.returns-page .compact-row.returns-row {
    margin: 0;
    font-weight: 400
}

/* The divergence rows use the shared two-line row (.compact-row.is-two-line, compact-list.css; wms-ui "Linha de lista em duas linhas"). */

.returns-page .stock-grid.returns-grid {
    table-layout: fixed;
    white-space: normal
}

.returns-page .stock-grid.returns-grid th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.returns-page .stock-grid.returns-grid td,
.returns-page .stock-grid.returns-grid td small {
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: top
}

/* Recebimento, Produto (the room), Divergência, Em aberto. */
.returns-page .returns-selection th:nth-child(1) { width: 24% }
.returns-page .returns-selection th:nth-child(3) { width: 22% }
.returns-page .returns-selection th:nth-child(4) { width: 18% }

/* Produto (the room), Origem, Emb., Situação. */
.returns-page .returns-lines th:nth-child(2) { width: 28% }
.returns-page .returns-lines th:nth-child(3) { width: 20% }
.returns-page .returns-lines th:nth-child(4) { width: 14% }

/* The quantity of each divergence of a new return: the text breaks, the field keeps its width. */
.returns-page .returns-quantities {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px
}

.returns-page .returns-quantities li > span {
    min-width: 0;
    overflow-wrap: anywhere
}

.returns-page .returns-quantities li > span small {
    display: block;
    color: var(--text-faint)
}

.returns-page .returns-quantities input {
    flex: 0 0 120px
}

/* The header fields (address, NF-e, reason) are three blocks in a step or in the edit form: the spacing of form-steps.css covers only .user-field
   after .user-field, so the blocks touched each other. */
.returns-page .user-fields + .user-fields,
.returns-page .user-fields + .user-field {
    margin-top: 12px
}

/* Fields inside the confirmations (loss: quantity + reason; accept/claim: reason): the generic ".address-confirm div" (flex, right-aligned, for the
   buttons) would put each caption beside its input and push them to the right. */
.returns-page .address-confirm .user-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    justify-content: stretch;
    margin: 8px 0
}

.returns-page .address-confirm .user-field {
    display: block;
    margin: 8px 0
}

.returns-page .address-confirm .user-fields .user-field {
    margin: 0
}

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

/* "#N" of a selected divergence: link to the receipt in Recebimentos (2026-10-08). */
.returns-page .returns-receipt-link {
    display: inline;
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: var(--primary-text);
    cursor: pointer;
    text-align: left
}

.returns-page .returns-receipt-link:hover,
.returns-page .returns-receipt-link:focus-visible {
    text-decoration: underline
}

/* Surplus held at the dock "Aguardando decisão" (2026-10-08): the chip of the row, in the danger tone of the holds. */
.returns-page .compact-chip.returns-awaiting {
    text-transform: none;
    letter-spacing: 0;
    background: var(--danger-soft);
    color: var(--danger-text)
}