/* Identical controls on the public timeline and the owner record list. */
.record-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
  align-items: start;
  gap: .75rem;
  margin-block: 0 1rem;
  padding: 1rem;
  background: var(--ui-panel);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
}
.record-filters label { display: grid; gap: .375rem; min-width: 0; margin: 0; }
.record-filters label > span { color: var(--ui-muted); font-size: .75rem; }
.record-filters input, .record-filters select {
  box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0;
  min-height: 2.75rem; margin: 0; padding: .5rem .625rem;
  color: var(--ui-ink); background: var(--ui-panel);
  border: 1px solid var(--ui-border); border-radius: var(--ui-radius-md);
  font: inherit;
}
.record-filter-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; padding-top: 1.5rem; }
.record-filter-actions button, .record-filter-actions a, .record-pagination a, .record-pagination [aria-disabled] {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 2.75rem; padding: .5rem .875rem; box-sizing: border-box;
  border: 1px solid var(--ui-border); border-radius: var(--ui-radius-md);
  color: var(--ui-accent); background: var(--ui-panel); font: inherit; text-decoration: none;
}
.record-filter-error { color: var(--ui-negative); font-size: .75rem; overflow-wrap: anywhere; }
.record-pagination { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; color: var(--ui-muted); font-size: .8125rem; }
.record-pagination > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.record-pagination [aria-disabled] { opacity: .5; }
.record-filters :focus-visible, .record-pagination :focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }