/* V288 · remove limites antigos e estende os filtros de ponta a ponta */

.sales-product-picker-shell > .sales-product-picker-filters.product-stock-filter-cards,
.sales-product-picker-filters.product-stock-filter-cards {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  place-self: stretch !important;
  flex: 1 1 100% !important;
  box-sizing: border-box !important;
}

.sales-product-picker-filters.product-stock-filter-cards > .product-stock-filter {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

.sales-product-picker-filters.product-stock-filter-cards > .sales-line-filter-card {
  grid-column: auto !important;
}

@media (max-width: 860px) {
  .sales-product-picker-shell > .sales-product-picker-filters.product-stock-filter-cards,
  .sales-product-picker-filters.product-stock-filter-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .sales-product-picker-shell > .sales-product-picker-filters.product-stock-filter-cards,
  .sales-product-picker-filters.product-stock-filter-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sales-product-picker-filters.product-stock-filter-cards > .sales-line-filter-card {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 360px) {
  .sales-product-picker-shell > .sales-product-picker-filters.product-stock-filter-cards,
  .sales-product-picker-filters.product-stock-filter-cards {
    grid-template-columns: 1fr !important;
  }

  .sales-product-picker-filters.product-stock-filter-cards > .sales-line-filter-card {
    grid-column: auto !important;
  }
}