/* Marketplace filters only. Footer navy, softened over the white page. */
.sd-lean-page [data-lean-marketplace] .lm-filter-grid {
  box-sizing: border-box;
  min-width: 0;
  padding: 24px;
  border: 1px solid #24465b;
  border-left: 3px solid #43c8b8;
  border-radius: 0;
  background-color: rgba(6, 27, 43, .92);
  background-image: none;
}
.sd-lean-page [data-lean-marketplace] .lm-filter-grid label {
  color: #dbeaf2;
}
.sd-lean-page [data-lean-marketplace] .lm-filter-grid :is(input, select) {
  background-color: #fff;
  border-color: #a9c9d6;
  color: #0a3a66;
}
.sd-lean-page [data-lean-marketplace] .lm-more-filters > summary {
  color: #dbeaf2;
}
.sd-lean-page [data-lean-marketplace] .lm-filter-grid :is(input, select, button, summary):focus-visible {
  outline: 2px solid #80ebd3;
  outline-offset: 3px;
}
/* Match the shared button layer so its important colors remain scoped here. */
@layer sd-inter-light {
  /* The separator spans the entire action row, across every filter column. */
  body.sd-lean-page main#main-content [data-lean-marketplace] .lm-filter-grid > .lm-more-filters,
  body.sd-lean-page main#main-content [data-lean-marketplace] .lm-filter-grid > .lm-more-filters > summary {
    border-bottom: 0 !important;
  }
  body.sd-lean-page main#main-content [data-lean-marketplace] .lm-filter-grid > .lm-filter-actions {
    grid-column: 1 / -1;
    min-width: 0;
    border-top: 1px solid #577889;
    padding-top: 16px;
  }
  body.sd-lean-page main#main-content [data-lean-marketplace] #lmDatasetFilters > .lm-filter-actions {
    border-top: 0;
  }
  .sd-lean-page [data-lean-marketplace] .lm-filter-actions .lr-button:not(.lr-button-secondary) {
    background: #4ce0c9 !important;
    border-color: #4ce0c9;
    color: #062c42 !important;
  }
  .sd-lean-page [data-lean-marketplace] .lm-filter-actions .lr-button:not(.lr-button-secondary):hover {
    background: #6bedd8 !important;
    border-color: #6bedd8;
  }
  .sd-lean-page [data-lean-marketplace] .lm-filter-actions .lr-button-secondary {
    background: #fff !important;
    border-color: #c3dee7;
    color: #0a3a66 !important;
  }
  .sd-lean-page [data-lean-marketplace] .lm-filter-actions .lr-button-secondary:hover {
    background: #edf7f9 !important;
  }
}
@media (max-width: 600px) {
  .sd-lean-page [data-lean-marketplace] .lm-filter-grid {
    padding: 18px;
    gap: 18px;
  }
}
@media (max-width: 360px) {
  .sd-lean-page [data-lean-marketplace] .lm-filter-grid {
    padding: 16px 14px;
    gap: 16px;
  }
}