/* Donation notification and form preview share the same compact layout. */
#donation-toast{width:440px!important;max-width:calc(100vw - 32px)!important;font-family:'Work Sans',sans-serif}
:is(#donation-toast,.donation-toast-preview) .proof-toast-card{position:relative;box-sizing:border-box;display:grid!important;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px!important;padding:16px!important;border:1px solid #dfe5df;border-radius:18px!important;background:#fff;color:#234127;box-shadow:0 12px 32px -16px rgba(19,64,21,.32);min-height:0!important;text-align:left}
:is(#donation-toast,.donation-toast-preview) .proof-toast-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf3df;overflow:hidden}
:is(#donation-toast,.donation-toast-preview) .proof-toast-avatar img{display:block;width:28px;height:24px;object-fit:contain;max-width:100%}
:is(#donation-toast,.donation-toast-preview) .proof-toast-content{min-width:0}
:is(#donation-toast,.donation-toast-preview) .proof-toast-heading{padding-right:22px;font:400 14px/19px 'Work Sans',sans-serif!important;color:#134015;overflow-wrap:anywhere}
:is(#donation-toast,.donation-toast-preview) .proof-toast-title{white-space:normal;overflow:visible;text-overflow:clip}
:is(#donation-toast,.donation-toast-preview) strong{font-weight:700!important;color:#134015}
:is(#donation-toast,.donation-toast-preview) .proof-toast-time{display:inline-block;white-space:nowrap;margin-left:6px;padding-left:7px;border-left:1px solid #d4ddd4;vertical-align:baseline;font:400 11px/13px 'Work Sans',sans-serif!important;color:#6b786d}
:is(#donation-toast,.donation-toast-preview) .proof-toast-body{margin-top:4px;font:400 14px/19px 'Work Sans',sans-serif!important;color:#425247;overflow-wrap:anywhere;white-space:normal}
:is(#donation-toast,.donation-toast-preview) .proof-toast-amount{white-space:nowrap}
:is(#donation-toast,.donation-toast-preview) .proof-toast-close{position:absolute!important;top:6px!important;right:6px!important;display:grid!important;place-items:center;width:32px!important;height:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#748176;cursor:pointer;line-height:1!important;box-shadow:none!important}
#donation-toast .proof-toast-close:hover{background:#f0f4ed!important;color:#134015}
#donation-toast .proof-toast-close:focus-visible{outline:2px solid #336600;outline-offset:1px}
.donation-toast-preview{width:100%;min-width:0;max-width:440px}
@media(max-width:767px){
 #donation-toast{left:12px!important;right:12px!important;width:auto!important;max-width:none!important}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-card{grid-template-columns:32px minmax(0,1fr);gap:10px!important;padding:12px!important;border-radius:16px!important}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-avatar{width:32px;height:32px;border-radius:10px}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-avatar img{width:23px;height:20px}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-heading{font-size:14px!important;line-height:18px!important;padding-right:20px}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-body{font-size:13px!important;line-height:17px!important;margin-top:3px}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-time{font-size:10px!important;line-height:12px!important;margin-left:4px;padding-left:5px}
 :is(#donation-toast,.donation-toast-preview) .proof-toast-close{top:3px!important;right:3px!important}
}