
/* Payment method UI */
.payment-method-detail{display:none!important;margin:0!important}.payment-method-detail.has-selection{display:block!important}.payment-method-option{display:none!important;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start;padding:20px;border:1px solid var(--dk-line, #dce6fd);border-radius:18px;background:linear-gradient(180deg,var(--dk-w, #fafcff),var(--dk-soft, #f4f7fe));box-shadow:0 10px 28px rgba(56,44,140,.07)}.payment-method-option.active{display:grid!important}.payment-method-option img{width:76px;height:76px;object-fit:contain;border:1px solid var(--dk-line, #e2e8f7);border-radius:16px;background:var(--dk-w, #fff);padding:10px}.payment-method-option strong{display:block;color:#1b3470;font-size:1.08rem;margin:2px 0 7px}.payment-method-option p{margin:0 0 10px;color:var(--dk-gray, #626e7e);line-height:1.5}.payment-method-instructions{padding:14px 16px;border:1px solid var(--dk-line, #e2e8f7);border-radius:12px;background:var(--dk-w, #fff);color:var(--dk-ink, #343f4e);line-height:1.6}.payment-method-admin-logo{display:flex;align-items:center;gap:14px;margin:10px 0 4px;padding:12px 14px;border:1px solid var(--dk-line, #e0e6f5);border-radius:14px;background:var(--dk-w, #f9fbff)}.payment-method-admin-logo span{font-weight:600}.payment-method-admin-logo img{width:72px;height:72px;object-fit:contain;border:1px solid var(--dk-line, #e0e6f5);border-radius:12px;background:var(--dk-w, #fff);padding:7px}.cash-body label small{display:block;margin-top:7px;color:var(--dk-gray, #6c7786);font-weight:400;line-height:1.4}
#add-fund form,#withdraw form{display:grid;gap:16px}#add-fund form>label,#withdraw form>label{margin:0;display:grid;gap:7px;font-weight:600;color:var(--dk-ink, #222d3d)}#add-fund form input,#add-fund form select,#add-fund form textarea,#withdraw form input,#withdraw form select,#withdraw form textarea{border-radius:13px;min-height:50px;padding:12px 15px}#add-fund form select:focus,#withdraw form select:focus{outline:none;border-color:#5f8df7;box-shadow:0 0 0 4px rgba(102,87,255,.13)}#add-fund #receipt-help{margin:-7px 0 0;color:var(--dk-gray, #6a7686);font-size:.9rem}#add-fund button.button,#withdraw button.button{justify-self:start;min-height:48px;padding:0 22px;border-radius:12px}
@media(max-width:640px){.payment-method-option{grid-template-columns:56px minmax(0,1fr);padding:15px;gap:12px}.payment-method-option img{width:56px;height:56px;padding:7px}}

/* Logo visibility + selected payment card hardening */
.payment-method-detail[hidden]{display:none!important}
.payment-method-detail.has-selection{display:block!important;margin:12px 0 20px!important}
.payment-method-option.active{display:grid!important}
.payment-logo-fallback{width:76px;height:76px;border:1px solid var(--dk-line, #e2e8f7);border-radius:16px;background:var(--dk-w, #fff);align-items:center;justify-content:center;font-weight:800;color:#467af5;font-size:1.1rem}
@media(max-width:640px){.payment-logo-fallback{width:56px;height:56px;border-radius:12px}}
/* 2026-09-25: selected method information card */
.payment-method-logo-wrap{width:78px;min-width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--dk-w, #fff);border:1px solid var(--dk-line, #e3e9f6);overflow:hidden}
.payment-method-logo-wrap img{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;object-fit:contain!important;padding:9px!important;background:var(--dk-w, #fff)}
.payment-logo-fallback{width:100%;height:100%;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#3c6de0;background:var(--dk-soft, #f0f4fe)}
.payment-method-copy{min-width:0}.payment-detail-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--dk-gray, #74869f);margin-bottom:4px}.payment-method-description{margin:0 0 14px;color:var(--dk-gray, #5d697a);line-height:1.55}.payment-instructions-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dk-gray, #69788e);margin:12px 0 7px}.payment-method-instructions{word-break:break-word}
@media(max-width:640px){.payment-method-logo-wrap{width:58px;min-width:58px;height:58px}.payment-method-option{grid-template-columns:58px minmax(0,1fr)!important}}


/* 2026-09-25: polished member payment card + QR layout */
.payment-method-option{grid-template-columns:92px minmax(0,1fr);gap:20px;padding:24px!important}
.payment-method-logo-wrap{width:92px;min-width:92px;height:92px;border-radius:20px;box-shadow:0 6px 18px rgba(53,42,130,.08)}
.payment-method-copy>strong{font-size:1.18rem;line-height:1.3;margin-bottom:8px}
.payment-method-description{font-size:.96rem}
.payment-method-instructions{padding:18px 20px;line-height:1.65;border-radius:16px}
.payment-method-qr{grid-column:1/-1;display:grid;justify-items:center;text-align:center;gap:9px;margin-top:18px;padding:20px;border:1px solid var(--dk-line, #e0e8fa);border-radius:18px;background:var(--dk-w, #fff)}
.payment-method-qr small{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--dk-gray, #6f7c8f)}
.payment-method-qr img{width:190px!important;height:190px!important;max-width:72vw;object-fit:contain!important;padding:10px!important;border:1px solid var(--dk-line, #e0e6f5)!important;border-radius:16px!important;background:var(--dk-w, #fff)!important}
.payment-method-qr span{max-width:440px;color:var(--dk-gray, #5a6575);line-height:1.5;font-size:.94rem}
@media(max-width:640px){
 .payment-method-option{grid-template-columns:72px minmax(0,1fr)!important;gap:14px;padding:18px!important}
 .payment-method-logo-wrap{width:72px;min-width:72px;height:72px;border-radius:16px}
 .payment-method-copy>strong{font-size:1.03rem}
 .payment-method-instructions{padding:15px 16px}
 .payment-method-qr{grid-column:1/-1;margin-left:-86px;margin-top:14px;padding:18px 12px}
 .payment-method-qr img{width:170px!important;height:170px!important}
}
