/* Mobile Fixes for Responsive Display */
@media (max-width: 640px) {
  .grid > div[class*="flex"][class*="justify-between"],
  div[class*="space-y"] > div[class*="flex"][class*="justify-between"] {
    font-size: 12px !important;
  }
  [class*="Rp"] {
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .p-3, .p-4, .p-5 {
    padding: 12px !important;
  }
  .truncate {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 640px) {
  [class*="Rekening"] {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .text-gray-500, .text-gray-600 {
    font-size: 12px !important;
  }
  .font-semibold, .font-bold {
    font-size: 14px !important;
  }
}
@media (max-width: 480px) {
  .text-sm {
    font-size: 11px !important;
  }
  .text-base {
    font-size: 14px !important;
  }
  .text-lg {
    font-size: 15px !important;
  }
}
@viewport {
  width: device-width;
  zoom: 1.0;
}