/* Toolbar (filter row above tables) */
.toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-3);
  align-items: flex-end;
  padding: var(--gap-4);
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  margin-bottom: var(--gap-4);
}
.toolbar > .field { margin-bottom: 0; flex: 1 1 14rem; }
.toolbar > .field.full { flex-basis: 100%; }
.toolbar__actions {
  display: flex;
  gap: var(--gap-3);
  align-items: center;
  margin-left: auto;
  flex-wrap: wrap;
}
/* Match the styled-dropdown trigger height so the Apply submit lines
   up with the dropdown row instead of looking squat next to them. */
.toolbar__actions input[type="submit"],
.toolbar__actions button[type="submit"],
.toolbar__actions .button {
  padding: 0.55rem 1rem;
  line-height: 1.4;
}