.catalog-code {
    justify-items: start;
    padding: 0 14px;
    letter-spacing: .5px
}

.check-digit {
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius);
    display: grid;
    place-items: center;
    font: 700 16px ui-monospace, monospace;
    color: var(--primary-text);
    background: var(--primary-faint)
}

.catalog-dims {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    grid-column: 1/-1
}

.catalog-hint {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px
}

.catalog-hint span {
    font-size: 9px;
    color: var(--text-muted);
    background: var(--surface-2);
    padding: 6px 9px;
    border-radius: var(--radius)
}

.catalog-chips {
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px
}

.catalog-chips i {
    font-style: normal;
    font-size: 8px;
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    color: var(--text-muted)
}

.catalog-chips i.is-batch {
    background: var(--purple-faint);
    color: var(--purple-text)
}

.catalog-avatar {
    font: 700 9px 'Manrope', sans-serif;
    color: var(--accent-text);
    background: var(--accent-soft)
}

.danger-link:disabled {
    opacity: .45
}

.danger-button:disabled {
    opacity: .6
}

@media(max-width:560px) {
    .catalog-dims {
        grid-template-columns: 1fr
    }
}

.product-warehouse-children {
    padding: 0 0 10px 30px
}

.product-warehouse-children button {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: var(--primary-faint);
    color: var(--text-2);
    padding: 12px;
    border-radius: var(--radius);
    margin: 5px 0;
    cursor: pointer
}

.product-warehouse-field {
    margin-bottom: 14px
}

.products-layout {
    grid-template-columns: minmax(340px, 1fr) minmax(0, 1.7fr)
}

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

.boxes-layout {
    grid-template-columns: minmax(360px, 1fr) minmax(0, 1.7fr)
}

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

.product-local-scope strong {
    color: var(--text-2)
}

.product-local-scope svg {
    color: var(--primary-text)
}

.product-master .profile-name-input {
    background: var(--surface-2);
    color: var(--text-muted);
    cursor: default
}

.product-master-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px
}

.product-master-wide {
    grid-column: span 2
}

@media(max-width:600px) {
    .product-master-fields {
        grid-template-columns: 1fr 1fr
    }
}

.box-dimensions {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media(max-width:560px) {
    .box-dimensions {
        grid-template-columns: 1fr
    }
}

.product-identity {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr)
}

@media(max-width:560px) {
    .product-identity {
        grid-template-columns: 1fr
    }
}

.address-types-layout {
    grid-template-columns: minmax(360px, 1fr) minmax(0, 1.7fr)
}

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

.address-type-audit {
    margin-top: 12px
}

.address-types-layout .compact-chip+.compact-chip {
    margin-left: -4px
}

.address-types-layout .compact-chip.is-direct {
    background: var(--success-soft);
    color: var(--success-text)
}

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

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

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

.compact-chip.is-staging {
    background: var(--primary-faint);
    color: var(--primary-text)
}

/* Supply roles (wms-supply): picking, storage/buffer and "Abastece picking" chips; the source matrix of the step "Origens de abastecimento". */
.compact-chip.is-supply {
    background: var(--indigo-soft);
    color: var(--indigo-text)
}

.address-type-sources {
    table-layout: fixed
}

.address-type-sources th:nth-child(2),
.address-type-sources td:nth-child(2) {
    width: 110px
}

.address-type-sources th:nth-child(3),
.address-type-sources td:nth-child(3) {
    width: 90px;
    text-align: center
}

.address-type-sources th:nth-child(4),
.address-type-sources td:nth-child(4) {
    width: 48px
}

.address-type-add-source {
    margin-top: 10px
}
/* Blazor (2026-10-08): the list of Tipos de endereço uses the shared two-line row (.compact-row.is-two-line, compact-list.css): the description on
   line 1, the flag chips on line 2 (wms-ui "Linha de lista em duas linhas"). */