@media (max-width: 980px) {
  .hero-tools { flex-wrap: wrap; }
  .hero-tools input { min-width: 220px; flex: 1; }
  .hero-tools select { min-width: 160px; flex: 1; }
  .hero-tools button { height: 44px; }
  .filter-bar { flex-wrap: wrap; }
  .filter-bar input { min-width: 220px; flex: 1; }
  .filter-bar select { flex: 1; }
  .filter-bar .auth-link { white-space: nowrap; }
}