.portal-wallet-section{display:none;padding:0 18px 20px}.portal-wallet-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px;border:1px solid #dbe4f3;border-radius:20px;background:linear-gradient(135deg,#0b4fd8,#2d8df3);color:#fff}.portal-wallet-hero h2{margin:0;font-size:1.05rem}.portal-wallet-hero p{margin:5px 0 0;font-size:.68rem;color:#dcecff}.portal-wallet-balances{display:flex;gap:9px;flex-wrap:wrap}.portal-wallet-balance{min-width:145px;padding:12px 14px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.13)}.portal-wallet-balance span{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#d7e9ff}.portal-wallet-balance strong{display:block;margin-top:5px;font-size:1.05rem}.portal-wallet-balance small{display:block;margin-top:3px;color:#d7e9ff;font-size:.57rem}.portal-wallet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px;margin-top:15px}.portal-wallet-card{border:1px solid #e0e6f0;border-radius:17px;background:#fff;padding:17px}.portal-wallet-card h3{margin:0 0 12px;font-size:.82rem}.portal-wallet-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.portal-wallet-field span{font-size:.62rem;font-weight:800;color:#576579}.portal-wallet-field input,.portal-wallet-field select,.portal-wallet-field textarea{width:100%;border:1px solid #dce4ef;border-radius:10px;background:#fbfcff;padding:10px;font:inherit;font-size:.7rem}.portal-wallet-submit{width:100%;border:0;border-radius:11px;background:var(--primary);color:#fff;padding:11px;font-size:.7rem;font-weight:850;cursor:pointer}.portal-wallet-submit:disabled{opacity:.55;cursor:not-allowed}.portal-wallet-message{margin-top:9px;font-size:.66rem;color:#b23848}.portal-wallet-ledger{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto}.portal-wallet-entry{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid #e6ebf3;border-radius:12px;background:#fafbfe}.portal-wallet-entry strong{font-size:.68rem}.portal-wallet-entry span{display:block;margin-top:3px;font-size:.58rem;color:#7a8597}.portal-wallet-amount{text-align:right;white-space:nowrap}.portal-wallet-amount.credit{color:#158357}.portal-wallet-amount.debit{color:#bb3e4c}.portal-wallet-topup{margin-top:12px;padding:10px;border-radius:11px;background:#f6f8fc;font-size:.62rem;color:#637086}.portal-wallet-subtitle{margin-top:16px;margin-bottom:7px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#526984}
.portal-wallet-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.portal-wallet-method-heading strong,.portal-wallet-method-heading span{display:block}.portal-wallet-method-heading strong{font-size:.67rem;color:#25344d}.portal-wallet-method-heading span{margin-top:3px;color:#7a8597;font-size:.58rem;line-height:1.45}.portal-wallet-collapse{border:1px solid #d9e3f2;border-radius:9px;background:#fff;color:var(--primary);padding:7px 9px;font-size:.58rem;font-weight:850;cursor:pointer}.portal-wallet-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.portal-wallet-method-card{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:8px;width:100%;padding:10px;border:1px solid #dfe6f1;border-radius:12px;background:#fff;color:#23324a;text-align:left;cursor:pointer;transition:border-color .17s ease,background .17s ease,transform .17s ease}.portal-wallet-method-card:hover{transform:translateY(-1px);border-color:#b9cbee}.portal-wallet-method-card.active{border-color:var(--primary);background:#f2f6ff;box-shadow:0 0 0 2px rgba(49,87,229,.07)}.portal-wallet-method-card strong,.portal-wallet-method-card small{display:block}.portal-wallet-method-card strong{font-size:.65rem}.portal-wallet-method-card small{margin-top:2px;color:#7a8597;font-size:.54rem;line-height:1.35}.portal-wallet-method-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf1ff;color:var(--primary);font-size:.55rem;font-weight:900}.portal-wallet-method-arrow{font-size:1rem;color:var(--primary);text-align:center}.portal-wallet-method-detail{margin:0 0 13px;padding:13px;border:1px solid #dce5f2;border-radius:14px;background:#f8faff}.portal-wallet-method-detail-grid{display:grid;grid-template-columns:minmax(130px,155px) minmax(0,1fr);gap:14px;align-items:center}.portal-wallet-qr-button{width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}.portal-wallet-qr-button img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;padding:7px;border:1px solid #ced9ea;border-radius:12px;background:#fff}.portal-wallet-qr-button span{display:block;margin-top:5px;color:var(--primary);font-size:.55rem;font-weight:850;text-decoration:underline}.portal-wallet-qr-missing{display:grid;place-items:center;min-height:130px;padding:12px;border:1px dashed #c9d5e7;border-radius:12px;background:#fff;color:#6f7c90;text-align:center;font-size:.61rem}.portal-wallet-qr-missing small{display:block;margin-top:6px;font-size:.53rem;line-height:1.45}.portal-wallet-method-kicker{color:var(--primary);font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.portal-wallet-method-copy h4{margin:4px 0 8px;font-size:.82rem}.portal-wallet-method-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.portal-wallet-method-meta span{padding:6px 8px;border-radius:8px;background:#eef3fb;color:#516077;font-size:.55rem}.portal-wallet-method-meta b{margin-right:4px;color:#263650}.portal-wallet-account{padding:10px;border:1px solid #dfe6f1;border-radius:10px;background:#fff}.portal-wallet-account span,.portal-wallet-account strong{display:block}.portal-wallet-account span{font-size:.54rem;color:#7a8597}.portal-wallet-account strong{margin-top:4px;font-size:.65rem;line-height:1.45;overflow-wrap:anywhere}.portal-wallet-account button{margin-top:8px;border:0;border-radius:8px;background:var(--primary);color:#fff;padding:7px 9px;font-size:.56rem;font-weight:850;cursor:pointer}.portal-wallet-method-note{margin-top:8px;color:#647188;font-size:.57rem;line-height:1.5}.portal-wallet-method-note strong{display:block;margin-bottom:2px;color:#34445d}.portal-wallet-no-method{grid-column:1/-1;padding:13px;border:1px solid #f0c6c9;border-radius:12px;background:#fff4f5;color:#9e3540}.portal-wallet-no-method strong,.portal-wallet-no-method span{display:block}.portal-wallet-no-method strong{font-size:.67rem}.portal-wallet-no-method span{margin-top:4px;font-size:.58rem;line-height:1.5}.portal-wallet-no-method button{margin-top:9px;border:0;border-radius:8px;background:#9e3540;color:#fff;padding:8px 10px;font-size:.57rem;font-weight:850;cursor:pointer}.portal-wallet-manual-recharge{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #d8e3f2;border-radius:11px;background:#f7faff;color:#52627a}.portal-wallet-manual-recharge span{font-size:.58rem;line-height:1.5}.portal-wallet-manual-recharge strong{color:#253650}.portal-wallet-manual-recharge button{flex:0 0 auto;border:1px solid #c9d8ec;border-radius:8px;background:#fff;color:var(--primary);padding:8px 10px;font-size:.57rem;font-weight:850;cursor:pointer}.portal-wallet-method-empty{grid-column:1/-1;padding:12px;border:1px dashed #dce4ef;border-radius:11px;color:#7a8597;text-align:center;font-size:.61rem}.portal-wallet-form-disabled{opacity:.55;pointer-events:none}.portal-wallet-qr-preview{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:14px;background:rgba(8,20,39,.78);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.portal-wallet-qr-preview.open{opacity:1;visibility:visible;pointer-events:auto}.portal-wallet-qr-dialog{position:relative;width:min(500px,100%);max-height:calc(100dvh - 28px);overflow:auto;padding:22px 18px 17px;border-radius:20px;background:#fff;text-align:center}.portal-wallet-qr-dialog button{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid #dce3ef;border-radius:50%;background:#fff;color:#17213a;font-size:1.35rem;cursor:pointer}.portal-wallet-qr-dialog h2{margin:0 38px 14px;font-size:1.05rem}.portal-wallet-qr-dialog img{display:block;width:min(380px,100%);max-height:65dvh;margin:0 auto;padding:10px;border:1px solid #dce3ef;border-radius:15px;background:#fff;object-fit:contain}.portal-wallet-qr-dialog p{margin:12px 0 0;color:#778296;font-size:.61rem}.hidden{display:none!important}
@media(max-width:720px){.portal-wallet-manual-recharge{align-items:stretch;flex-direction:column}.portal-wallet-manual-recharge button{width:100%}.portal-wallet-section{padding:0 10px 16px}.portal-wallet-hero{align-items:flex-start;flex-direction:column}.portal-wallet-balances{width:100%}.portal-wallet-balance{flex:1;min-width:120px}.portal-wallet-grid{grid-template-columns:1fr}.portal-wallet-methods{grid-template-columns:1fr}.portal-wallet-method-detail-grid{grid-template-columns:1fr}.portal-wallet-method-detail-grid>div:first-child{width:min(230px,100%);margin:0 auto}}
@media(prefers-reduced-motion:reduce){.portal-wallet-method-card,.portal-wallet-qr-preview{transition:none}}

/* 2026-08-02: wallet warnings appear above submit */
.portal-wallet-message{display:none;margin:0 0 10px;padding:10px 11px;border:1px solid #fecdd3;border-left:4px solid #dc3545;border-radius:10px;background:#fff1f2;color:#b23848;font-size:.66rem;font-weight:700;line-height:1.45}.portal-wallet-message:not(:empty){display:block}.portal-wallet-message.error:not(:empty):before{content:"⚠ ";font-weight:900}.portal-wallet-message.success{border-color:#bbf7d0;border-left-color:#16a34a;background:#ecfdf5;color:#158357}.portal-wallet-message.success:not(:empty):before{content:"✓ ";font-weight:900}