/* Keep the dashboard controls aligned without changing the shared buttons. */
.hero-copy {
  padding-bottom: 68px;
}

.hero-actions {
  gap: 12px;
  margin-left: -16px;
}

.hero-actions > .btn {
  width: 180px;
  min-height: 44px;
}

.hero-filter .btn {
  min-width: 120px;
  min-height: 44px;
}

@media (max-width: 680px) {
  .hero-copy {
    padding-bottom: 48px;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
    margin-left: -13px;
  }

  .hero-actions > .btn {
    width: min(100%, 180px);
  }

  .hero-filter {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .hero-filter .field:first-child,
  .hero-filter .btn {
    grid-column: auto;
  }
}