/* =========================================================
   GNetindo — Responsive Breakpoints
   ========================================================= */

/* Tablet */
@media (max-width: 860px) {
  .action-grid { grid-template-columns: 1fr 1fr; }
  .action-card:nth-child(3) { grid-column: 1 / -1; }
  .hero__content { padding: 52px 20px 32px; }
}

/* Mobile */
@media (max-width: 600px) {
  .action-grid { grid-template-columns: 1fr; }
  .action-card:nth-child(3) { grid-column: auto; }
  .brand-mark img { width: 64px; height: 64px; }
  .hero__tagline { margin-bottom: 32px; }
  .help-strip__inner { flex-direction: column; text-align: center; }
  .page-body { padding: 28px 16px 60px; }
  .page-topbar__inner { padding: 12px 16px; }

  .stats-grid { grid-template-columns: 1fr 1fr !important; }
  .po-table { font-size: 13px; }
  .filter-bar { flex-wrap: wrap; }
  .form-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 380px) {
  .stats-grid { grid-template-columns: 1fr !important; }
}