/* ==========================================================================
   Hero Admins — responsive overrides for the hero partial rendered inside
   hero-card on the admins view (partials/hero-admins.html).
   Packs the title / description / button / stat tightly on small screens so
   the lone "Total Admins" card doesn't float in a sea of whitespace.
   ========================================================================== */
@media (max-width: 767px) {
  main[data-view="admins"] #hero-admins-content.hero-content {
    padding: var(--space-4);
  }

  main[data-view="admins"] #hero-admins-content .jobs-title {
    font-size: var(--text-lg);
    margin-bottom: var(--space-1);
  }

  main[data-view="admins"] #hero-admins-content .jobs-desc {
    font-size: var(--text-xs);
    margin-bottom: 0.65rem;
  }

  main[data-view="admins"] #hero-admins-content .jobs-new-btn {
    margin-bottom: var(--space-3);
    padding: var(--space-2);
  }

  main[data-view="admins"] #hero-admins-content .stats-column {
    margin-top: var(--space-1);
    gap: 0.4rem;
  }

  main[data-view="admins"] #hero-admins-content .stat-mini-card {
    padding: 0.6rem var(--space-3);
    flex: 0 0 auto;
  }

  main[data-view="admins"] #hero-admins-content .back-btn {
    font-size: 0.9rem;
    padding: 0.35rem 0.6rem;
    margin-bottom: var(--space-2) !important;
  }

  main[data-view="admins"] #hero-admins-content .card-icon {
    margin-bottom: var(--space-2) !important;
  }
}