/* Mobile refinements for the payments dashboard. */
@media (max-width: 639px) {
  html { -webkit-text-size-adjust: 100%; }

  body,
  #root,
  #root > * { min-width: 0; }

  body { overflow-x: hidden; }

  button,
  input,
  select { min-height: 44px; }

  button { touch-action: manipulation; }

  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .overflow-x-auto table { min-width: 760px; }

  .max-w-7xl { max-width: 100%; }

  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

  .grid-cols-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 380px) {
  .grid-cols-5 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}