.wallet-balance { padding:38px; border-radius:16px; background:linear-gradient(125deg,#102d4b,#195dc1); color:#fff; box-shadow:0 16px 40px #102d4b18; }
.wallet-balance>span { display:block; opacity:.85; font-size:.9rem; }
.wallet-balance>strong { display:block; font-size:clamp(2rem,5vw,3.5rem); margin:12px 0 20px; letter-spacing:-.04em; overflow-wrap:anywhere; }
.wallet-balance p { color:#e3efff; font-size:.9rem; }
.wallet-balance .button { background:#fff; border-color:#fff; color:#102d4b; }
.wallet-info { padding:30px 0; }
.wallet-info h2,.wallet-history h2 { font-size:1.6rem; }
.wallet-info p { color:var(--muted); font-size:.95rem; }
.wallet-history { margin-top:40px; }
.wallet-transaction,.wallet-customer { display:flex; justify-content:space-between; gap:25px; padding:24px 0; border-bottom:1px solid var(--line); }
.wallet-transaction>div { min-width:0; overflow-wrap:anywhere; }
.wallet-transaction p { margin:8px 0 0; font-size:.9rem; }
.wallet-amount { text-align:right; flex-shrink:0; }
.wallet-amount>strong { font-size:1.2rem; font-variant-numeric:tabular-nums; }
.wallet-amount.credit>strong { color:#226849; }.wallet-amount.debit>strong { color:#a12631; }
.wallet-customer h2 { font-size:1.25rem; }.wallet-customer p { color:var(--muted); margin:0; overflow-wrap:anywhere; }
.wallet-customer>div:last-child { display:flex; align-items:center; gap:24px; }
.wallet-search { display:flex; align-items:end; gap:20px; padding:25px; background:var(--paper); border-radius:10px; }
.wallet-search label { flex:1; margin:0; }
.wallet-payment-form { max-width:520px; margin:28px 0; }
.wallet-payment-form label { display:block; margin:22px 0; }
.wallet-payment-state { padding:24px 0; border-block:1px solid var(--line); margin:28px 0; overflow-wrap:anywhere; }
.wallet-payment-state h2 { font-size:1.4rem; }
.wallet-payment-state dl { display:grid; grid-template-columns:minmax(100px,150px) 1fr; gap:12px 20px; font-size:.9rem; }
.wallet-payment-state dd { margin:0; }
.wallet-payment-amount { display:block; font-size:clamp(2rem,5vw,3rem); font-weight:500; }
.wallet-payment-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.wallet-payment-actions form { margin:0; }
.wallet-bank-transfer { display:grid; grid-template-columns:minmax(180px,320px) minmax(0,1fr); align-items:start; gap:30px; margin:28px 0; }
.wallet-bank-transfer figure { margin:0; padding:16px; border:1px solid var(--line); background:#fff; border-radius:14px; }
.wallet-bank-transfer img { width:100%; height:auto; }
.wallet-bank-transfer figcaption { font-size:.78rem; color:var(--muted); text-align:center; margin-top:12px; }
.wallet-bank-transfer h2 { font-size:1.3rem; }
.wallet-bank-transfer dl { display:grid; gap:8px; margin:20px 0; overflow-wrap:anywhere; }
.wallet-bank-transfer dt { color:var(--muted); font-size:.8rem; }
.wallet-bank-transfer dd { margin:0 0 10px; font-weight:600; }
.wallet-recent { margin:25px 0 40px; }
.wallet-recent h2 { font-size:1.5rem; }
.wallet-recent > a { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.wallet-recent > a:hover { color:var(--blue); }
.wallet-recent strong { white-space:nowrap; }
@media(max-width:700px) {
    .wallet-bank-transfer { grid-template-columns:1fr; }
    .wallet-bank-transfer figure { max-width:340px; margin:auto; width:100%; }
    .wallet-recent > a { flex-wrap:wrap; }
    .wallet-balance { padding:25px; }.wallet-transaction,.wallet-customer { flex-direction:column; gap:12px; }
    .wallet-amount { text-align:left; }.wallet-search { flex-direction:column; align-items:stretch; padding:20px; }
    .wallet-customer>div:last-child { justify-content:space-between; flex-wrap:wrap; gap:12px; }
}