/* Interior pass: one QR focal point, one quiet transfer row. */
.donate-panel { width: min(100%, 540px); max-height: min(92dvh, 760px); border-radius: 16px; }
.donate-panel__header { padding: 16px 18px 13px; background: #fff; }
.donate-panel__title h2 { font-size: 1.02rem; }
.donate-panel__title p { margin-top: 3px; font-size: 0.71rem; }
.donate-panel__body { gap: 12px; padding: 14px 18px 18px; }
.donate-qris { gap: 6px; }
.donate-qris__stage { display: grid; width: min(100%, 270px); padding: 8px; place-items: center; border: 1px solid #d9e5df; border-radius: 10px; background: #fff; box-shadow: 0 8px 22px rgba(20, 80, 58, 0.08); }
.donate-qris img { width: 100%; max-height: min(53dvh, 390px); border: 0; border-radius: 3px; box-shadow: none; }
.donate-qris figcaption { color: #176d4e; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.02em; }
.donate-bank { width: min(100%, 410px); padding: 12px 0 0; border: 0; border-top: 1px solid #d9e5df; border-radius: 0; background: transparent; }
.donate-bank__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.donate-bank__heading h3 { margin: 0; font-size: 0.86rem; }
.donate-bank__heading .donate-eyebrow { font-size: 0.63rem; }
.donate-account-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; padding: 10px 11px; border: 1px solid #b9cec4; border-radius: 8px; background: #f7faf8; }
.donate-account-row > div { display: grid; gap: 2px; min-width: 0; }
.donate-account-row > div > span { color: #61756b; font-size: 0.63rem; line-height: 1.2; }
.donate-account-row strong { font-size: 0.98rem; }
.donate-copy { min-height: 36px; padding: 6px 11px; font-size: 0.68rem; }
.donate-bank > p { margin: 6px 0 0; font-size: 0.7rem; }
.donate-copy-status { margin-top: 4px; font-size: 0.65rem; }
@media (max-width: 720px) {
  .donate-panel { max-height: 94dvh; }
  .donate-panel__header { padding: 14px 15px 11px; }
  .donate-panel__body { gap: 10px; padding: 12px 15px 16px; }
  .donate-qris__stage { width: min(100%, 245px); padding: 7px; }
  .donate-qris img { max-height: 48dvh; }
  .donate-bank { padding-top: 10px; }
}