.points-wallet{
  --wallet-bg:#0b1729;
  --wallet-surface:#102139;
  --wallet-surface-strong:#142844;
  --wallet-line:rgba(155,181,216,.20);
  --wallet-text:#f3f7ff;
  --wallet-muted:#9fb1c9;
  --wallet-teal:#50ddca;
  --wallet-purple:#aa7cff;
  width:min(860px,92vw);
  color:var(--wallet-text);
}
.wallet-head{
  display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;
  padding:28px;border:1px solid rgba(145,100,255,.48);border-radius:22px;
  background:
    radial-gradient(circle at 88% 18%,rgba(139,91,255,.24),transparent 38%),
    linear-gradient(135deg,#11223b 0%,#211b4b 100%);
  color:var(--wallet-text);box-shadow:0 22px 55px rgba(0,0,0,.22);
}
.wallet-eyebrow{display:block;margin-bottom:10px;color:var(--wallet-teal);font-size:12px;font-weight:800;letter-spacing:.12em}
.wallet-head h2{margin:0 0 8px;font-size:clamp(25px,4vw,38px);color:var(--wallet-text)!important}
.wallet-head p{margin:0;color:#bdc9dc!important}
.wallet-balance{
  min-width:175px;padding:20px;text-align:center;
  border:1px solid rgba(255,255,255,.15);border-radius:18px;
  background:rgba(8,20,37,.58);box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.wallet-balance span,.wallet-balance small{display:block;color:#c7d2e4}
.wallet-balance strong{display:block;margin:3px 0;font-size:48px;line-height:1;color:var(--wallet-teal)}
.wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 24px}
.wallet-stats>div{
  padding:17px;border:1px solid var(--wallet-line);border-radius:16px;
  background:linear-gradient(145deg,var(--wallet-surface-strong),var(--wallet-surface));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.wallet-stats span{display:block;color:var(--wallet-muted);font-size:13px}
.wallet-stats b{display:block;margin-top:5px;font-size:24px;color:var(--wallet-teal)}
.wallet-section-head h3{margin:0;color:var(--wallet-text)!important}
.wallet-section-head p{margin:3px 0 10px;color:var(--wallet-muted)!important}
.wallet-list{
  overflow:hidden;border:1px solid var(--wallet-line);border-radius:17px;
  background:linear-gradient(180deg,#102139,#0d1c31);
}
.wallet-row{
  display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;
  min-height:74px;padding:12px 16px;border-bottom:1px solid var(--wallet-line);
}
.wallet-row:last-child{border-bottom:0}
.wallet-row:hover{background:rgba(255,255,255,.018)}
.wallet-row-icon{
  display:grid;place-items:center;width:42px;height:42px;border-radius:13px;
  border:1px solid rgba(80,221,202,.20);background:rgba(80,221,202,.10);
  color:var(--wallet-teal);font-size:20px;
}
.wallet-row-copy b,.wallet-row-copy span{display:block}
.wallet-row-copy b{color:var(--wallet-text)}
.wallet-row-copy span{margin-top:3px;color:var(--wallet-muted);font-size:13px}
.wallet-row>strong{font-size:18px}
.wallet-row>strong.positive{color:var(--wallet-teal)}
.wallet-row>strong.negative{color:#ff8b91}
.wallet-empty{padding:38px 20px;text-align:center;color:var(--wallet-text)}
.wallet-empty>span{display:block;font-size:34px;color:var(--wallet-purple)}
.wallet-empty p{margin:4px 0 0;color:var(--wallet-muted)!important}
.wallet-info{
  display:flex;gap:12px;justify-content:space-between;margin-top:14px;
  padding:14px 16px;border:1px solid rgba(233,161,59,.25);border-radius:14px;
  background:rgba(233,161,59,.09);color:#ffe6b5;
}
.wallet-info b{color:#ffe0a1}
.wallet-info span{color:#c9b994;text-align:right}
.points-wallet>.actions{
  margin-top:16px;padding-top:16px;border-top:1px solid var(--wallet-line);
  background:transparent!important;
}
@media(max-width:640px){
  .points-wallet{width:100%}
  .wallet-head{grid-template-columns:1fr;padding:21px}
  .wallet-balance{min-width:0}
  .wallet-stats{grid-template-columns:1fr}
  .wallet-row{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 10px}
  .wallet-row-copy{min-width:0}.wallet-row-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wallet-info{display:block}.wallet-info span{display:block;margin-top:5px;text-align:left}
}