/* Conferência de endereço (wms-storage-units phase 5, D16, Blazor only): the layout of the registration screens (like Unidades de armazenagem), the list of the checks made on the
   left (only with AUDIT or MOVE: a single column otherwise), the work area on the right with the reading steps and the result by group. Colors only from the tokens of theme.css (wms-ui). */
.address-check-layout {
    grid-template-columns: minmax(380px, 1fr) minmax(0, 1.6fr)
}

.address-check-layout.is-single {
    grid-template-columns: minmax(0, 1fr)
}

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

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

/* The apartment read, kept above the labels. */
.address-check-address {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0
}

/* The labels read so far: only their codes (the check is blind), each with a button to take it out of the list. */
.address-check-codes {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.address-check-codes li {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.address-check-totals {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.address-check-grid td small {
    display: block;
    color: var(--text-muted)
}

/* The chips of the results: found, missing, out of place, closed. */
.compact-chip.is-found {
    background: var(--success-soft);
    color: var(--success-text)
}

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

.compact-chip.is-out-of-place {
    background: var(--warning-soft);
    color: var(--warning-text)
}

.compact-chip.is-closed {
    background: var(--info-soft);
    color: var(--info-text)
}