/* Lotes (wms-batches, JR of stage 14, Blazor only): the layout of the registration screens (like Categorias), list of 400px with the chips of the pending
   review and of the recall; the recall box and the history of a lot. Colors only from the tokens of theme.css (wms-ui). */
.batches-layout {
    grid-template-columns: minmax(400px, 1fr) minmax(0, 1.6fr)
}

@media(max-width:1000px) {
    .batches-layout {
        grid-template-columns: 1fr
    }
}

.batch-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0
}

.stock-chip.is-recall {
    background: var(--danger-soft);
    color: var(--danger-text)
}

.compact-chip.is-pending,
.stock-chip.is-pending {
    background: var(--warning-soft);
    color: var(--warning-text)
}

.batch-recall-box {
    border: 1px solid var(--danger-border);
    border-radius: var(--radius);
    padding: 12px;
    margin-top: 10px
}

.batch-history {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
    gap: 6px
}

.batch-history li {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    color: var(--text-muted)
}

.batch-history strong {
    color: var(--text)
}

/* The chips "Recall" and "Lote pendente" of the grids of Estoque and Movimentações de estoque (inside a cell, next to the lot). */
.stock-chip {
    display: inline-block;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    vertical-align: middle
}