/* Filter bar above a list. Replaces the inline styles these screens used to carry. */

.filter-bar {
  display: flex;
  gap: var(--space-3);
  align-items: flex-end;
  flex-wrap: wrap;
  padding: var(--space-4);
  margin-bottom: var(--space-4);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.filter-bar .field { margin-bottom: 0; }
.filter-bar .field input, .filter-bar .field select { min-width: 11rem; }
.filter-bar .filter-actions { display: flex; gap: var(--space-2); }

.page-actions { display: flex; gap: var(--space-2); margin-bottom: var(--space-4); }