/* ═══════════════════════════════════════════════════════════════
   KENYAMANAN SENTUH (HP / tablet)
   Tombol dan bidang isian di layar kecil dinaikkan ke minimal 44px
   supaya nyaman disentuh jari (rekomendasi ukuran sasaran sentuh),
   dan teks kecil dinaikkan sedikit agar tetap terbaca.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  .btn { min-height: 44px; padding: 11px 18px; }
  .btn-kecil { min-height: 40px; padding: 9px 14px; font-size: 13px; }
  .input, select.input { min-height: 46px; font-size: 15px; }
  .tab-mini-btn { min-height: 40px; padding: 9px 13px; }
  .nav-item { min-height: 46px; }
  .tema-btn { min-height: 44px; }
  /* Bidang isian 15px+ mencegah iOS memperbesar halaman otomatis. */
  .stat-label, .stat-bawah, .kartu-sub, .status-teks { font-size: 12px; }
}

/* Di perangkat sentuh, sasaran kecil apa pun dinaikkan sedikit. */
@media (hover: none) {
  .btn, .tab-mini-btn, .nav-item { min-height: 44px; }
  .ikon-btn { min-width: 44px; min-height: 44px; }
}