/* Donation receipts page (receipt.html). Reuses .card, .field, .btn, .notice and .list-check. */
.rcpt__inner { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--gap-lg); align-items: start; }
.rcpt__title { font-size: clamp(2rem, 1.2rem + 2.6vw, 3.4rem); line-height: 1.06; letter-spacing: -.024em; margin: 0 0 .4em; max-width: 18ch; text-wrap: balance; }
.rcpt__lead { color: var(--muted); max-width: 56ch; margin: 0 0 24px; }
.rcpt__form { max-width: 560px; }
.rcpt__form-title { margin: 0 0 16px; }
.rcpt__submit { width: 100%; justify-content: center; margin-top: 4px; }
.rcpt__submit[aria-busy="true"] { opacity: .75; pointer-events: none; }
.rcpt__side { display: grid; gap: 16px; }
.rcpt__box h2 { margin: 0 0 10px; }
.rcpt__box p { margin: 0 0 10px; color: var(--muted); }
.rcpt__box p:last-child { margin-bottom: 0; }

/* the answer under the button: ok (downloaded), wait (not confirmed yet), stop (inactive / not found) */
.rcpt__result { margin-top: 16px; border-radius: var(--radius-sm); padding: 14px 16px; font-size: .92rem; border: 1px solid var(--line); background: var(--cream); display: flex; gap: 10px; align-items: flex-start; }
.rcpt__result .icon { flex: none; margin-top: 2px; }
.rcpt__result strong { display: block; color: var(--forest); margin-bottom: 2px; }
.rcpt__result--ok { background: var(--sage-2); border-color: var(--sage-3); }
.rcpt__result--ok .icon { color: var(--leaf); }
.rcpt__result--wait { background: #FFF6DE; border-color: var(--amber-line); }
.rcpt__result--wait .icon { color: var(--amber-ink); }
.rcpt__result--stop { background: #FBECEC; border-color: #EBC4C4; }
.rcpt__result--stop .icon { color: var(--error); }
.rcpt__result a { font-weight: 700; }

@media (max-width: 899px) {
  .rcpt__inner { grid-template-columns: 1fr; }
  .rcpt__form { max-width: none; }
}