.inventory-layout .product-table-box { overflow-x: auto; }
.inventory-layout .product-table-box table { min-width: 900px; }
.inventory-layout .product-table-box table tr .product-inventory-cell {
    width: 126px;
    min-width: 126px;
    padding: 0 6px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}
.product-inventory-badge {
    display: inline-block;
    width: 114px;
    height: 25.333px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.product-inventory-production {
    background-image: url('/images/inventory-production.png?v=20261012-3');
    background-size: 182px 88px;
    background-position: -32.667px -26.889px;
}
.product-inventory-stock {
    background-image: url('/images/inventory-stock.png?v=20261012-3');
    background-size: 173.556px 76px;
    background-position: -29.556px -24.667px;
}
@media (min-width: 1161px) {
    .inventory-layout > .container { display: flex; align-items: stretch; gap: 24px; }
    .inventory-layout > .container::before,
    .inventory-layout > .container::after { display: none; }
    .inventory-layout .web-left-class {
        position: relative; left: auto; top: auto; width: 280px; flex: 0 0 280px;
        height: auto; box-sizing: border-box;
    }
    .inventory-layout .pro-sscreen .item { padding-left: 12px; padding-right: 12px; }
    .inventory-layout .product-table { float: none; width: auto; flex: 1 1 0%; min-width: 0; }
}

/* Extend the filter background to the viewport edge without widening the filter. */
@media (min-width: 1161px) {
    .inventory-layout > .container { position: relative; }
    .inventory-layout > .container::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(100% - 280px);
        width: 100vw;
        background: #eaf0f6;
        pointer-events: none;
    }
}