/**
 * Styles for CSV dropdown filters
 */

.csv-custom-filters {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
  justify-content: flex-end;
}

.csv-filter-wrapper {
  display: inline-flex;
  flex-direction: column;
  min-width: 150px;
  max-width: 200px; /* Maximum width */
  margin: 0 5px; /* Add horizontal margins */
}

.csv-filter-wrapper label {
  display: none; /* Hide labels */
}

.csv-column-filter {
  padding: 6px; /* Reduced padding */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  font-size: 0.9em; /* Slightly smaller font */
  width: 100%; /* Make it fill the wrapper */
  max-width: 200px; /* Maximum width */
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .csv-custom-filters {
    flex-direction: column;
    gap: 10px;
  }
  
  .csv-filter-wrapper {
    width: 100%;
  }
}