/* Donate (USDT · TRC20) modal opened from the login screen. Reuses the
   pwa-guide modal shell (.pg-ov/.pg-modal/.pg-head/.pg-x/.pg-sub/.pg-btn).
   QR is generated client-side and shown on a white box so it scans on any theme. */
.donate-dl { width: 100%; background: none; cursor: pointer; font-family: inherit; }

.dn-modal { max-width: 460px; }
.dn-body { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 18px 20px 22px; text-align: center; }

.dn-net {
  font-size: 12.5px; font-weight: 700; letter-spacing: .3px;
  padding: 6px 14px; border-radius: 999px;
  color: #1c8a4b; background: rgba(38, 161, 105, .14);
  border: 1px solid rgba(38, 161, 105, .4);
}
.dn-qr-box { background: #fff; padding: 12px; border-radius: 16px; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.dn-qr-box img { display: block; width: 190px; height: 190px; image-rendering: pixelated; }

.dn-addr {
  width: 100%; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px; line-height: 1.5; word-break: break-all; user-select: all;
  background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 10px;
  padding: 10px 12px; color: var(--text-primary);
}
.dn-body .pg-btn { width: 100%; }

.dn-warn {
  margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary);
  background: rgba(224, 162, 58, .12); border: 1px solid rgba(224, 162, 58, .4);
  border-radius: 10px; padding: 9px 12px;
}
.dn-warn b { color: var(--text-primary); }
.dn-link { font-size: 13px; color: var(--accent); text-decoration: none; }
.dn-link:hover { text-decoration: underline; }