/* Wallet presentation only: amounts come from the ledger; estimates never pay. */
#view-wallet{max-width:1560px;margin:0 auto}
#view-wallet .wallet-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:21px}
#view-wallet .wallet-stat-card{padding:22px 24px;min-width:0;border:1px solid #404040;border-radius:23px;background:#272727}
#view-wallet .wallet-stat-card>span{color:#bdbdbd;font-size:13px}
#view-wallet .wallet-stat-card>strong{display:block;margin:14px 0 10px;color:#f1f1f1;font-size:29px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-wallet .wallet-stat-card>p{font-size:12px;color:#929292;margin:0}
#view-wallet .wallet-funding-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:21px;margin-bottom:23px;align-items:stretch}
#view-wallet .wallet-balance-card,#view-wallet .wallet-preview-card{padding:27px;border:1px solid #424242;border-radius:26px;background:#282828;margin:0;min-width:0}
#view-wallet .wallet-balance-heading>div>span{color:#b8b8b8;overflow-wrap:anywhere}
#view-wallet .wallet-balance-heading h2{font-size:15px!important;margin:13px 0 23px;color:#e0e0e0}
#view-wallet .wallet-main-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0 0 13px}
#view-wallet .wallet-main-amount>strong{font-size:48px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1.4px;overflow-wrap:anywhere;min-width:0}
#view-wallet .wallet-main-amount>span{font-size:13px;color:#a7a7a7}
#view-wallet .wallet-balance-state{display:inline-flex;padding:5px 10px;border:1px solid #444;border-radius:999px;font-size:11px;background:#303030}
#view-wallet #walletExchange{font-size:12px;color:#a6a6a6;margin-top:19px}
#view-wallet .wallet-managed-note{display:flex;gap:13px;align-items:flex-start;padding:19px 0 0;margin-top:24px;border-top:1px solid #414141}
#view-wallet .wallet-managed-note>.icon{width:20px;height:20px;color:#bdbdbd;flex:none;margin-top:2px}
#view-wallet .wallet-managed-note b{font-size:13px;color:#dedede;font-weight:500}
#view-wallet .wallet-managed-note p,#view-wallet #walletModeNote{font-size:12px;color:#929292;line-height:1.8}
#view-wallet .wallet-managed-note p{margin:6px 0 0}
#view-wallet #walletModeNote{margin:15px 0 0}
#view-wallet [id][data-balance-state="positive"],#overviewWalletBalance[data-balance-state="positive"]{color:#51d98a}
#view-wallet [id][data-balance-state="zero"],#overviewWalletBalance[data-balance-state="zero"]{color:#fa777c}
#view-wallet [id][data-balance-state="unknown"],#overviewWalletBalance[data-balance-state="unknown"]{color:#959595}
#view-wallet .wallet-balance-state[data-balance-state="positive"]{background:#24392d;border-color:#355d43}
#view-wallet .wallet-balance-state[data-balance-state="zero"]{background:#3a292b;border-color:#664044}
#view-wallet .wallet-preview-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
#view-wallet .wallet-preview-heading>div>span{font-size:12px;color:#9e9e9e}
#view-wallet .wallet-preview-heading h2{font-size:20px;margin:8px 0 0;font-weight:550;color:#f1f1f1}
#view-wallet .wallet-preview-intro{margin:13px 0 21px;font-size:12px;color:#9b9b9b;line-height:1.8}
#view-wallet .wallet-preset-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:21px}
#view-wallet .wallet-preset-options>button{min-width:0;padding:15px 7px;border:1px solid #4c4c4c;border-radius:15px;background:#252525;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
#view-wallet .wallet-preset-options>button:hover{background:#303030;border-color:#6a6a6a}
#view-wallet .wallet-preset-options>button.active{background:#223a2d;border-color:#4b9e69}
#view-wallet .wallet-preset-options b{display:block;color:#eaeaea;font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}
#view-wallet .wallet-preset-options small{display:block;color:#999;font-size:10px;margin-top:7px;overflow-wrap:anywhere}
#view-wallet .wallet-preview-card>label{display:block;font-size:12px;color:#c1c1c1;margin-bottom:8px}
#view-wallet .wallet-amount-input{display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid #4c4c4c;border-radius:13px;background:#202020;min-height:47px;color:#949494}
#view-wallet .wallet-amount-input:focus-within{border-color:#71967e;box-shadow:0 0 0 2px #51d98a12}
#view-wallet .wallet-amount-input>input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee;padding:13px 0;box-shadow:none;font-size:14px}
#view-wallet .wallet-amount-input>input::placeholder{color:#777;font-size:12px}
#view-wallet .wallet-amount-input>span{font-size:13px;flex:none}
#view-wallet .wallet-preview-error{font-size:12px;color:#f18a8e;margin:9px 0 0}
#view-wallet .wallet-preview-result{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding:17px 18px;background:#222;border:1px solid #3a3a3a;border-radius:16px}
#view-wallet .wallet-preview-result>div>span{display:block;font-size:12px;color:#a6a6a6;margin-bottom:7px}
#view-wallet .wallet-preview-result strong{display:block;font-size:25px;font-weight:550;color:#e8e8e8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#view-wallet .wallet-preview-result>small{font-size:11px;color:#929292}
#view-wallet .wallet-preview-summary{font-size:12px;color:#a5a5a5;line-height:1.8;margin:13px 0 0}
#view-wallet .wallet-preview-clear{padding:0;margin-top:12px;border:0;background:none;color:#b0b0b0;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#view-wallet .wallet-preview-clear:hover{color:#eee}
#view-wallet .wallet-payment{border-top:1px solid #414141;margin-top:20px;padding-top:16px}
#view-wallet .wallet-payment-actions{display:flex;flex-wrap:wrap;gap:10px}
#view-wallet .wallet-payment-actions>.primary-button{flex:1 1 12rem;justify-content:center}
#view-wallet .wallet-payment .form-note{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
#view-wallet .wallet-payment .form-note:empty{display:none}
#view-wallet #walletPaymentMode{margin:0 0 10px}
#view-wallet #walletPaymentStatus{margin:10px 0 0}
#view-wallet .wallet-rewards-card{margin-bottom:23px;padding:20px 24px;border:1px solid #3b5a4b;border-radius:22px;background:#222d28}
#view-wallet .wallet-rewards-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}
#view-wallet .wallet-rewards-row h2{margin:0 0 7px;color:#eaf4ee;font-size:17px}
#view-wallet .wallet-rewards-card p{margin:0;color:#b4c9bb;font-size:12px;line-height:1.7}
#view-wallet .wallet-rewards-card .wallet-welcome-reward,#view-wallet .wallet-rewards-card .wallet-check-in-status{margin-top:9px}
#view-wallet .wallet-rewards-card .wallet-check-in-status{color:#ddf1e4}
#view-wallet .wallet-redemption-card{margin-bottom:23px;border-radius:22px;background:#272727}
#view-wallet .wallet-redemption-card h2{margin:0;font-size:17px}
#view-wallet .wallet-redemption-controls{display:flex;flex-wrap:wrap;gap:10px}
#view-wallet .wallet-redemption-controls input{flex:1 1 14rem;min-width:0;width:auto}
#view-wallet #walletRedemptionSubmit{background:#237548;border-color:#237548}
#view-wallet #walletRedemptionSubmit:hover:not(:disabled){background:#287e4e;border-color:#287e4e}
#view-wallet #walletRedemptionSubmit:focus-visible{outline:2px solid #51d98a;outline-offset:3px}
#view-wallet .wallet-rates article{border-radius:22px;background:#272727}
#view-wallet .wallet-ledger-card{border-radius:24px;margin-top:23px}

#view-wallet #walletPurchaseLink{display:flex;justify-content:center;min-height:45px;margin:22px 0 12px}
#view-wallet #walletPurchase>.form-note{font-size:12px;line-height:1.8;color:#aaa}
.wallet-purchase-redemption{box-sizing:border-box;width:min(480px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;margin:auto;padding:25px;border:1px solid #4b4b4b;border-radius:22px;background:#262626;color:#eee;box-shadow:0 26px 80px #0009}
.wallet-purchase-redemption::backdrop{background:#090d12c9}
.wallet-purchase-redemption-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.wallet-purchase-redemption h2{margin:0;font-size:20px}
.wallet-purchase-redemption>p{font-size:13px;color:#bbb;line-height:1.9;margin:17px 0}
.wallet-purchase-redemption form{display:grid;gap:12px;margin-top:17px}
.wallet-purchase-redemption label{font-size:13px;color:#ddd}
.wallet-purchase-redemption input{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #555;border-radius:11px;background:#1e1e1e;color:#eee;font-size:14px}
.wallet-purchase-redemption input:focus-visible{outline:2px solid #51d98a;outline-offset:2px}
.wallet-purchase-redemption .primary-button{justify-content:center;background:#237548;border-color:#237548}
.wallet-purchase-redemption .form-note{font-size:12px;line-height:1.8;margin:0;color:#ddd;overflow-wrap:anywhere}
.wallet-redemption-success>#walletRedeemChat{width:100%;margin-top:10px}

.wallet-redemption-success {
  box-sizing: border-box;
  width: min(380px, calc(100% - 28px));
  max-height: calc(100% - 28px);
  margin: auto;
  padding: clamp(22px, 7vw, 32px);
  border: 1px solid #3c4e60;
  border-radius: 24px;
  background: radial-gradient(ellipse at top, #233c52, transparent 65%), #1e232a;
  color: #f1f5fa;
  box-shadow: 0 26px 80px #0009;
  text-align: center;
}
.wallet-redemption-success::backdrop {
  background: #0b111bd0;
  backdrop-filter: blur(4px);
}
.wallet-redemption-success-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  border: 1px solid #5488af;
  border-radius: 50%;
  background: #263f53;
  color: #a4dbff;
}
.wallet-redemption-success-mark::before {
  position: absolute;
  inset: -1px;
  border: 1px solid #8bcfff;
  border-radius: inherit;
  content: "";
  opacity: 0;
}
.wallet-redemption-success-mark svg { width: 30px; height: 30px; }
.wallet-redemption-success-mark path { stroke-dasharray: 1; }
.wallet-redemption-success h2 { margin: 0; font-size: 21px; font-weight: 600; }
.wallet-redemption-success-amount {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 5px 8px;
  margin: 10px 0 24px;
}
.wallet-redemption-success-amount strong {
  min-width: 0;
  font-size: clamp(29px, 9vw, 42px);
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.wallet-redemption-success-amount span { color: #bdccdb; font-size: 13px; }
.wallet-redemption-success .primary-button { width: 100%; }
.wallet-redemption-success .primary-button:focus-visible { outline: 2px solid #8dcfff; outline-offset: 3px; }

.wallet-redemption-success[open] { animation: wallet-redemption-reveal 220ms ease-out both; }
.wallet-redemption-success[open] .wallet-redemption-success-mark::before { animation: wallet-redemption-ring 580ms ease-out 60ms both; }
.wallet-redemption-success[open] .wallet-redemption-success-mark path { animation: wallet-redemption-check 300ms ease-out 90ms both; }
.wallet-redemption-success[open] .wallet-redemption-success-amount { animation: wallet-redemption-reveal 240ms ease-out 160ms both; }

@keyframes wallet-redemption-reveal {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes wallet-redemption-ring {
  from { opacity: .55; transform: scale(1); }
  to { opacity: 0; transform: scale(1.35); }
}
@keyframes wallet-redemption-check {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .wallet-redemption-success[open],
  .wallet-redemption-success[open] .wallet-redemption-success-mark::before,
  .wallet-redemption-success[open] .wallet-redemption-success-mark path,
  .wallet-redemption-success[open] .wallet-redemption-success-amount { animation-name: none; }
}

@media(max-width:1120px){#view-wallet .wallet-preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){#view-wallet .wallet-funding-grid{grid-template-columns:minmax(0,1fr)}#view-wallet .wallet-preset-options{grid-template-columns:repeat(4,minmax(0,1fr))}#view-wallet .wallet-stat-card{padding:19px}#view-wallet .wallet-stat-card>strong{font-size:25px}}
@media(max-width:580px){#view-wallet .wallet-stat-grid{grid-template-columns:minmax(0,1fr);gap:11px}#view-wallet .wallet-stat-card{padding:18px 20px}#view-wallet .wallet-stat-card>strong{font-size:28px;margin:11px 0 7px}#view-wallet .wallet-balance-card,#view-wallet .wallet-preview-card{padding:22px 20px;border-radius:23px}#view-wallet .wallet-main-amount>strong{font-size:39px}#view-wallet .wallet-preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}#view-wallet .wallet-preview-result{padding:16px}#view-wallet .wallet-preview-result>small{width:100%}}