/* Compact supplier directory filters; mirrors the source stylesheet for live deployment. */
.mp-filterbar:has(> .mp-check) {
  display: grid;
  grid-template-columns: minmax(240px, 1.6fr) repeat(2, minmax(140px, 1fr)) minmax(130px, .75fr);
  align-items: end;
  gap: 10px;
  padding: 9px 11px;
}
.mp-filterbar:has(> .mp-check) > label { min-width: 0; }
.mp-filterbar:has(> .mp-check) input:not([type="checkbox"]) {
  min-height: 36px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: .78rem;
}
.mp-filterbar:has(> .mp-check) .mp-search input { padding-left: 34px; }
.mp-filterbar:has(> .mp-check) .mp-check {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #d9e8de;
  border-radius: 9px;
  background: #f7fbf8;
  gap: 8px;
  cursor: pointer;
}
.mp-filterbar:has(> .mp-check) .mp-check input {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  min-height: 16px;
  padding: 0;
}
.mp-filterbar:has(> .mp-check) .mp-check span {
  color: #345a45;
  font-size: .7rem;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .mp-filterbar:has(> .mp-check) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mp-filterbar:has(> .mp-check) .mp-search,
  .mp-filterbar:has(> .mp-check) .mp-check { grid-column: 1 / -1; }
}