.filters {
  grid-template-columns: minmax(240px, 2fr) repeat(5, minmax(115px, 1fr));
}

.checkbox-field { display: grid; gap: 6px; color: #526078; font-size: 13px; font-weight: 650; }
.checkbox-field label { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 11px; border: 1px solid #cbd5e1; border-radius: 7px; color: #17233c; background: white; font-weight: 400; }
.checkbox-field input { min-height: auto; }
.checkbox-field label:has(input:disabled) { color: #94a0b2; background: #eef1f5; cursor: not-allowed; }
.filters label:has(select:disabled) { color: #94a0b2; }
.filters select:disabled {
  color: #94a0b2;
  border-color: #d6dce5;
  background: #eef1f5;
  cursor: not-allowed;
  opacity: 1;
}
[hidden] { display: none !important; }

@media (max-width: 1050px) {
  .filters { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
  .filters { grid-template-columns: 1fr; }
}