/* Match the public site's form modals on every donor page. */
#donor-password-modal { box-sizing: border-box; position: fixed; inset: 0; width: min(448px, calc(100vw - 32px)); max-height: 85dvh; margin: auto; padding: 40px; border: 1px solid #dfe4d8; border-radius: 22px; background: var(--paper, #faf8f2); color: #243d30; font: 16px/1.7 'Noto Sans Bengali', system-ui, sans-serif; overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 24px 80px #123d3226; }
#donor-password-modal::backdrop { background: #0f172a99; backdrop-filter: blur(12px); }
#donor-password-modal * { box-sizing: border-box; }
#donor-password-modal .password-close { position: absolute; top: 24px; right: 24px; background: transparent; color: #526258; border: 0; font-size: 28px; line-height: 1; width: 36px; height: 36px; cursor: pointer; transition: color .2s; }
#donor-password-modal .password-close:hover { color: #f43f5e; }
#donor-password-modal .password-mark { display: grid; place-items: center; width: 42px; height: 42px; background: #16634a1a; color: #16634a; border-radius: 12px; margin: 0 auto 24px; }
#donor-password-modal h2 { text-align: center; font-size: 24px; font-weight: 600; line-height: 1.4; margin: 0 0 16px; }
#donor-password-modal .password-intro { text-align: center; color: #526258; font-size: 14px; margin: 0 0 24px; }
#donor-password-modal label { display: block; margin: 24px 0 8px; color: #526258; font-size: 13px; font-weight: 500; }
#donor-password-modal input:not([type=checkbox]) { width: 100%; padding: 13px 24px; border: 1px solid #d6ddcf; border-radius: 10px; font: inherit; background: #fffcf7; color: #243d30; }
#donor-password-modal input:focus { border-color: #16634a; outline: 2px solid #16634a30; outline-offset: 2px; }
#donor-password-modal button:focus-visible { outline: 2px solid #16634a; outline-offset: 2px; }
#donor-password-modal small { display: block; margin-top: 8px; color: #526258; font-size: 12px; }
#donor-password-modal .password-show { display: flex; align-items: center; gap: 8px; cursor: pointer; }
#donor-password-modal input[type=checkbox] { accent-color: #16634a; width: 16px; height: 16px; }
#donor-password-modal .password-submit { width: 100%; padding: 14px; border: 0; border-radius: 10px; background: #123d32; color: white; font: inherit; font-weight: 600; cursor: pointer; transition: background .2s; }
#donor-password-modal .password-submit:hover { background: #16634a; }
#donor-password-modal button:disabled { opacity: .6; cursor: wait; }
#donor-password-modal [data-message] { color: #a12525; font-size: 14px; margin: 12px 0; }
@media (max-width: 767px) {
    #donor-password-modal { padding: 28px 22px; }
}
@media (max-width: 640px) {
    #donor-password-modal { width: min(448px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); border-radius: 18px; }
    #donor-password-modal .password-close { width: 44px; height: 44px; top: 12px; right: 12px; }
}