/* Wallet — scoped to its own view. Existing payment data and dialogs stay intact. */
[data-view="wallet"]{
  --wallet-ink:#172226;
  --wallet-muted:#879195;
  --wallet-bg:#f6f6f8;
  background:var(--wallet-bg);
  color:var(--wallet-ink);
}
[data-view="wallet"] .wallet-head{
  padding:calc(var(--head-top) + 4px) 21px 4px;
  background:linear-gradient(var(--wallet-bg) 80%, transparent);
  position:relative; z-index:2;
}
[data-view="wallet"] .wallet-head .back-btn{color:var(--wallet-ink); margin-left:-8px}
[data-view="wallet"] .wallet-head h1{font-size:20px; font-weight:680; letter-spacing:-.045em}
.wallet-head-mark{font-size:9px; font-weight:700; letter-spacing:.26em; color:var(--wallet-muted)}
[data-view="wallet"] .wallet-body{
  padding:13px 0 calc(48px + env(safe-area-inset-bottom));
  overflow-x:hidden;
  scroll-behavior:smooth;
}
/* Balance is content; glass is reserved for the action controls. */
.wallet-hero{position:relative;margin:0 20px 32px;padding:29px 0 0;text-align:center;
  animation:wallet-rise .65s cubic-bezier(.22,1,.36,1) both}
[data-view="wallet"] .wallet-label{font-size:14px;font-weight:500;letter-spacing:0;color:#79797f;opacity:1}
[data-view="wallet"] .wallet-amt{display:flex;justify-content:center;align-items:baseline;gap:4px;margin-top:9px;
  font-size:clamp(40px,12vw,58px);line-height:1.12;font-weight:550;letter-spacing:-.055em;
  font-variant-numeric:tabular-nums;white-space:nowrap;color:#161617}
[data-view="wallet"] .wallet-amt small{font-size:30px;font-weight:400;letter-spacing:-.03em;margin:0}
.wallet-hero-caption{font-size:11px;letter-spacing:.015em;color:#96969d;margin-top:9px}
[data-view="wallet"] .wallet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;
  max-width:308px;margin:26px auto 0;padding:6px;border-radius:28px;position:relative;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.5));
  -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:0 3px 7px rgba(28,30,37,.025),0 14px 30px -13px rgba(28,30,37,.15)}
[data-view="wallet"] .wallet-actions button{height:66px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  background:transparent;color:#353538;font-size:11px;font-weight:500;border-radius:22px;
  transition:transform .4s cubic-bezier(.2,1.4,.34,1),background .3s}
[data-view="wallet"] .wallet-actions button.pri{background:transparent;color:#171719}
[data-view="wallet"] .wallet-actions button:active{transform:scale(.89);background:rgba(125,125,140,.08)}
.wallet-action-icon{display:grid;place-items:center;width:25px;height:25px}
.wallet-action-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){[data-view="wallet"] .wallet-actions button:hover{background:rgba(125,125,140,.06)}}
.wallet-section{margin:0 0 30px; animation:wallet-rise .65s cubic-bezier(.22,1,.36,1) both; animation-delay:.1s}
.wallet-kin-section{animation-delay:.2s}
.wallet-section-head{display:flex; justify-content:space-between; align-items:end; gap:12px; padding:0 23px; margin-bottom:17px}
.wallet-eyebrow{display:block; color:var(--wallet-muted); font-size:9px; letter-spacing:.2em; font-weight:650; margin-bottom:5px}
.wallet-section-head h2{margin:0; color:var(--wallet-ink); font-size:23px; line-height:1.15; font-weight:670; letter-spacing:-.045em}
.wallet-text-action{border:0; background:rgba(231,237,235,.82); color:#435956; padding:8px 12px; border-radius:999px;
  font-family:inherit; font-size:12px; font-weight:600; line-height:1.3; white-space:nowrap; cursor:pointer;
  transition:transform .35s cubic-bezier(.2,1.4,.34,1),background .2s}
.wallet-text-action:active{transform:scale(.9)}
.wallet-bank-track{--wallet-card-width:290px;position:relative;display:flex;gap:4px;box-sizing:border-box;
  padding:14px calc((100% - var(--wallet-card-width))/2) 32px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.wallet-bank-track::-webkit-scrollbar{display:none}
.wallet-bank-track:focus-visible{outline:2px solid #96969d;outline-offset:-2px;border-radius:24px}
.wallet-bank-slot{flex:0 0 var(--wallet-card-width);position:relative;scroll-snap-align:center;min-width:0}
.wallet-bank-card{height:195px;box-sizing:border-box;padding:21px 22px;border-radius:23px;
  position:relative;overflow:hidden;color:var(--bank-ink,#33373d);isolation:isolate;
  display:flex;flex-direction:column;justify-content:space-between;transform-origin:50% 55%;
  background:linear-gradient(120deg,#e8e9eb,#f9f9fa 40%,#d2d5da 100%);
  box-shadow:0 18px 23px -16px rgba(25,30,40,.4);will-change:transform;
}
.wallet-bank-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at var(--card-shine-x,50%) 0%,rgba(255,255,255,.65),transparent 65%)}
.wallet-bank-card::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.35) 2px 3px)}
.wallet-palette-0{--bank-ink:#35383f;background:linear-gradient(115deg,#dedfe3,#f5f5f7 43%,#c8cbd2)}
.wallet-palette-1{--bank-ink:#f4f4f6;background:linear-gradient(115deg,#292a30,#54565e 48%,#24252b)}
.wallet-palette-1::before{opacity:.18}
.wallet-palette-2{--bank-ink:#514a40;background:linear-gradient(115deg,#dfd7c8,#f4efe6 43%,#cbbfa9)}
.wallet-palette-3{--bank-ink:#354451;background:linear-gradient(115deg,#d1dae3,#edf2f7 43%,#b3c2d0)}
.wallet-palette-4{--bank-ink:#f4f4f6;background:linear-gradient(115deg,#454953,#737982 48%,#363a43)}
.wallet-palette-4::before{opacity:.2}
.wallet-bank-top{display:flex;align-items:center;gap:9px;min-width:0}
.wallet-bank-monogram{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(127,127,137,.12);font-size:13px;font-weight:650}
.wallet-bank-name{font-size:13px;font-weight:570;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-bank-wave{margin-left:auto;font-size:15px;font-weight:600;letter-spacing:-.06em;opacity:.85}
.wallet-bank-middle{display:flex;align-items:end;gap:15px}
.wallet-bank-chip{display:block;width:31px;height:24px;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.28));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.wallet-bank-number{font-size:12px;font-weight:520;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:tabular-nums}
.wallet-bank-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px}
.wallet-bank-bottom small{display:block;opacity:.65;font-size:8px;letter-spacing:.17em;margin-bottom:4px}
.wallet-bank-bottom strong{font-size:22px;font-weight:550;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.wallet-bank-remove{border:0;border-radius:100px;background:rgba(127,127,137,.1);color:inherit;font-family:inherit;font-size:10px;font-weight:500;line-height:1;
  padding:9px 11px;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .2s,transform .25s}
.wallet-bank-remove:active{transform:scale(.9)}
.wallet-bank-under{height:15px;padding:0 23px;display:flex;align-items:center;justify-content:space-between}
.wallet-bank-dots{display:flex;gap:5px;align-items:center}
.wallet-bank-dot{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#cbd5d3;cursor:pointer;
  transition:width .45s cubic-bezier(.22,1,.36,1),background .3s}
.wallet-bank-dot.is-active{width:20px;border-radius:5px;background:#425e5a}
.wallet-bank-position{font-size:10px;letter-spacing:.16em;color:var(--wallet-muted);font-variant-numeric:tabular-nums}
.wallet-empty-bank{margin:0;flex:0 0 calc(100% - 46px);height:190px;border-radius:24px;background:linear-gradient(135deg,#eaf1ef,#e1ebe9);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#607b76}
.wallet-empty-bank strong{color:#34524d;font-size:16px;font-weight:600}
.wallet-empty-bank span:last-child{font-size:12px}
.wallet-empty-mark{font-size:29px;font-weight:200;line-height:1.3}
.wallet-kin-list{padding:0 20px}
.wallet-kin-list .kin-item{min-height:65px;padding:10px 14px;margin:0 0 8px;border-radius:18px;background:rgba(234,240,238,.8);
  box-shadow:none;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s}
.wallet-kin-list .kin-item:active{transform:scale(.985)}
.wallet-kin-list .kin-item + .kin-item{box-shadow:none}
.wallet-kin-list .kin-word b{color:var(--wallet-ink)}
.wallet-kin-list .kin-word span{color:var(--wallet-muted)}
.wallet-kin-list .tm-note{margin:0;padding:18px 4px!important;font-size:13px;color:var(--wallet-muted)}
.wallet-footnote{margin:12px 23px 0;max-width:340px;color:var(--wallet-muted);font-size:11px;line-height:1.6}
@keyframes wallet-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes wallet-float{to{transform:translate3d(-20px,13px,0) scale(1.07)}}
@keyframes wallet-card-glow{to{transform:translate(-24px,23px) scale(1.05)}}
html[data-theme="dark"] [data-view="wallet"]{--wallet-ink:#eef7f4;--wallet-muted:#93a6a2;--wallet-bg:#141416}
html[data-theme="dark"] [data-view="wallet"] .wallet-amt{color:#f5f5f7}
html[data-theme="dark"] [data-view="wallet"] .wallet-label{color:#aaaab2}
html[data-theme="dark"] .wallet-hero-caption{color:#8f8f98}
html[data-theme="dark"] [data-view="wallet"] .wallet-actions{background:linear-gradient(135deg,rgba(67,67,72,.8),rgba(42,42,46,.65));box-shadow:0 12px 28px -12px #0008}
html[data-theme="dark"] [data-view="wallet"] .wallet-actions button{color:#f5f5f7}
html[data-theme="dark"] .wallet-text-action,
html[data-theme="dark"] .wallet-kin-list .kin-item{background:#24312e;color:#d8e7e1}
html[data-theme="dark"] .wallet-empty-bank{background:linear-gradient(135deg,#263b35,#1b2a27);color:#abc2b7}
html[data-theme="dark"] .wallet-empty-bank strong{color:#f0f8f2}
html[data-theme="dark"] .wallet-bank-dot{background:#526761}
html[data-theme="dark"] .wallet-bank-dot.is-active{background:#d5e7dd}
@media(max-width:360px){.wallet-bank-card{padding-inline:18px}.wallet-bank-number{font-size:10px}.wallet-hero{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){[data-view="wallet"] *,[data-view="wallet"] *::before,[data-view="wallet"] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.wallet-bank-track.is-empty{padding:2px 23px 18px}.wallet-bank-track.is-empty .wallet-empty-bank{flex-basis:100%}