.bottom-nav { grid-template-columns: repeat(5,minmax(0,1fr)); }
.bottom-link { min-width: 0; padding-inline: 2px; }
.bottom-link span { font-size: 11px; letter-spacing: 0; }
.wallet-band { padding: 18px 0; border-bottom: 1px solid var(--line); }
.wallet-band h2 { font-size: 18px; margin: 0 0 12px; }
.wallet-band p { line-height: 1.5; overflow-wrap: anywhere; }
.wallet-total { font-size: 26px; letter-spacing: 0; overflow-wrap: anywhere; }
.wallet-inline { display: flex; gap: 8px; align-items: center; margin: 10px 0; }
.wallet-inline input { min-width: 0; flex: 1; }
.wallet-inline .icon-button { flex-shrink: 0; }
.wallet-check { display: flex; align-items: center; gap: 8px; margin: 14px 0; }
.wallet-check input { width: 18px; height: 18px; accent-color: #08a8dc; }
.wallet-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; margin: 0; }
.wallet-stats div { padding: 16px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.wallet-stats dt { font-size: 13px; opacity: .7; }
.wallet-stats dd { font-size: 24px; margin: 6px 0 0; font-weight: 700; overflow-wrap: anywhere; }
#refEarned { color: #16b986; }
.wallet-list > div { display: flex; gap: 14px; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.wallet-list span { min-width: 0; overflow-wrap: anywhere; }
.wallet-list strong { text-align: right; flex-shrink: 0; max-width: 50%; overflow-wrap: anywhere; }
.wallet-actions { display: grid; gap: 8px; }
.wallet-dialog { width: min(440px,calc(100% - 24px)); max-height: calc(100dvh - 40px); overflow-y: auto; padding: 20px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--text); }
.wallet-dialog::backdrop { background: #0009; }
.wallet-dialog h2 { font-size: 20px; }
.wallet-dialog p { white-space: pre-line; line-height: 1.5; }
.wallet-dialog label { display: block; font-size: 13px; margin: 8px 0; }
#walletFormError { color: #ee656d; }
.wallet-dialog [hidden], .wallet-check[hidden] { display: none; }
.wallet-dialog input, .wallet-dialog select { width: 100%; min-width: 0; }
@media(max-width: 350px) { .bottom-link span { font-size: 10px; } .wallet-band .section-head { gap: 8px; } .wallet-total { font-size: 23px; } }
