/* Mobile scroll grids: keep the identifying column readable without hiding the amounts. */
@media (max-width: 767.98px) {
  main .product-table-wrap .product-table th:first-child,
  main .product-table-wrap .product-table td:first-child,
  main .flow-table-wrap .flow-table th:first-child,
  main .flow-table-wrap .flow-table td:first-child,
  main .return-table table th:first-child,
  main .return-table table td:first-child,
  main .settlement-table table th:first-child,
  main .settlement-table table td:first-child {
    width: 7.5rem !important;
    min-width: 7.5rem !important;
    max-width: 7.5rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  main .product-table-wrap .product-table th:first-child,
  main .flow-table-wrap .flow-table th:first-child,
  main .return-table table th:first-child,
  main .settlement-table table th:first-child {
    font-size: .62rem !important;
    line-height: 1.12;
  }

  main .product-table-wrap .product-table td:first-child,
  main .flow-table-wrap .flow-table td:first-child,
  main .return-table table td:first-child,
  main .settlement-table table td:first-child {
    font-size: .68rem !important;
    line-height: 1.18;
  }

  main .product-table-wrap .product-table td:first-child strong,
  main .flow-table-wrap .flow-table td:first-child strong,
  main .return-table table td:first-child strong,
  main .settlement-table table td:first-child strong {
    font-size: .71rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  main .product-table-wrap .product-table td:first-child small,
  main .flow-table-wrap .flow-table td:first-child small,
  main .return-table table td:first-child small,
  main .settlement-table table td:first-child small {
    font-size: .60rem;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }

  /* Recent Payments intentionally uses a short date first column. */
  main .recent-payments .product-table th:first-child,
  main .recent-payments .product-table td:first-child {
    width: 4.4rem !important;
    min-width: 4.4rem !important;
    max-width: 4.4rem !important;
    white-space: nowrap !important;
  }
}