/* The confirmed review11 layout, scoped to the wallet page. */
#walletV2Page .wallet-summary:has(#referralWallet){display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:28px;align-items:stretch}
#walletV2Page .wallet-summary-main{min-width:0}
#walletV2Page .wallet-referral{height:100%;border-left:1px solid var(--edge);padding-left:24px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}
#walletV2Page .referral-code-line{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#walletV2Page .referral-own{display:flex;align-items:center;gap:10px;min-height:44px}
#walletV2Page .referral-own strong{font-size:15px;letter-spacing:.09em}
#walletV2Page .referral-summary-metrics{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;align-items:start}
#walletV2Page .referral-summary-metrics>div>span,#walletV2Page .referral-reward-entry>span{display:block;font-size:11px;color:var(--dim);font-weight:500;margin-bottom:6px}
#walletV2Page .referral-summary-metrics strong{font-size:21px;letter-spacing:-.025em;font-weight:800;line-height:1.4}
#walletV2Page .referral-reward-entry{border-left:1px solid var(--edge);padding:0 0 0 18px;text-align:left;min-height:52px}
#walletV2Page .referral-reward-entry i{font-style:normal;color:var(--accent);margin-left:4px}
#walletV2Page .referral-reward-entry:hover>span,#walletV2Page .referral-reward-entry:hover strong{color:var(--accent)}
#walletV2Page .referral-summary-note{color:var(--dim);font-size:10px;line-height:1.7;overflow-wrap:anywhere;margin:0}
#walletV2Page .referral-summary-note b{font-weight:600;color:var(--dim)}
#walletV2Page .wallet-assets.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#walletV2Page .wallet-assets>.cell{min-width:0;min-height:116px;gap:8px}
#walletV2Page #pointsVip,#walletV2Page #cellPos .go{margin-top:auto;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
#walletV2Page #pointsVip[hidden]{display:none}
@media(max-width:720px){
 #walletV2Page .wallet-summary:has(#referralWallet){grid-template-columns:1fr;gap:18px}
 #walletV2Page .wallet-referral{border-left:0;padding-left:0;border-top:1px solid var(--edge);padding-top:12px;gap:10px}
 #walletV2Page .referral-own strong{font-size:14px}
 #walletV2Page .referral-code-line{gap:8px}
 #walletV2Page .wallet-assets.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #walletV2Page .wallet-assets>.cell{min-height:110px}
}
