/* the wallet page (public/js/wallet.js): the two ways to a squad wallet, the address with its Pips prefix, Telegram / Discord */
.wallet-addr { word-break: break-all; font-size: 14.5px; line-height: 1.5; color: var(--ink2); }
.wallet-addr .pfx { color: var(--amber); font-weight: 700; text-shadow: 0 0 18px rgba(255, 181, 71, .35); }
.wallet-pick { margin-top: 2px; }
.wallet-pick .pick .body { display: grid; gap: 12px; align-content: start; }
.wallet-pick .pick.pips { border-color: rgba(255, 181, 71, .32); background: radial-gradient(520px 220px at 0% 0%, rgba(255, 181, 71, .1), transparent 70%), var(--s1); }
.pick-addr { display: flex; align-items: baseline; gap: 6px; font: 600 clamp(30px, 4.2vw, 44px)/1 var(--mono); letter-spacing: -.04em; }
.pick-addr b { color: var(--amber); text-shadow: 0 0 26px rgba(255, 181, 71, .35); }
.pick-addr span { color: var(--faint); margin-right: 10px; }
.pick-addr em { font: 500 13px/1 var(--sans); font-style: normal; color: var(--muted); letter-spacing: 0; margin-right: 10px; }
.keyin { width: 100%; resize: vertical; min-height: 70px; font: 500 12.5px/1.5 var(--mono); -webkit-text-security: disc; }
.keyin:focus { -webkit-text-security: none; }
.bot-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.bot-row b { min-width: 86px; font: 640 14.5px/1 var(--display); }
.bot-row .ok { color: var(--good); font: 500 12.5px/1 var(--mono); }
.bot-row .btn { margin-left: auto; }
.bot-code { display: grid; gap: 8px; margin-top: 12px; padding: 14px; border-radius: 14px; border: 1px dashed var(--line2); background: rgba(255,255,255,.02); }
.bot-code code { font: 600 22px/1.2 var(--mono); color: var(--amber); letter-spacing: .04em; user-select: all; }
.switch-w { margin-top: 18px; }
.switch-w summary { cursor: pointer; color: var(--muted); font-size: 13.5px; }
.switch-w summary:hover { color: var(--ink); }
.stat .v.good { color: var(--good); } .stat .v.warn { color: var(--amber); }