/* Compact referral cards for day-to-day phone use. */
@media(max-width:767px) {
  .member-app .m-invite-page { gap:12px; }
  .member-app .m-invite-page>.m-panel { padding:16px; border-radius:14px; }
  .member-app .m-commission-panel { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .member-app .m-commission-panel>header { display:contents; }
  .member-app .m-commission-heading { grid-row:1; gap:8px; }
  .member-app .m-commission-heading>.m-icon { width:20px; height:20px; }
  .member-app .m-commission-heading h2 { font-size:15px; line-height:1.5; }
  .member-app .m-commission-balance { grid-row:2; gap:2px; padding:0; }
  .member-app .m-commission-balance>span { order:-1; font-size:11px; line-height:1.5; }
  .member-app .m-commission-balance strong { font-size:30px; line-height:1.3; letter-spacing:-.025em; }
  .member-app .m-referral-stats { grid-row:3; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding-top:12px; }
  .member-app .m-referral-stats>div { min-width:0; gap:4px; }
  .member-app .m-referral-stats>div+div { padding-left:0; border:0; }
  .member-app .m-referral-stats span { font-size:11px; line-height:1.5; }
  .member-app .m-referral-stats strong { font-size:clamp(13px,3.9vw,16px); line-height:1.5; letter-spacing:-.025em; overflow-wrap:anywhere; }
  .member-app .m-commission-panel .m-header-actions { grid-row:4; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%; }
  .member-app .m-commission-panel .m-header-actions:not(:has([data-member-action="withdraw"])) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .member-app .m-commission-panel .m-header-actions .m-button { min-width:0; min-height:44px; padding:8px 4px; font-size:12px; line-height:1.5; }
  .member-app .m-invite-codes header { display:flex; align-items:center; flex-wrap:nowrap; gap:12px; }
  .member-app .m-invite-codes h2 { font-size:15px; line-height:1.5; }
  .member-app .m-invite-codes header .m-button { flex:0 0 auto; min-height:44px; padding:8px 12px; font-size:12px; }
  .member-app .m-invite-codes .m-sub-center-address { grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; margin-top:0; padding:12px 0; }
  .member-app .m-invite-codes header+.m-sub-center-address { margin-top:8px; }
  .member-app .m-invite-codes .m-sub-center-address:last-child { padding-bottom:0; border-bottom:0; }
  .member-app .m-invite-codes .m-sub-center-address code { grid-column:1; grid-row:1; align-self:end; font-size:13px; line-height:1.5; }
  .member-app .m-invite-codes .m-sub-center-address>span { grid-column:1; grid-row:2; font-size:11px; line-height:1.5; }
  .member-app .m-invite-codes .m-sub-center-address .m-text-button { grid-column:2; grid-row:1/3; align-self:center; min-height:44px; padding:8px 10px; font-size:12px; white-space:nowrap; }
  .member-app .m-invite-codes .m-empty { min-height:110px; padding:16px 8px; gap:10px; }
  .member-app .m-invite-page .m-table-title { padding-bottom:10px; }
  .member-app .m-commission-records tbody { gap:10px; }
  .member-app .m-commission-records tbody>tr { gap:10px 16px; padding:14px; }
  .member-app .m-commission-records .m-record-primary { padding-bottom:10px; font-size:14px; }
  .member-app .m-commission-records td { font-size:13px; gap:4px; }
  .member-app .m-commission-records td[data-label]::before { font-size:11px; }
}