/* Posições (wms-positions, 2026-10-19; only in the Blazor app): the address tree of Endereçamento (addresses.css classes) with an occupancy bar on every item,
   and the grid of Estoque (stock.css) on the right. The tree panel ignores the width of its content (contain, wms-ui "Árvore com caixas de marcar",
   armadilha 2) and scrolls on its own; codes never wrap (ellipsis with the full text in the title); the bar stays at the end of the row. */
.positions-layout {
    grid-template-columns: minmax(340px, 1fr) minmax(0, 2fr)
}

.positions-page .address-tree-panel {
    contain: inline-size;
    max-height: 620px
}

.positions-page .address-tree .address-tree {
    padding-left: 8px
}

.positions-page .address-tree-panel .tree-label {
    flex: 1 1 auto;
    min-width: 0
}

.positions-page .address-tree-panel .tree-label strong {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal
}

.positions-page .address-tree-panel .tree-label small.tree-description {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.positions-page .address-tree-panel .tree-label>.tree-level,
.positions-page .address-tree-panel .tree-label>em,
.positions-page .address-tree-panel .tree-label>small.tree-weight {
    flex-shrink: 0
}

/* D20 of the storage units: the weight held / the maximum weight of the apartments of the item that have one (the bar stays the volume). */
.positions-page .tree-label small.tree-weight {
    white-space: nowrap;
    color: var(--text-muted)
}

.positions-page .tree-label small.tree-weight.is-over {
    color: var(--danger-text)
}

.positions-page .tree-row>.tree-occupancy {
    flex-shrink: 0;
    margin-right: 6px
}

.positions-page .tree-row>.tree-occupancy .occupancy-track {
    width: 34px
}

.positions-page .permission-note {
    margin-top: 12px
}

.positions-page .address-notice {
    margin: 8px 0
}

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