.filtersRow {
  grid-column: span 10;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 10px;
  min-width: 0;
}

.filterCustomer {
  flex: 0 1 220px;
  min-width: 160px;
}

.filterDate {
  flex: 0 1 148px;
  min-width: 132px;
}

.filterCost {
  flex: 0 1 124px;
  min-width: 108px;
}

.colCustomer {
  width: 24%;
}

.colItems {
  width: 10%;
}

.colTotal {
  width: 14%;
}

.colDate {
  width: 16%;
}

.colActions {
  width: 112px;
}

@media (max-width: 1280px) {
  .filtersRow {
    flex-wrap: wrap;
  }

  .filterCustomer,
  .filterDate,
  .filterCost {
    flex: 1 1 140px;
    max-width: none;
  }
}
