[data-view='wallet'] .wallet-balance,
[data-view='wallet'] .card-panel {
  border: 1px solid #8dadab38;
  border-radius: 8px;
  background: linear-gradient(150deg, #d1fff70b, transparent 24%), linear-gradient(110deg, #0b211bfa, #040e0df5 52%, #0b372af0);
  box-shadow: inset 7px 0 16px -13px #26ffb177, inset -7px 0 16px -13px #26ffb155, inset 0 1px 0 #c9fff21a, 0 8px 20px #0005;
}
[data-view='wallet'] .card-panel::before,
[data-view='wallet'] .card-panel::after { display: none; }
.wallet-balance { grid-template-columns: minmax(0, 1fr); min-height: 180px; padding: 24px 18px; isolation: isolate; }
.wallet-balance > div { position: relative; z-index: 1; width: 58%; min-width: 0; }
.wallet-balance h1, .wallet-balance p { width: 100%; white-space: nowrap; overflow-wrap: normal; }
.wallet-balance .balance-label { display: none; }
.wallet-balance h1 { margin: 0 0 12px; font-size: 44px; font-weight: 700; line-height: 1.12; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wallet-balance h1 span { font-size: .45em; font-weight: 600; color: #bac7cc; }
.wallet-title { margin: 0 0 13px; font-size: 18px; font-weight: 600; line-height: 1.3; color: #c7d6d2; }
.wallet-balance p { font-size: 20px; font-weight: 600; color: #b7c9c5; }
.wallet-coin-stack { right: -8px; bottom: -8px; width: 196px; height: 196px; opacity: .85; mask-image: linear-gradient(to right, transparent, #0009 25%, #000 60%); filter: drop-shadow(0 10px 12px #0009); }
.wallet-actions { gap: 10px; margin: 16px 0 20px; }
.wallet-actions button { min-width: 0; min-height: 78px; border-radius: 8px; border: 1px solid #8dadab38; background: linear-gradient(145deg, #20342d, #0c1816); font-size: 11px; font-weight: 600; gap: 7px; }
.wallet-actions button[data-wallet-action='withdraw'] { background: linear-gradient(160deg, #02d47a, #00a45c 50%, #006d41); color: #fff; border-color: #80efb55c; box-shadow: inset 0 1px 0 #c9ffe74d, 0 4px 16px #00d8781a; }
.wallet-actions svg { width: 25px; height: 25px; }
.wallet-actions button:active { transform: translateY(1px); }
.wallet-promo { padding: 18px 16px; margin: 0 0 20px; }
.wallet-promo h2, .wallet-history h2 { font-size: 18px; font-weight: 700; }
.wallet-promo-head p { margin-top: 6px; font-size: 12px; color: #a5bcb6; line-height: 1.45; }
.wallet-promo-mark { border: 0; border-radius: 0; background: none; width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; filter: drop-shadow(0 3px 5px #0006); }
.wallet-promo-form { margin-top: 16px; gap: 8px; }
.wallet-promo-form input { height: 46px; border-radius: 6px; border-color: #658b7c42; background: #030e0bb3; font-size: 13px; }
.wallet-promo-form button { min-height: 46px; border-radius: 6px; color: #d8ffeb; background: linear-gradient(145deg, #254636, #11291e); border-color: #80c7a45c; font-size: 11px; padding: 0 12px; }
.wallet-promo-form input:focus { border-color: #65dba6; box-shadow: 0 0 0 2px #2fffa014; }
.wallet-history { padding: 18px 16px 12px; }
.wallet-history-head { margin-bottom: 14px; }
.wallet-history-head span { font-size: 10px; color: #a1b6b0; }
.wallet-history-list { gap: 0; }
.wallet-history-item { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 9px; min-height: 64px; padding: 10px 0; border: 0; border-bottom: 1px solid #6484752b; border-radius: 0; background: none; }
.wallet-history-art { width: 36px; height: 36px; object-fit: contain; filter: drop-shadow(0 2px 4px #0008); }
.wallet-history-item:last-child { border-bottom: 0; }
.wallet-history-item strong { font-size: 12px; font-weight: 600; line-height: 1.4; }
.wallet-history-item small { font-size: 10px; color: #93a9a1; line-height: 1.5; }
.wallet-history-item em { font-size: 11px; font-weight: 600; }
.wallet-history-dot { width: 30px; height: 30px; background: #153d2e; box-shadow: inset 0 0 0 1px #59b68e55; }
.wallet-history-dot::after { width: 11px; height: 11px; border-radius: 1px; background: none; border-top: 2px solid #7affba; border-right: 2px solid #7affba; transform: rotate(-45deg) translate(-1px, 1px); }
.wallet-history-item.is-negative .wallet-history-dot { background: #26342f; box-shadow: inset 0 0 0 1px #a9bdb33b; }
.wallet-history-item.is-negative .wallet-history-dot::after { border-color: #b1c5bc; transform: rotate(135deg) translate(-1px, 1px); }
@media (max-width: 360px) {
  .wallet-balance { min-height: 164px; padding: 22px 15px; }
  .wallet-balance h1 { font-size: 37px; }
  .wallet-balance p { font-size: 17px; }
  .wallet-coin-stack { width: 170px; height: 170px; right: -14px; }
  .wallet-actions { gap: 8px; }
  .wallet-actions button { font-size: 10px; }
  .wallet-promo-form { grid-template-columns: minmax(0, 1fr) auto; }
  .wallet-promo-form button { font-size: 10px; padding: 0 9px; }
  .wallet-history-item { gap: 7px; }
  .wallet-history-item strong, .wallet-history-item em { font-size: 10px; }
}