/* FOX CRM — Player profile, mobile fix: stat cards never overflow (additive, loaded after v5) */
.fxpp .fxpp-stat { min-width: 0; container-type: inline-size; }
.fxpp .fxpp-stat > div:nth-child(2) { max-width: 100%; white-space: nowrap; }

@media (max-width: 640px) {
  /* the 3-card row (Wagered / CashBack / Bonuses) → Wagered full width, the other two side by side */
  .fxpp .grid.grid-cols-3:has(> .fxpp-stat) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .fxpp .grid.grid-cols-3:has(> .fxpp-stat) > .fxpp-stat:first-child { grid-column: 1 / -1; }

  /* value scales with the card width so big amounts always fit */
  .fxpp .fxpp-stat > div:nth-child(2) { font-size: clamp(15px, 12.5cqi, 1.3rem) !important; }

  /* sub pill: wraps neatly instead of a tall rounded blob */
  .fxpp .fxpp-stat > div:nth-child(3) {
    white-space: normal;
    line-height: 1.4;
    border-radius: 10px;
    font-size: 11px !important;
    padding: 4px 9px;
  }
  .fxpp .fxpp-stat > div:first-child > span { font-size: 12.5px !important; line-height: 1.3; }
}