/* ruay55 profile-balance-room v2 20261002
 *
 * 「我的」页三格金额（现金 / 礼码 / 可提现）字太小。
 * 量过之后确认不是「自动缩字」干的，是主题 CSS 自己层层覆盖，最后一条把 strong 压成 10px：
 *     ...profile-balance-status strong { font-size: 10px !important }
 * 而每格留给金额的宽度约 90px，"THB 776.48K" 在 14px 下只要约 79px —— 放得下。
 *
 * 所以这里只做一件事：把字号提回 14px（标签同步提到 10px）。
 * 不改文字（线上有 8 个脚本按 "THB " 认金额，改符号会误伤）、不动图标、不动卡片尺寸。
 * 万一哪天金额特别长，player-text-autofit 仍会自动往下缩，是安全网。
 *
 * 注意：主题样式在 vip-source-lock 层里，必须同层 + 更高权重才能压过（未分层的 !important 反而会被压）。
 */
@layer vip-source-lock {
  @media (max-width: 760px) {
    html body #root#root .player-shell:has(.profile-page) .profile-page .profile-balance-status strong {
      font-size: 14px !important;
      line-height: 17px !important;
      letter-spacing: -0.02em !important;
    }

    html body #root#root .player-shell:has(.profile-page) .profile-page .profile-balance-status small {
      font-size: 10px !important;
      line-height: 13px !important;
    }

    /* 字变大后给它多一点横向空间：图标和内边距各收一点点 */
    html body #root#root .player-shell:has(.profile-page) .profile-page .profile-balance-status article {
      grid-template-columns: 26px minmax(0, 1fr) !important;
      gap: 4px !important;
      padding-inline: 4px !important;
    }

    html body #root#root .player-shell:has(.profile-page) .profile-page .profile-balance-icon {
      width: 26px !important;
      height: 26px !important;
    }

    html body #root#root .player-shell:has(.profile-page) .profile-page .profile-balance-icon svg {
      width: 15px !important;
      height: 15px !important;
    }
  }
}