/* K-Line · safe fluid layout for reduced browser-window widths.
   Deliberately does not modify popovers, modals, z-index, card inner grids,
   theme colors, filters' logic or desktop layout. */

@media (max-width: 1480px) {
  /* Section titles and toolbars can take two lines without squeezing text. */
  .main-content .section-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 18px;
  }
  .main-content .section-heading > :first-child { min-width: 0; }
  .main-content .section-heading .section-toolbar {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
  }
  .main-content .section-heading .section-toolbar .kl-load-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }

  /* Header stats: never squeeze labels into letter-wide columns. */
  .main-content .filter-set-head.inline-filter-stats,
  .main-content .load-filter-set-head {
    display: grid;
    grid-template-columns: minmax(170px, .82fr) minmax(255px, 1.18fr);
    align-items: center;
    gap: 10px 14px;
  }
  .main-content .filter-set-head.inline-filter-stats > :first-child,
  .main-content .load-filter-set-head > .load-filter-set-copy {
    grid-column: 1;
    min-width: 0;
    max-width: 100%;
  }
  .main-content .filter-set-head.inline-filter-stats > .result-stat-strip,
  .main-content .load-filter-set-head > .result-stat-strip {
    grid-column: 2;
    order: 0;
    flex: none;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 13px;
  }
  .main-content .filter-set-head.inline-filter-stats > :is(.filter-head-actions,.compact-filter-actions),
  .main-content .load-filter-set-head > :is(.filter-head-actions,.compact-filter-actions) {
    grid-column: 1 / -1;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }
  .main-content .filter-set-head.inline-filter-stats > .result-stat-strip > span,
  .main-content .load-filter-set-head > .result-stat-strip > span,
  .main-content .filter-set-head.inline-filter-stats > .result-stat-strip :is(small,strong,em),
  .main-content .load-filter-set-head > .result-stat-strip :is(small,strong,em) {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    min-width: max-content;
  }
  .main-content .filter-set-head.inline-filter-stats > :first-child > :is(span,strong,small),
  .main-content .load-filter-set-head > .load-filter-set-copy > :is(span,strong,small) {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }
  .main-content .filter-set-head.inline-filter-stats > .result-stat-strip > span + span,
  .main-content .load-filter-set-head > .result-stat-strip > span + span {
    padding-left: 10px;
  }
  .main-content .filter-set-head.inline-filter-stats > :is(.filter-head-actions,.compact-filter-actions) > *,
  .main-content .load-filter-set-head > :is(.filter-head-actions,.compact-filter-actions) > * {
    max-width: 100%;
  }

  /* Preserve all card internals, only adapt number of outer columns. */
  html[data-record-layout="cards"] .main-content .content-grid.record-card-grid,
  html[data-record-layout="cards"] .main-content #auction-results.record-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important;
    gap: var(--record-card-gap, 13px);
  }

  .main-content .section-filters.configurable-filters {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr));
  }
  .main-content .section-filters.configurable-filters > * { min-width: 0; }
}

@media (max-width: 1100px) {
  .main-content .filter-set-head.inline-filter-stats,
  .main-content .load-filter-set-head {
    grid-template-columns: minmax(0,1fr);
    gap: 9px;
  }
  .main-content .filter-set-head.inline-filter-stats > :first-child,
  .main-content .load-filter-set-head > .load-filter-set-copy,
  .main-content .filter-set-head.inline-filter-stats > .result-stat-strip,
  .main-content .load-filter-set-head > .result-stat-strip {
    grid-column: 1 / -1;
    width: 100%;
  }
  .main-content .filter-set-head.inline-filter-stats > .result-stat-strip,
  .main-content .load-filter-set-head > .result-stat-strip { justify-content: flex-start; }
}

@media (max-width: 690px) {
  .main-content .section-heading .section-toolbar,
  .main-content .section-heading .section-toolbar .kl-load-actions {
    width: 100%;
  }
  .main-content .section-heading .section-toolbar :is(.button,.kl-bulk-launch) {
    min-width: 0;
    flex: 1 1 140px;
  }
  .main-content .filter-set-head.inline-filter-stats > :is(.filter-head-actions,.compact-filter-actions),
  .main-content .load-filter-set-head > :is(.filter-head-actions,.compact-filter-actions) {
    align-items: stretch;
  }
  .main-content .filter-set-head.inline-filter-stats > :is(.filter-head-actions,.compact-filter-actions) .load-filter-tab-add-inline,
  .main-content .load-filter-set-head > :is(.filter-head-actions,.compact-filter-actions) .load-filter-tab-add-inline {
    min-width: 0;
    flex: 1 1 175px;
  }
}