.donation-dialog{width:min(680px,calc(100% - 28px));max-width:none;max-height:min(88vh,850px);padding:0;border:1px solid #dce5dc;border-radius:18px;background:#fff;color:var(--ink,#233126);box-shadow:0 24px 80px rgba(20,42,28,.28)}
.donation-dialog::backdrop{background:rgba(13,29,20,.55);backdrop-filter:blur(2px)}
.donation-dialog-card{max-height:min(88vh,850px);overflow:auto;padding:24px}
.donation-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.donation-dialog-header h2{margin:5px 0 7px;font-size:22px;letter-spacing:-.45px}
.donation-dialog-header p{max-width:490px;margin:0;color:#647268;font-size:13px;line-height:1.5}
.donation-dialog-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #dce5dc;border-radius:10px;background:#fff;color:#425248;font-size:25px;line-height:1;cursor:pointer}
.donation-public-notice{margin:17px 0;padding:12px 14px;border:1px solid #e2e9d9;border-radius:12px;background:#f5f8ef;color:#465647;font-size:12px;line-height:1.55}
.donation-public-notice strong{color:#2d4934}
.donation-preset-fieldset{min-width:0;margin:0;padding:0;border:0}
.donation-preset-fieldset legend{margin:0 0 9px;color:#3a4a3e;font-size:13px;font-weight:750}
.donation-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:260px;padding:2px 3px 5px;overflow:auto;overscroll-behavior:contain}
.donation-preset{min-height:37px;padding:6px 4px;border:1px solid #dfe7de;border-radius:9px;background:#fff;color:#405247;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.donation-preset:hover{border-color:#8aa98c;background:#f5f8f3}
.donation-preset[aria-pressed="true"]{border-color:#356848;background:#eaf3e8;color:#214d34;box-shadow:inset 0 0 0 1px #356848}
.donation-preset:focus-visible,.donation-dialog button:focus-visible{outline:3px solid #9cbc77;outline-offset:2px}
.donation-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 9px;padding:13px 14px;border-radius:12px;background:#f4f7f2}
.donation-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.donation-summary span{color:#768177;font-size:12px}
.donation-summary strong{color:#264932;font-size:15px;overflow-wrap:anywhere}
.donation-status{min-height:22px;margin:8px 0 15px;color:#536458;font-size:12px;line-height:1.5}
.donation-status[data-error="true"]{color:#a6382e}
.donation-dialog-actions{display:flex;justify-content:flex-end;gap:9px}
.donation-dialog-actions .button[disabled]{opacity:.6;cursor:wait}
.donor-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}
.verified-donor-item{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e6ece5;border-radius:12px;background:#fff}
.verified-donor-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:11px}
.verified-donor-avatar img{display:block;width:29px;height:29px;object-fit:contain}
.verified-donor-copy{display:grid;gap:3px;min-width:0}
.verified-donor-name{min-width:0;color:#3a4b40;font-size:12px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.verified-donor-total{color:#718075;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.home-donor-board .donor-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.donor-board .donor-empty{grid-column:1/-1;color:#7a867b;font-size:12px}
@media(max-width:900px){.donor-list,.home-donor-board .donor-list{grid-template-columns:repeat(3,minmax(0,1fr))}.donation-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.donation-dialog-card{padding:18px}.donation-dialog-header h2{font-size:19px}.donation-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:34vh}.donation-preset{font-size:12px}.donation-summary strong{font-size:13px}.donation-dialog-actions{align-items:stretch;flex-direction:column-reverse}.donation-dialog-actions .button{justify-content:center}.donor-list,.home-donor-board .donor-list{grid-template-columns:repeat(2,minmax(0,1fr))}.verified-donor-item{padding:8px}.verified-donor-avatar{flex-basis:34px;width:34px;height:34px}.verified-donor-avatar img{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.donation-preset{transition:none}}

.donation-view-tabs{display:flex;justify-content:flex-end;margin:12px 0 4px}
.donation-view-tabs [hidden],.donation-history-view[hidden],.donation-form-view[hidden]{display:none!important}
.donation-history-view h3{margin:12px 0 5px;color:#2c4033;font-size:18px}
.donation-history-intro{margin:0 0 12px;color:#647268;font-size:12px;line-height:1.5}
.donation-history-orders{display:grid;gap:10px}
.donation-history-order{padding:14px;border:1px solid #e1e8df;border-radius:12px;background:#fff}
.donation-history-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.donation-history-order-head>strong{min-width:0;color:#2c4033;font-size:13px;overflow-wrap:anywhere}
.donation-history-status{display:inline-flex;max-width:62%;padding:5px 8px;border-radius:999px;background:#f0f2ed;color:#556258;font-size:12px;font-weight:750;line-height:1.35;text-align:right}
.donation-history-status.status-paid,.donation-history-status.status-sandbox_verified{background:#eaf3e8;color:#285438}
.donation-history-status.status-pending,.donation-history-status.status-created{background:#fff5dc;color:#795b10}
.donation-history-status.status-expired,.donation-history-status.status-failed,.donation-history-status.status-cancelled,.donation-history-status.status-canceled{background:#f9e9e6;color:#923e34}
.donation-history-order dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:12px 0}
.donation-history-order dl>div{min-width:0}
.donation-history-order dt{color:#778278;font-size:12px}
.donation-history-order dd{margin:2px 0 0;color:#33483a;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.donation-history-actions{display:flex;flex-wrap:wrap;gap:8px}
.donation-history-actions .button,.donation-history-pagination .button,.donation-pending-helper .button{min-height:34px;padding:7px 11px;font-size:12px}
.donation-history-empty{margin:0;padding:18px;border:1px dashed #d8e2d6;border-radius:12px;color:#718075;font-size:13px;text-align:center}
.donation-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}
.donation-history-pagination span{color:#69776c;font-size:12px}
.donation-pending-helper{margin:10px 0;padding:12px;border:1px solid #e8d7a7;border-radius:12px;background:#fff9e8;color:#63522d;font-size:12px;line-height:1.5}
.donation-pending-helper strong{display:block;margin-bottom:4px;color:#59471e}
.donation-pending-helper p{margin:0 0 9px}
.donation-pending-helper span{display:block}
.donation-status[data-error="true"]{color:#a6382e}
@media(max-width:600px){.donation-history-order{padding:11px}.donation-history-order-head{align-items:flex-start;flex-direction:column}.donation-history-status{max-width:100%;text-align:left}.donation-history-actions{flex-direction:column}.donation-history-actions .button{justify-content:center}.donation-history-pagination .button{padding:7px}.donation-history-order dl{gap:7px}}

.donor-board{min-width:0;padding:20px;border:1px solid #e3e9e1;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,57,39,.06)}
.donor-board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.donor-board-heading>div:first-child{min-width:0}
.donor-board-heading h2{margin:5px 0 7px;color:#2c4033;font-size:21px}
.donor-board-heading p{margin:0;color:#718075;font-size:12px;line-height:1.5}
.donor-board-actions{display:flex;align-items:center;gap:8px;flex:none}
@media(max-width:600px){.donor-board{padding:15px;border-radius:13px}.donor-board-heading{align-items:stretch;flex-direction:column;gap:11px}.donor-board-actions{width:100%}.donor-board-actions .button{flex:1;justify-content:center}}