.xb-orders-filter-grid {
  min-width: 0;
}

.xb-orders-filter-grid > * {
  min-width: 0;
}

.xb-orders-filter-actions {
  align-self: end;
}

@media (min-width: 768px) {
  .xb-orders-filter {
    padding: 0.625rem 0.75rem !important;
  }

  .xb-orders-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.625rem;
    row-gap: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .xb-orders-filter-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .xb-orders-filter-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xb-orders-filter-keyword,
  .xb-orders-filter-merchant-order,
  .xb-orders-filter-actions {
    grid-column: span 2;
  }
}

@media (min-width: 1800px) {
  .xb-orders-filter-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xb-orders-filter-merchant-order,
  .xb-orders-filter-actions {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {
  .xb-orders-filter-actions {
    min-width: 0;
  }
}