/* Payments: four readable cards across on desktop. */
@media (min-width: 1200px) {
  .tt-workspace .tt-shell:has(.tt-sections > button:nth-child(2)[aria-current="page"]):has(section[aria-label="Coach payments"]) {
    width: min(1760px, 100%);
    max-width: 1760px;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] > .tt-payment-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-payment-card {
    padding: 20px;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-payment-top {
    flex-wrap: wrap;
    gap: 10px;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-payment-top .tt-coach > span:last-child {
    overflow-wrap: anywhere;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-payment-balance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-payment-balance > span:last-child {
    grid-column: 1 / -1;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-bank > div {
    flex-wrap: wrap;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-bank > div > span {
    min-width: 0;
  }
  .tt-workspace .tt-shell section[aria-label="Coach payments"] .tt-payment-card button {
    max-width: 100%;
    white-space: normal;
  }
}