/* TEST: should turn export area red */
.feed-icons { background: #00ff00 !important; padding: 10px !important; }

/* ---- Layout: CSV always beside filter area, baseline = bottom of filters (1 or 2 rows) ---- */
.view.view-content.view-id-content.view-display-id-page_1 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto; /* minmax(0,1fr) lets filters wrap instead of blowing the grid */
  align-items: end; /* bottom-align CSV with Filter row (last row when filters wrap) */
  column-gap: 12px;
  row-gap: 0;
}

/* Optional: if this view has a header above filters */
.view.view-content.view-id-content.view-display-id-page_1 > .view-header {
  grid-column: 1 / -1;
}

.view.view-content.view-id-content.view-display-id-page_1 > .view-filters {
  grid-column: 1;
  grid-row: 1;
  min-width: 0; /* important for flex children inside to wrap on smaller widths */
}

.view.view-content.view-id-content.view-display-id-page_1 > .feed-icons {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  z-index: auto !important;

  grid-column: 2;
  grid-row: 1;
  align-self: end;
}

/* Table / results full width below */
.view.view-content.view-id-content.view-display-id-page_1 > .view-content,
.view.view-content.view-id-content.view-display-id-page_1 > .view-empty,
.view.view-content.view-id-content.view-display-id-page_1 > .attachment-before,
.view.view-content.view-id-content.view-id-content.view-display-id-page_1 > .attachment-after {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  .view.view-content.view-id-content.view-display-id-page_1 {
    grid-template-columns: 1fr;
    row-gap: 12px;
  }

  .view.view-content.view-id-content.view-display-id-page_1 > .feed-icons {
    grid-column: 1;
    grid-row: auto;
    justify-self: start; /* or end, if you prefer right-aligned */
  }
}