/* =========================================================
   VELTRIX MOBILE POLISH — Apple-inspired, stable viewport
   Scoped to the wallet dashboard so auth screens stay unchanged.
========================================================= */
html { -webkit-text-size-adjust: 100%; }
.dashboard-page.wd {
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  overflow-x: clip;
  background: #fff;
  animation: wdDashboardEnter .38s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes wdDashboardEnter {
  from { opacity: 0; }
  to { opacity: 1; }
}
.wd-screen {
  box-sizing: border-box;
  width: 100%;
  max-width: 440px;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  margin-inline: auto;
  padding-top: max(14px, env(safe-area-inset-top));
  padding-right: max(18px, env(safe-area-inset-right));
  padding-bottom: max(24px, env(safe-area-inset-bottom));
  padding-left: max(18px, env(safe-area-inset-left));
  transform: none;
}
.wd-header {
  position: relative;
  z-index: 5;
  min-height: 42px;
  gap: 9px;
  padding: 3px 0 0;
}
.wd-avatar, .wd-icon-btn { transition: transform .18s ease, background-color .18s ease; }
.wd-avatar:active, .wd-icon-btn:active { transform: scale(.94); }
.wd-search {
  border: 1px solid transparent;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.wd-search:focus-within {
  background: #f7f7f9;
  border-color: #e3e4e8;
  box-shadow: 0 0 0 3px rgba(20,20,25,.035);
}
.wd-balance, .wd-actions, .wd-assets, .wd-card-stack-section {
  animation: wdContentEnter .42s cubic-bezier(.2,.7,.2,1) both;
}
.wd-actions { animation-delay: .035s; }
.wd-assets { animation-delay: .07s; }
.wd-card-stack-section { animation-delay: .1s; }
@keyframes wdContentEnter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
.wd-assets {
  border-color: #f0f0f3;
  box-shadow: 0 8px 28px rgba(25,25,35,.045);
}
.wd-circle { transition: transform .2s ease, background-color .2s ease; }
.wd-actions button:active .wd-circle { transform: scale(.94); }
.wd-search-panel {
  box-sizing: border-box;
  width: 100%;
  max-height: calc(100dvh - 70px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin-top: 20px;
  padding-bottom: max(20px, env(safe-area-inset-bottom));
  overscroll-behavior: contain;
  animation: wdSearchEnter .24s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes wdSearchEnter {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.wd.searching-crypto .wd-screen { min-height: 100dvh; }
.wd.searching-crypto .wd-search-panel { display: block; }
.wd-market-row { min-height: 62px; padding: 11px 2px; }
/* Smaller, balanced coin marks like modern wallet asset lists. */
.wd-market-coin {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  font-size: 10px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.035);
}
.wd-market-coin img { width: 100%; height: 100%; object-fit: contain; padding: 0; }
.wd-market-name { gap: 3px; }
.wd-market-values { min-width: 84px; }
.wd-market-loading { display: flex; align-items: center; gap: 11px; min-height: 62px; border-bottom: 1px solid #f0f1f4; }
.wd-market-skeleton { border-radius: 7px; background: linear-gradient(90deg,#f0f1f4 25%,#e6e7eb 38%,#f0f1f4 62%); background-size: 400% 100%; animation: wdSkeletonPulse 1.25s ease infinite; }
.wd-market-skeleton.coin { width: 28px; height: 28px; border-radius: 50%; flex: 0 0 28px; }
.wd-market-skeleton.lines { width: 42%; height: 26px; }
.wd-market-skeleton.price { width: 23%; height: 26px; margin-left: auto; }
@keyframes wdSkeletonPulse { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
.wd button:focus-visible, .wd input:focus-visible { outline: 2px solid #777b86; outline-offset: 3px; }
@media (max-width: 360px) {
  .wd-screen { padding-left: max(13px, env(safe-area-inset-left)); padding-right: max(13px, env(safe-area-inset-right)); }
  .wd-market-row { gap: 9px; }
  .wd-market-coin { width: 26px; height: 26px; flex-basis: 26px; }
  .wd-market-skeleton.coin { width: 26px; height: 26px; flex-basis: 26px; }
  .wd-market-values { min-width: 76px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-page.wd, .wd-balance, .wd-actions, .wd-assets, .wd-card-stack-section, .wd-search-panel, .wd-market-skeleton { animation: none !important; }
  .wd-search, .wd-avatar, .wd-icon-btn, .wd-circle, .wd-market-row { transition: none !important; }
}

/* Search input: remove the inner browser focus rectangle on mobile. */
.wd .wd-search input,
.wd .wd-search input[type="search"],
.wd .wd .wd-search input:focus,
.wd .wd .wd-search input:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; -webkit-appearance: none; appearance: none; }
.wd .wd-search input[type="search"]::-webkit-search-decoration,
.wd .wd-search input[type="search"]::-webkit-search-cancel-button,
.wd .wd-search input[type="search"]::-webkit-search-results-button,
.wd .wd-search input[type="search"]::-webkit-search-results-decoration { display: none; }
.wd .wd-currency-trigger { display:inline-flex; align-items:center; gap:6px; padding:2px 0; border:0; background:transparent; color:#555; font:inherit; font-size:12px; font-weight:600; cursor:none; border-radius:6px; }
.wd .wd-currency-trigger:focus-visible { outline:2px solid #9ca3af; outline-offset:4px; }
.wd-currency-overlay { position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(15,18,28,.42); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); animation:wdCurrencyFade .18s ease-out; }
.wd-currency-overlay[hidden] { display:none !important; }
.wd-currency-modal { width:min(100%,420px); max-height:min( min(720px, 86dvh), 760px); display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid rgba(20,24,35,.08); border-radius:24px; box-shadow:0 24px 80px rgba(0,0,0,.22); animation:wdCurrencyRise .22s ease-out; }
.wd-currency-modal-head { display:flex; justify-content:space-between; gap:16px; padding:23px 22px 16px; }
.wd-currency-eyebrow { color:#8a8d98; font-size:9px; font-weight:650; letter-spacing:1.7px; }
.wd-currency-modal-head h2 { margin:6px 0 5px; color:#17181c; font-size:21px; letter-spacing:-.7px; }
.wd-currency-modal-head p { margin:0; color:#81838d; font-size:11px; line-height:1.5; }
.wd .wd-currency-close { flex:0 0 34px; width:34px; height:34px; border:0; border-radius:50%; background:#f3f4f6; color:#34363c; font-size:22px; line-height:1; cursor:none; }
.wd-currency-search { display:flex; align-items:center; gap:10px; margin:0 18px 12px; padding:0 13px; height:45px; flex-shrink:0; border:1px solid #e8e9ed; border-radius:13px; background:#f8f9fb; color:#858894; font-size:21px; }
.wd-currency-search input { width:100%; min-width:0; border:0 !important; outline:none !important; box-shadow:none !important; background:transparent; color:#202127; font:inherit; font-size:12px; }
.wd-currency-list { overflow:auto; overscroll-behavior:contain; padding:0 12px 14px; }
.wd-currency-option { display:flex; align-items:center; gap:12px; width:100%; min-height:58px; padding:10px 10px; border:0; border-radius:13px; background:#fff; text-align:left; cursor:none; }
.wd-currency-option:hover,.wd-currency-option:focus-visible { background:#f5f6f8; outline:none; }
.wd-currency-flag { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:11px; background:#f2f3f6; font-size:18.5px; }
.wd-currency-info { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.wd-currency-info strong { color:#222329; font-size:12px; font-weight:600; }
.wd-currency-info small { color:#858792; font-size:10px; }
.wd-currency-code { color:#5c5f69; font-size:11px; font-weight:600; }
.wd-currency-option[aria-selected="true"] { background:#f0f5ff; }
.wd-currency-option[aria-selected="true"] .wd-currency-code { color:#356ee6; }
.wd-currency-empty { padding:24px 12px; color:#81838d; text-align:center; font-size:12px; }
@keyframes wdCurrencyFade { from{opacity:0}to{opacity:1} }
@keyframes wdCurrencyRise { from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)} }
@media (prefers-reduced-motion:reduce) { .wd-currency-overlay,.wd-currency-modal { animation:none !important; } }

/* Full-page notification and QR scanner sections. */
.wd-feature-page[hidden]{display:none!important}
.wd-feature-page{position:fixed;inset:0;z-index:12000;background:#fff;color:#17181d;overflow:auto;padding: max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));animation:wdFeatureEnter .22s ease-out both}
.wd-feature-header{display:flex;align-items:center;gap:15px;max-width:680px;margin:8px auto 0}
.wd-feature-back{width:42px;height:42px;border:1px solid #eceef2;background:#f8f9fb;border-radius:50%;font-size:28.5px;line-height:1;color:#202127;cursor:none}
.wd-feature-header>div{flex:1}.wd-feature-header>div>span{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#9295a0}.wd-feature-header h1{font-size:25px;letter-spacing:-.9px;margin:4px 0 0}.wd-feature-header-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f3f5f9;color:#676d7b;font-size:21px}
.wd-empty-state{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(100% - 40px,350px);text-align:center}.wd-empty-illustration{display:grid;place-items:center;width:94px;height:94px;border-radius:30px;background:#f4f6fa;color:#8a92a4;margin:0 auto 24px}.wd-empty-illustration svg{width:53px;height:53px}.wd-empty-state h2{font-size:20px;letter-spacing:-.6px;margin:0 0 9px}.wd-empty-state p{max-width:290px;margin:0 auto;color:#858995;font-size:13px;line-height:1.65}.wd-empty-pill{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:9px 13px;border-radius:999px;background:#f5f7fa;color:#6c7180;font-size:10px;font-weight:600}.wd-empty-pill i,.wd-scanner-live i{width:7px;height:7px;border-radius:50%;background:#30b77b;display:inline-block}
.wd-scanner-page{background:#0a0d13;color:#fff;overflow:hidden;overscroll-behavior:contain}.wd-camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0a0d13;z-index:0}.wd-camera-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,7,13,.75),rgba(4,7,13,.15) 35%,rgba(4,7,13,.2) 65%,rgba(4,7,13,.8));pointer-events:none}.wd-scanner-header{position:relative;z-index:2;display:flex;align-items:center;gap:13px;padding-top:8px}.wd-scanner-back{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(20,24,32,.45);color:white;font-size:25px;cursor:none;backdrop-filter:blur(12px)}.wd-scanner-header>div{flex:1}.wd-scanner-header>div span{font-size:9px;letter-spacing:1.8px;font-weight:650;color:rgba(255,255,255,.65)}.wd-scanner-header h1{font-size:20px;letter-spacing:-.6px;margin:4px 0 0}.wd-scanner-live{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;font-weight:650;color:#e9fff4}.wd-scanner-live i{box-shadow:0 0 0 4px rgba(48,183,123,.18);animation:wdLivePulse 1.5s ease-in-out infinite}
.wd-scanner-content{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-43%);width:min(100% - 36px,360px);display:flex;align-items:center;flex-direction:column;text-align:center}.wd-scanner-instruction{font-size:13px;font-weight:550;color:rgba(255,255,255,.92);margin:0 0 24px}.wd-qr-frame{position:relative;width:min(76vw,290px);height:min(76vw,290px);max-height:34dvh;max-width:34dvh;flex:0 0 auto;border-radius:27px;isolation:isolate}.wd-qr-frame:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.025)}.wd-qr-corner{position:absolute;width:36px;height:36px;border-color:#fff;border-style:solid;z-index:3;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.wd-qr-corner.top-left{top:0;left:0;border-width:3px 0 0 3px;border-radius:10px 0 0}.wd-qr-corner.top-right{top:0;right:0;border-width:3px 3px 0 0;border-radius:0 10px 0 0}.wd-qr-corner.bottom-left{bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 10px}.wd-qr-corner.bottom-right{bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 10px}.wd-qr-scan-line{position:absolute;z-index:4;left:9px;right:9px;top:12%;height:2px;background:linear-gradient(90deg,transparent,#8de8ff 20%,#fff 50%,#8de8ff 80%,transparent);box-shadow:0 0 12px #45cfff,0 0 28px rgba(69,207,255,.75);animation:wdScanSweep 2.3s ease-in-out infinite alternate}.wd-qr-placeholder{position:absolute;inset:24%;display:grid;place-items:center;color:rgba(255,255,255,.27)}.wd-qr-placeholder svg{width:100%;height:100%}.wd-scanner-status{min-height:22px;margin:24px 0 12px;font-size:11px;color:rgba(255,255,255,.78);line-height:1.5}.wd-scanner-upload{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.09);color:#fff;padding:12px 17px;border-radius:999px;font-size:11px;font-weight:600;backdrop-filter:blur(12px);cursor:none}.wd-scanner-upload:active{transform:scale(.98)}
@keyframes wdFeatureEnter{from{opacity:0}to{opacity:1}}@keyframes wdScanSweep{from{top:12%;opacity:.7}to{top:84%;opacity:1}}@keyframes wdLivePulse{50%{box-shadow:0 0 0 7px rgba(48,183,123,0)}}
@media(max-height:600px){.wd-scanner-content{transform:translate(-50%,-42%)}.wd-qr-frame{width:min(48vh,250px);height:min(48vh,250px);max-width:48vh;max-height:48vh}.wd-scanner-instruction{margin-bottom:12px}.wd-scanner-status{margin:12px 0 8px}}
@media(prefers-reduced-motion:reduce){.wd-feature-page,.wd-qr-scan-line,.wd-scanner-live i{animation:none!important}}
/* Keep the mobile search field free of the browser's inner focus rectangle. */
.wd .wd-search input:focus,.wd .wd-search input:focus-visible{outline:0!important;box-shadow:none!important}

/* Final dashboard polish: fixed-feeling header, calmer scale and hierarchy. */
.wd-screen{position:relative;}
.wd-header{position:sticky;top:0;z-index:30;margin-inline:-18px;padding:calc(9px + env(safe-area-inset-top)) 18px 10px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);border-bottom:1px solid rgba(22,24,30,.055);box-shadow:0 7px 22px rgba(18,24,40,.055);transition:background .25s ease,box-shadow .25s ease;}
.wd-header::after{content:"";position:absolute;inset:auto 0 -12px;height:12px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);}
.wd-header .wd-search{min-width:0;}
.wd-balance{margin-top:30px;}
.wd :is(h1,h2,h3){letter-spacing:-.035em;}
.wd .wd-label,.wd .wd-stack-kicker{font-size:10px;letter-spacing:.095em;}
.wd .wd-amount{font-size:clamp(25px,7vw,31.5px);line-height:1.12;font-weight:600;}
.wd .wd-actions button{font-size:11px;line-height:1.25;}
.wd .wd-list{font-size:13px;}
.wd .wd-icon-btn svg{width:22px;height:22px;}
.wd-scanner-header{display:flex;align-items:center;gap:12px;}
@media(max-width:380px){.wd-header{gap:7px;padding-inline:14px;margin-inline:-14px}.wd .wd-amount{font-size:25px}.wd .wd-actions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wd-header{transition:none}}

/* Currency selector stability: keep the dialog centered without transform-based entrance motion. */
.wd-currency-overlay { animation: wdCurrencyOverlayFade .16s ease-out both !important; }
.wd-currency-modal { animation: wdCurrencyModalFade .16s ease-out both !important; transform: none !important; }
@keyframes wdCurrencyOverlayFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes wdCurrencyModalFade { from { opacity: .82; } to { opacity: 1; } }
.wd-currency-modal, .wd-currency-overlay { will-change: opacity; }
@media (prefers-reduced-motion: reduce) {
 .wd-currency-overlay, .wd-currency-modal { animation: none !important; }
}

/* Premium deposit flow */
.wd-deposit-page { background:#f7f8fa; color:#17181c; }
.wd-deposit-intro, .wd-deposit-detail-intro { padding:22px 22px 16px; }
.wd-deposit-eyebrow { display:block; color:#858995; font-size:9px; font-weight:650; letter-spacing:1.6px; }
.wd-deposit-intro h2, .wd-deposit-detail-intro h2 { margin:7px 0 6px; font-size:24px; line-height:1.16; letter-spacing:-.8px; font-weight:650; }
.wd-deposit-intro p, .wd-deposit-detail-intro p { margin:0; color:#7c808b; font-size:12px; line-height:1.55; }
.wd-deposit-coin-list { margin:0 16px 28px; padding:5px 12px; border:1px solid #e9eaf0; border-radius:22px; background:rgba(255,255,255,.92); box-shadow:0 8px 28px rgba(20,25,40,.045); }
.wd-deposit-coin { display:flex; align-items:center; gap:13px; width:100%; min-height:70px; padding:10px 4px; border:0; border-bottom:1px solid #f0f1f4; background:transparent; text-align:left; cursor:none; }
.wd-deposit-coin:last-child { border-bottom:0; }
.wd-deposit-coin:active { background:#f8f9fb; }
.wd-deposit-coin-icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:50%; background:color-mix(in srgb,var(--coin-color) 12%,white); color:var(--coin-color); font-size:14.5px; font-weight:650; overflow:hidden; }
.wd-deposit-coin-icon img { width:26px; height:26px; object-fit:contain; }
.wd-deposit-coin-meta { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
.wd-deposit-coin-meta strong { color:#202127; font-size:13px; font-weight:600; }
.wd-deposit-coin-meta small { color:#858995; font-size:11px; }
.wd-deposit-coin-arrow { color:#a0a3ac; font-size:23px; font-weight:300; }
.wd-deposit-address-card { margin:0 18px 20px; padding:22px 18px; border:1px solid #e9eaf0; border-radius:24px; background:#fff; box-shadow:0 12px 35px rgba(25,30,45,.055); }
.wd-deposit-qr-wrap { display:flex; flex-direction:column; align-items:center; gap:12px; padding:5px 0 22px; }
.wd-deposit-qr-wrap img { display:block; width:190px; height:190px; object-fit:contain; padding:10px; border:1px solid #eff0f3; border-radius:18px; background:#fff; }
.wd-deposit-qr-wrap span { color:#9295a0; font-size:9px; font-weight:650; letter-spacing:1.4px; }
.wd-deposit-address-label { display:block; margin-bottom:8px; color:#737783; font-size:11px; font-weight:600; }
.wd-deposit-address-row { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid #e7e9ef; border-radius:13px; background:#f8f9fb; }
.wd-deposit-address-row code { min-width:0; flex:1; overflow-wrap:anywhere; color:#333641; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; line-height:1.5; }
.wd-deposit-address-row button, .wd-deposit-back-list { flex-shrink:0; padding:9px 12px; border:0; border-radius:10px; background:#17181c; color:#fff; font-size:11px; font-weight:600; cursor:none; }
.wd-deposit-warning { margin:15px 0 0; color:#a36d20; font-size:10px; line-height:1.5; }
.wd-deposit-back-list { display:block; margin:0 auto 30px; padding:12px 18px; background:#e9ebf0; color:#282a31; }
@media(max-width:380px) { .wd-deposit-intro h2,.wd-deposit-detail-intro h2 {font-size:21px}.wd-deposit-address-card{margin-inline:12px;padding:17px 13px}.wd-deposit-qr-wrap img{width:170px;height:170px} }

/* Deposit asset picker reuses the dashboard's existing crypto-search styling. */
.wd-deposit-page { background:#fff; color:#17171c; }
.wd-deposit-page .wd-feature-header { background:rgba(255,255,255,.92); }
.wd-deposit-picker-heading { margin:0 0 20px; padding:4px 2px 0; }
.wd-deposit-picker-heading h2 { font-size:23px; line-height:1.18; letter-spacing:-.75px; font-weight:650; }
.wd-deposit-picker-heading p { font-size:11px; line-height:1.5; }
.wd-deposit-coin-list { margin:0; padding:0 0 20px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.wd-deposit-market-row { min-height:62px; padding:11px 2px; }
.wd-deposit-market-row .wd-market-values { min-width:90px; }
.wd-deposit-market-row .wd-market-values b { font-size:11px; font-weight:600; }
.wd-deposit-market-row .wd-market-values small { font-size:9px; }
.wd-deposit-page .wd-feature-header + #depositCoinPicker { padding-top:18px; }
.wd-deposit-page .wd-deposit-detail-intro { padding:20px 2px 16px; }
.wd-deposit-page .wd-deposit-address-card { margin:0 0 20px; border-radius:22px; box-shadow:0 8px 28px rgba(20,25,40,.055); }
/* Deposit receive details: polished bottom sheet inspired by the supplied reference. */
.wd-deposit-page #depositCoinDetails[hidden]{display:none!important}
.wd-deposit-page #depositCoinDetails:not([hidden]){position:fixed;z-index:1200;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);max-height:min(92dvh,900px);overflow-y:auto;overscroll-behavior:contain;background:var(--wd-surface,#fff);color:var(--wd-text,#17171c);border-radius:30px 30px 0 0;padding:18px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(10,15,30,.2);animation:wdDepositSheetIn .28s cubic-bezier(.2,.8,.2,1) both}
.wd-deposit-page:has(#depositCoinDetails:not([hidden])):after{content:"";position:fixed;inset:0;z-index:1199;background:transparent;animation:none}
.wd-deposit-page #depositCoinDetails:not([hidden]){z-index:1200}
.wd-deposit-detail-intro{position:relative;text-align:center;padding:10px 8px 16px!important}
.wd-deposit-detail-intro:before{display:none!important}
.wd-deposit-detail-intro .wd-deposit-eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:650}
.wd-deposit-detail-intro h2{font-size:20px;letter-spacing:-.45px;margin:7px 0}
.wd-deposit-detail-intro p{font-size:11px;line-height:1.5;max-width:340px;margin:0 auto}
.wd-deposit-address-card{padding:18px!important;border:1px solid rgba(120,125,145,.16);background:var(--wd-card,#f7f8fb);border-radius:24px!important;box-shadow:0 5px 20px rgba(15,20,40,.05)!important}
.wd-deposit-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 20px}
.wd-deposit-qr-wrap img{width:min(66vw,245px);height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:16px;padding:10px}
.wd-deposit-qr-wrap span{font-size:9px;letter-spacing:1.3px;font-weight:650;color:#858995}
.wd-deposit-address-label{font-size:11px!important;font-weight:600!important;color:var(--wd-text,#17171c)!important}
.wd-deposit-address-row{background:var(--wd-input,#fff)!important;border-color:rgba(120,125,145,.22)!important;border-radius:15px!important;padding:10px!important}
.wd-deposit-address-row button{border-radius:12px!important;background:var(--wd-accent,#20243a)!important;padding:11px 14px!important}
.wd-deposit-warning{font-size:9px!important;margin-top:13px!important}
.wd-deposit-back-list{width:100%;margin:14px 0 0!important;border-radius:16px!important;padding:14px!important;background:var(--wd-accent,#20243a)!important;color:#fff!important}
@keyframes wdDepositSheetIn{from{transform:translate(-50%,28px);opacity:.65}to{transform:translate(-50%,0);opacity:1}}
@keyframes wdDepositBackdropIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.wd-deposit-page #depositCoinDetails:not([hidden]),.wd-deposit-page:has(#depositCoinDetails:not([hidden])):after{animation:none!important}}

/* Receive-token picker: follows the supplied reference layout while retaining Veltrix colors. */
.wd-deposit-page #depositCoinPicker{min-height:100%;padding:20px 20px 104px;box-sizing:border-box}
.wd-deposit-trending-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 28px}
.wd-deposit-trending-head h2{font-size:22px;line-height:1.15;letter-spacing:-.55px;font-weight:650;margin:0}
.wd-deposit-tabs{display:flex;align-items:center;gap:7px}
.wd-deposit-tabs button{border:0;border-radius:999px;background:transparent;color:var(--wd-muted,#858995);font-size:13px;font-weight:600;padding:12px 17px;min-height:42px}
.wd-deposit-tabs button.active{background:var(--wd-accent-soft,#ececf5);color:var(--wd-text,#17171c)}
.wd-deposit-list-caption{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;padding:0 2px;color:var(--wd-muted,#858995);font-size:9px;font-weight:650;letter-spacing:1.15px}
.wd-deposit-coin-list{padding:0 0 8px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.wd-deposit-market-row{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:13px 2px!important;border:0!important;border-bottom:1px solid var(--wd-border,rgba(120,125,145,.16))!important;border-radius:0!important;background:transparent!important;text-align:left;width:100%}
.wd-deposit-market-row:last-child{border-bottom:0!important}
.wd-deposit-market-row .wd-market-coin{width:44px!important;height:44px!important;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.wd-deposit-market-row .wd-market-coin img{width:100%;height:100%;object-fit:cover}
.wd-deposit-market-row .wd-market-name{min-width:0;display:flex;flex-direction:column;gap:4px}
.wd-deposit-market-row .wd-market-name b{font-size:14px;line-height:1.25;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-deposit-market-row .wd-market-name small{font-size:10px;line-height:1.3;color:var(--wd-muted,#858995);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-deposit-market-row .wd-market-values{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:80px}
.wd-deposit-market-row .wd-market-values b{font-size:14px;line-height:1.2;font-weight:650;white-space:nowrap}
.wd-deposit-market-row .wd-market-values small{font-size:11px;line-height:1.2;font-weight:600;white-space:nowrap}
.wd-deposit-market-row .wd-market-values small.positive{color:#22a879}.wd-deposit-market-row .wd-market-values small.negative{color:#d95d69}
.wd-deposit-bottom-search{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center;padding:12px 18px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(180deg,transparent,var(--wd-surface,#fff) 24%);}
.wd-deposit-count,.wd-deposit-clear{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--wd-card,#f1f2f7);color:var(--wd-text,#17171c);font-size:20px;font-weight:600}
.wd-deposit-count{font-size:13px;border:1px solid var(--wd-border,rgba(120,125,145,.18))}
.wd-deposit-search-field{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 15px;border-radius:999px;background:var(--wd-card,#f1f2f7);border:1px solid var(--wd-border,rgba(120,125,145,.16));min-height:48px}
.wd-deposit-search-field input{min-width:0;width:100%;border:0;outline:0!important;box-shadow:none!important;background:transparent;color:var(--wd-text,#17171c);font:inherit;font-size:13px}
.wd-deposit-search-field input::placeholder{color:var(--wd-muted,#858995)}
.wd-deposit-search-field button{border:0;border-radius:999px;background:var(--wd-accent-soft,#e7e8f1);color:var(--wd-text,#17171c);font-size:11px;font-weight:600;padding:11px 14px;flex-shrink:0}
.wd-deposit-empty{padding:32px 10px;text-align:center;color:var(--wd-muted,#858995);font-size:12px}
@media(max-width:380px){.wd-deposit-page #depositCoinPicker{padding-left:15px;padding-right:15px}.wd-deposit-trending-head h2{font-size:19.5px}.wd-deposit-tabs button{padding:10px 12px;font-size:11px}.wd-deposit-market-row{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;min-height:74px}.wd-deposit-market-row .wd-market-coin{width:38px!important;height:38px!important}.wd-deposit-market-row .wd-market-name b,.wd-deposit-market-row .wd-market-values b{font-size:12px}.wd-deposit-market-row .wd-market-values{min-width:66px}.wd-deposit-bottom-search{padding-left:12px;padding-right:12px;grid-template-columns:42px minmax(0,1fr) 42px;gap:7px}.wd-deposit-count,.wd-deposit-clear{width:40px;height:40px}}

/* Deposit list refinements: Trending / Tokens / dApps is the section header. */
.wd-deposit-page #depositCoinPicker{padding-top:26px!important}
.wd-deposit-trending-head{margin-top:2px!important;margin-bottom:28px!important}
.wd-deposit-market-row .wd-market-coin{width:32px!important;height:32px!important;flex-basis:32px!important;background:transparent!important}
.wd-deposit-market-row .wd-market-coin img{width:100%;height:100%;object-fit:contain!important;padding:0!important;border-radius:50%}
.wd-deposit-market-row{grid-template-columns:36px minmax(0,1fr) auto!important;gap:12px!important;min-height:90px!important;padding:15px 2px!important}
.wd-deposit-market-row .wd-market-name b{font-size:14.5px!important;font-weight:650!important;letter-spacing:-.2px}
.wd-deposit-market-row .wd-market-name small{font-size:11px!important}
.wd-deposit-market-row .wd-market-values b{font-size:14.5px!important;font-weight:650!important}
.wd-deposit-market-row .wd-market-values small{font-size:12px!important}
.wd-deposit-clear{font-size:0!important}
.wd-deposit-clear::before{content:"×";font-size:24px;line-height:1}
@media(max-width:380px){.wd-deposit-market-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;min-height:82px!important}.wd-deposit-market-row .wd-market-coin{width:30px!important;height:30px!important;flex-basis:30px!important}.wd-deposit-market-row .wd-market-name b,.wd-deposit-market-row .wd-market-values b{font-size:13px!important}.wd-deposit-market-row .wd-market-name small{font-size:10px!important}.wd-deposit-market-row .wd-market-values small{font-size:10px!important}}


/* ===== Deposit picker: Trending / Tokens / dApps = fixed see-through header; list matches search bar width ===== */
.wd-deposit-page #depositCoinPicker{width:100%;max-width:560px;margin:0 auto;box-sizing:border-box;padding:0 18px 104px!important}
.wd-deposit-trending-head{position:sticky;top:0;z-index:25;margin:0 0 6px!important;padding:22px 0 14px;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wd-deposit-list-caption{padding:0 2px}
.wd-deposit-page .wd-deposit-coin-list{width:100%;box-sizing:border-box;margin:0!important;padding:0 0 12px!important}
.wd-deposit-market-row{width:100%;box-sizing:border-box;min-height:84px!important;padding:14px 2px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:13px!important}
/* logos: smaller, real logo on its real brand colour */
.wd-market-coin,.wd-deposit-market-row .wd-market-coin{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%;background:var(--coin-color,#333)!important;color:#fff;font-size:12px;font-weight:650;overflow:hidden;display:grid;place-items:center;box-shadow:none}
.wd-market-coin img,.wd-deposit-market-row .wd-market-coin img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;border-radius:50%;display:block}
.wd-market-skeleton.coin{width:30px;height:30px;flex-basis:30px}
@media(max-width:380px){.wd-deposit-page #depositCoinPicker{padding-left:12px!important;padding-right:12px!important}.wd-market-coin,.wd-deposit-market-row .wd-market-coin{width:28px!important;height:28px!important;flex-basis:28px!important}.wd-deposit-market-row{grid-template-columns:32px minmax(0,1fr) auto!important;gap:10px!important}}

/* ===== Deposit picker: header + list are FULL SCREEN WIDTH (edge to edge) ===== */
.wd-deposit-page{padding-left:0!important;padding-right:0!important}
.wd-deposit-page #depositCoinPicker{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 104px!important}
.wd-deposit-trending-head{width:100%;box-sizing:border-box;padding:22px 18px 14px!important;margin:0!important}
.wd-deposit-list-caption{padding:0 18px!important}
.wd-deposit-page .wd-deposit-coin-list{width:100%!important;max-width:none!important}
.wd-deposit-market-row{width:100%!important;padding-left:18px!important;padding-right:18px!important}
.wd-deposit-bottom-search{width:100%!important;max-width:none!important}
@media(max-width:380px){.wd-deposit-page #depositCoinPicker{padding-left:0!important;padding-right:0!important}.wd-deposit-trending-head{padding-left:14px!important;padding-right:14px!important}.wd-deposit-list-caption{padding:0 14px!important}.wd-deposit-market-row{padding-left:14px!important;padding-right:14px!important}}

/* Deposit header pinned flush to the top of its section; align close control precisely. */
.wd-deposit-page { padding-top:0!important; }
.wd-deposit-page #depositCoinPicker { padding-top:0!important; }
.wd-deposit-page .wd-deposit-trending-head {
  position:sticky!important; top:0!important; z-index:40!important;
  margin:0 0 18px!important;
  padding: max(10px, env(safe-area-inset-top)) 18px 14px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.24)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
.wd-deposit-page .wd-deposit-clear {
  display:flex!important; align-items:center!important; justify-content:center!important;
  position:relative!important; padding:0!important; line-height:1!important;
  text-align:center!important; box-sizing:border-box!important;
}
.wd-deposit-page .wd-deposit-clear::before {
  display:block!important; position:static!important;
  transform:none!important; margin:0!important; padding:0!important;
  line-height:1!important; width:auto!important; height:auto!important;
  font-size:24px!important; font-family:Arial,sans-serif!important;
}


/* Cryptocurrency marketplace detail view — aligned to the supplied mobile reference. */
.wd-market-detail-page{background:#0e1019!important;color:#f7f7fb!important;padding:0 0 calc(92px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
.wd-market-detail-page[hidden]{display:none!important}
.wd-market-detail-header{height:88px;padding:calc(16px + env(safe-area-inset-top)) 22px 12px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:sticky;top:0;z-index:5;background:rgba(14,16,25,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wd-detail-round{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;background:#1b1e30;color:#f8f8fc;display:grid;place-items:center;padding:0;cursor:none}
.wd-detail-round svg{width:25px;height:25px;display:block}.wd-detail-header-spacer{flex:1}
.wd-market-detail-main{width:100%;max-width:680px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.wd-detail-asset-head{display:flex;align-items:center;gap:13px;min-height:118px;padding:12px 0 22px}
.wd-detail-coin{width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#202338}.wd-detail-coin img{width:100%;height:100%;object-fit:contain;display:block}
.wd-detail-asset-name{min-width:0;flex:1}.wd-detail-asset-name h2{margin:0 0 8px;font-size:22px;line-height:1.1;font-weight:650;letter-spacing:-.5px}.wd-detail-asset-name p{margin:0;color:#9699a9;font-size:13px;display:flex;align-items:center;gap:7px;white-space:nowrap}.wd-detail-asset-name p button{border:0;background:transparent;color:#9296a9;font-size:20px;padding:0;line-height:1}
.wd-detail-price{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:48%;}.wd-detail-price strong{font-size:clamp(15.5px,4.8vw,23px);line-height:1.1;letter-spacing:-.4px;white-space:nowrap}.wd-detail-price span{font-size:11px;font-weight:600;white-space:nowrap;color:#32b980}.wd-detail-price span.down{color:#e76570}
.wd-detail-chart-wrap{position:relative;height:clamp(280px,67vw,490px);margin:0 -22px 8px;overflow:hidden}.wd-detail-chart-wrap canvas{display:block;width:100%;height:100%}.wd-detail-chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;opacity:.7;pointer-events:none}.wd-detail-chart-loading span{height:25%;width:7px;border-radius:6px;background:#25283a;animation:wdChartPulse 1s ease-in-out infinite alternate}.wd-detail-chart-loading span:nth-child(2){height:42%;animation-delay:.1s}.wd-detail-chart-loading span:nth-child(3){height:30%;animation-delay:.2s}.wd-detail-chart-loading span:nth-child(4){height:58%;animation-delay:.3s}.wd-detail-chart-loading span:nth-child(5){height:36%;animation-delay:.4s}.wd-detail-chart-loading span:nth-child(6){height:18%;animation-delay:.5s}.wd-detail-chart-loading.loaded{display:none}@keyframes wdChartPulse{to{opacity:.25}}
.wd-chart-price-pill{position:absolute;right:0;bottom:14%;background:#5145ef;color:white;padding:5px 10px;border-radius:16px 0 0 16px;font-size:10px;font-weight:650}
.wd-detail-timeframes{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:10px 0 56px}.wd-detail-timeframes button{border:0;background:transparent;color:#a2a4b3;padding:11px 10px;border-radius:30px;font-size:12px;font-weight:600;min-width:42px}.wd-detail-timeframes button.active{background:#1b1e30;color:#fff}
.wd-detail-balance{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:32px}.wd-detail-balance>span{color:#9b9eac;font-size:13px}.wd-detail-balance>strong{font-size:26.5px;line-height:1.1;letter-spacing:-.7px}.wd-detail-balance small{font-size:13px;color:#999cac}.wd-detail-balance small b{font-weight:500}
.wd-detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:42px}.wd-detail-actions button{height:56px;border:0;border-radius:30px;background:#1b1e30;color:#f7f7fb;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.wd-detail-actions button span{font-size:18.5px;line-height:1}
.wd-detail-about{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#f7f7fb;text-align:left;padding:8px 0;font-size:15.5px;font-weight:600}.wd-detail-about>span:first-child{font-size:21px}.wd-detail-chevron{font-size:26.5px;margin-left:2px}.wd-detail-about-copy{font-size:12px;line-height:1.6;color:#a4a6b4;margin:8px 0 24px}
.wd-detail-buy{position:fixed;z-index:6;bottom:calc(12px + env(safe-area-inset-bottom));left:22px;right:22px;width:calc(100% - 44px);max-width:636px;margin:0 auto;height:64px;border:0;border-radius:40px;background:#29b77a;color:#fff;font-size:15.5px;font-weight:650;box-shadow:0 10px 30px rgba(0,0,0,.18)}
@media(max-width:380px){.wd-market-detail-header{padding-left:16px;padding-right:16px}.wd-market-detail-main{padding-left:16px;padding-right:16px}.wd-detail-coin{width:52px;height:52px;flex-basis:52px}.wd-detail-asset-head{gap:10px}.wd-detail-asset-name h2{font-size:19.5px}.wd-detail-price span{font-size:9px}.wd-detail-chart-wrap{margin-left:-16px;margin-right:-16px;height:310px}.wd-detail-timeframes{margin-bottom:42px}.wd-detail-actions{gap:7px}.wd-detail-actions button{font-size:11px;height:51px}.wd-detail-buy{left:16px;right:16px;width:calc(100% - 32px)}}

/* Marketplace detail refinement: compact sizing and inherit Veltrix's existing theme. */
.wd-market-detail-page{background:var(--wd-surface, #fff)!important;color:var(--wd-text, #17171c)!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
.wd-market-detail-header{height:68px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:color-mix(in srgb,var(--wd-surface,#fff) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.wd-detail-round{width:40px;height:40px;flex-basis:40px;background:var(--wd-card,#f1f2f7);color:var(--wd-text,#17171c)}
.wd-detail-round svg{width:20px;height:20px}
.wd-market-detail-main{max-width:560px;padding:0 16px}
.wd-detail-asset-head{gap:10px;min-height:88px;padding:8px 0 14px}
.wd-detail-coin{width:48px;height:48px;flex-basis:48px;background:var(--wd-card,#f1f2f7)}
.wd-detail-asset-name h2{font-size:18.5px;line-height:1.15;margin-bottom:5px;letter-spacing:-.3px}
.wd-detail-asset-name p{font-size:11px;gap:5px}
.wd-detail-asset-name p button{font-size:15.5px}
.wd-detail-price{gap:5px;max-width:48%}
.wd-detail-price strong{font-size:clamp(14px,4vw,18.5px);letter-spacing:-.2px}
.wd-detail-price span{font-size:9px}
.wd-detail-chart-wrap{height:clamp(220px,62vw,340px);margin:0 -16px 6px}
.wd-chart-price-pill{padding:4px 8px;font-size:9px}
.wd-detail-timeframes{gap:2px;margin:8px 0 36px}
.wd-detail-timeframes button{padding:9px 7px;min-width:34px;font-size:10px}
.wd-detail-timeframes button.active{background:var(--wd-accent-soft,#ececf5);color:var(--wd-text,#17171c)}
.wd-detail-balance{gap:5px;margin-bottom:24px}
.wd-detail-balance>span{font-size:11px;color:var(--wd-muted,#858995)}
.wd-detail-balance>strong{font-size:22px;letter-spacing:-.4px}
.wd-detail-balance small{font-size:11px;color:var(--wd-muted,#858995)}
.wd-detail-actions{gap:8px;margin-bottom:28px}
.wd-detail-actions button{height:46px;border-radius:24px;background:var(--wd-card,#f1f2f7);color:var(--wd-text,#17171c);font-size:11px;gap:6px}
.wd-detail-actions button span{font-size:14.5px}
.wd-detail-about{gap:7px;padding:7px 0;font-size:13px;color:var(--wd-text,#17171c)}
.wd-detail-about>span:first-child{font-size:16.5px}
.wd-detail-chevron{font-size:20px}
.wd-detail-about-copy{font-size:11px;line-height:1.5;color:var(--wd-muted,#858995);margin:6px 0 18px}
.wd-detail-buy{left:16px;right:16px;width:calc(100% - 32px);max-width:528px;height:52px;bottom:calc(10px + env(safe-area-inset-bottom));font-size:13px;background:var(--wd-primary,#29b77a);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}
@media(max-width:380px){.wd-market-detail-header{padding-left:14px;padding-right:14px}.wd-market-detail-main{padding-left:14px;padding-right:14px}.wd-detail-coin{width:44px;height:44px;flex-basis:44px}.wd-detail-asset-head{gap:8px}.wd-detail-asset-name h2{font-size:16.5px}.wd-detail-price span{font-size:9px}.wd-detail-chart-wrap{margin-left:-14px;margin-right:-14px;height:245px}.wd-detail-timeframes{margin-bottom:30px}.wd-detail-actions{gap:6px}.wd-detail-actions button{font-size:10px;height:43px}.wd-detail-buy{left:14px;right:14px;width:calc(100% - 28px)}}

/* Marketplace finishing pass: smaller asset marks and a quiet wallet-status notice. */
.wd-market-detail-page .wd-detail-coin{width:36px;height:36px;flex:0 0 36px;background:transparent!important}
.wd-market-detail-page .wd-detail-coin img{width:100%;height:100%;object-fit:contain}
.wd-market-detail-page .wd-detail-asset-head{gap:9px}
.wd-market-notice{display:flex;align-items:center;gap:10px;margin:0 0 26px;padding:13px 14px;border:1px solid var(--wd-border,rgba(130,135,155,.18));border-radius:16px;background:var(--wd-card,rgba(130,135,155,.07));color:var(--wd-text,inherit)}
.wd-market-notice-icon{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:650;border:1px solid currentColor;opacity:.7}
.wd-market-notice p{margin:0;font-size:10px;line-height:1.5;color:var(--wd-muted,#858995)}
.wd-market-notice p strong{font-size:11px;color:var(--wd-text,inherit);font-weight:600}
@media(max-width:380px){.wd-market-detail-page .wd-detail-coin{width:32px;height:32px;flex-basis:32px}}


/* Final marketplace spacing pass: compact header and breathing room under search header. */
.wd-market-detail-header{height:58px;padding:calc(5px + env(safe-area-inset-top)) 16px 5px;}
.wd-market-detail-header .wd-detail-round{width:40px;height:40px;flex-basis:40px;}
.wd-market-detail-header .wd-detail-round svg{width:21px;height:21px;}
.wd-search-panel{margin-top:32px;padding-top:8px;}
.wd-search-panel-heading{margin-top:4px;margin-bottom:26px;}
@media(max-width:380px){.wd-market-detail-header{height:56px;padding-left:14px;padding-right:14px}.wd-search-panel{margin-top:28px;padding-top:8px;}.wd-search-panel-heading{margin-bottom:24px;}}

/* Marketplace detail: more compact header controls and theme-matched primary action. */
.wd-market-detail-header .wd-detail-round{width:40px;height:40px;flex:0 0 40px;border-radius:50%;}
.wd-market-detail-header .wd-detail-round svg{width:19px;height:19px;max-width:19px;max-height:19px;}
.wd-detail-coin{width:48px;height:48px;flex:0 0 48px;}
.wd-detail-buy{background:var(--wd-accent,#1b1e30)!important;color:var(--wd-on-accent,#fff)!important;box-shadow:0 8px 24px rgba(0,0,0,.16);}
@media(max-width:380px){.wd-detail-coin{width:42px;height:42px;flex-basis:42px}.wd-market-detail-header .wd-detail-round{width:38px;height:38px;flex-basis:38px}}


/* Notification empty state — reference-inspired layout, using Veltrix's existing palette. */
#notificationPage{background:var(--wd-page,#fff);color:var(--wd-text,#17181d);}
#notificationPage .wd-notification-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:0;max-width:680px;margin:8px auto 0;min-height:52px}
#notificationPage .wd-notification-header h1{margin:0;text-align:center;font-size:23px;line-height:1.2;letter-spacing:-.65px;font-weight:600}
#notificationPage .wd-notification-header .wd-feature-back,
#notificationPage .wd-notification-filter{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--wd-soft,#f1f2f7);color:var(--wd-text,#17181d);padding:0;line-height:0;box-shadow:none}
#notificationPage .wd-notification-header .wd-feature-back svg,
#notificationPage .wd-notification-filter svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#notificationPage .wd-notification-empty{top:29%;width:min(100% - 40px,440px)}
#notificationPage .wd-notification-empty .wd-empty-illustration{width:112px;height:112px;margin-bottom:25px;border-radius:0;background:transparent;color:var(--wd-accent,#6c7cff)}
#notificationPage .wd-notification-empty .wd-empty-illustration svg{width:100px;height:100px}
#notificationPage .wd-notification-empty h2{font-size:23px;line-height:1.25;letter-spacing:-.65px;margin:0 0 12px}
#notificationPage .wd-notification-empty p{max-width:360px;font-size:14px;line-height:1.55;color:var(--wd-muted,#858995)}
@media(max-width:380px){#notificationPage .wd-notification-header h1{font-size:20px}#notificationPage .wd-notification-empty{top:30%}#notificationPage .wd-notification-empty h2{font-size:21px}}

/* Compact notification controls and date-filter bottom sheet. */
#notificationPage .wd-notification-header{grid-template-columns:40px 1fr 40px;min-height:48px;margin:0 auto;padding-top:4px;}
#notificationPage .wd-notification-header h1{font-size:18.5px;letter-spacing:-.35px;}
#notificationPage .wd-notification-header .wd-feature-back,#notificationPage .wd-notification-filter{width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;}
#notificationPage .wd-notification-header .wd-feature-back svg,#notificationPage .wd-notification-filter svg{width:19px;height:19px;flex:0 0 19px;}
#notificationPage .wd-notification-empty{top:29%;width:min(100% - 36px,420px);}
#notificationPage .wd-notification-empty .wd-empty-illustration{width:76px;height:76px;margin-bottom:20px;}
#notificationPage .wd-notification-empty .wd-empty-illustration svg{width:48px;height:48px;}
#notificationPage .wd-notification-empty h2{font-size:19.5px;letter-spacing:-.4px;margin-bottom:8px;}
#notificationPage .wd-notification-empty p{font-size:12px;line-height:1.5;}
.wd-notification-filter-backdrop{position:fixed;inset:0;z-index:10020;background:rgba(4,7,15,.46);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.wd-notification-filter-sheet{position:fixed;z-index:10021;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);padding:10px 22px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:var(--wd-page,#fff);color:var(--wd-text,#17181d);box-shadow:0 -16px 50px rgba(0,0,0,.18);animation:wdNotifSheetIn .24s cubic-bezier(.2,.8,.2,1);}
.wd-notification-sheet-handle{width:36px;height:4px;border-radius:99px;background:var(--wd-muted,#a2a5ae);opacity:.45;margin:0 auto 18px;}
.wd-notification-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.wd-notification-sheet-heading span{font-size:9px;letter-spacing:1.4px;font-weight:650;color:var(--wd-muted,#858995);}
.wd-notification-sheet-heading h2{font-size:19.5px;line-height:1.2;letter-spacing:-.45px;margin:5px 0 0;}
.wd-notification-sheet-heading>button{width:34px;height:34px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:21px;line-height:1;background:var(--wd-soft,#f1f2f7);color:var(--wd-text,#17181d);}
.wd-notification-filter-help{font-size:11px;color:var(--wd-muted,#858995);margin:9px 0 14px;}
.wd-notification-date-options{display:grid;gap:7px;}
.wd-notification-date-options>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;width:100%;padding:12px 42px 12px 14px;border:1px solid transparent;border-radius:14px;background:var(--wd-soft,#f5f6f9);color:var(--wd-text,#17181d);}
.wd-notification-date-options>button span{font-size:12px;font-weight:600;}
.wd-notification-date-options>button small{font-size:10px;color:var(--wd-muted,#858995);}
.wd-notification-date-options>button i{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:none;font-style:normal;font-size:12px;font-weight:650;color:var(--wd-accent,#6575e8);}
.wd-notification-date-options>button.is-selected{border-color:var(--wd-accent,#6575e8);background:color-mix(in srgb,var(--wd-accent,#6575e8) 9%,var(--wd-page,#fff));}
.wd-notification-date-options>button.is-selected i{display:block;}
.wd-notification-apply{width:100%;height:45px;margin-top:15px;border:0;border-radius:14px;background:var(--wd-accent,#17181d);color:#fff;font-size:12px;font-weight:600;}
@keyframes wdNotifSheetIn{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.wd-notification-filter-sheet{animation:none}}
@media(max-width:380px){#notificationPage .wd-notification-header h1{font-size:16.5px}#notificationPage .wd-notification-empty h2{font-size:17.5px}}


/* Keep the currency picker above every dashboard layer and honor its closed state. */
.wd-currency-overlay:not([hidden]){display:flex!important;z-index:20000!important;pointer-events:auto!important}
.wd-currency-overlay[hidden]{display:none!important}
.wd-feature-page[hidden]{display:none!important}
.wd-feature-page.wd-deposit-page:not([hidden]){display:block!important;z-index:12000!important;visibility:visible!important;pointer-events:auto!important}

/* Profile & settings screens: same language as the dashboard (white canvas, ink card, soft bordered lists, amber accent). */
.profile-ui-page{position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#111;font-family:inherit;scrollbar-width:none;padding-bottom:max(32px,env(safe-area-inset-bottom))}
.profile-ui-page::-webkit-scrollbar{display:none}
.profile-ui-page[hidden]{display:none!important}
.profile-ui-page button{cursor:none;font-family:inherit}
.profile-ui-page button:focus-visible{outline:2px solid #111;outline-offset:2px}

.profile-ui-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top)) max(14px,calc((100vw - 440px)/2 + 14px)) 10px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);border-bottom:1px solid rgba(22,24,30,.055)}
.profile-ui-header h1{flex:1;margin:0;font-size:15.5px;font-weight:600;letter-spacing:-.3px;color:#111}
.profile-ui-back,.profile-ui-top-icon,.profile-ui-header-spacer{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#1a1a1a}
.profile-ui-back:hover,.profile-ui-top-icon:hover{background:#f1f2f5}
.profile-ui-back svg{width:22px;height:22px}
.profile-ui-top-icon svg{width:17px;height:17px;fill:currentColor}

.profile-ui-page>.profile-ui-identity,.profile-ui-page>.profile-ui-list,.profile-ui-page>.profile-ui-edit-photo,.profile-ui-page>.profile-ui-fields{width:100%;max-width:440px;margin-inline:auto;padding-inline:18px}

.profile-ui-identity{display:flex;align-items:center;gap:16px;margin-top:18px;margin-bottom:20px;padding:20px 20px}
.profile-ui-page>.profile-ui-identity{width:calc(100% - 36px);max-width:404px;border-radius:23px;background:radial-gradient(120% 140% at 100% 0,rgba(255,207,140,.16),transparent 55%),linear-gradient(125deg,#282b35,#111218);color:#fff;box-shadow:0 14px 34px rgba(17,18,24,.18)}
.profile-ui-avatar-button{position:relative;width:68px;height:68px;flex-shrink:0;border:0;border-radius:50%;overflow:hidden;padding:0;background:#2e313c;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #15161c,0 0 0 4.5px #ffcf8c}
.profile-ui-avatar-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.profile-ui-avatar-button.has-image img{display:block}
.profile-ui-avatar-button.has-image>span{display:none}
.profile-ui-avatar-button>span{font-size:20px;font-weight:600;letter-spacing:-.5px}
.profile-ui-identity-copy{min-width:0}
.profile-ui-identity-copy h2{margin:0;font-size:16.5px;line-height:1.2;font-weight:600;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-ui-identity-copy p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.62);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.profile-ui-list,.profile-ui-fields{display:flex;flex-direction:column}
.profile-ui-list>*,.profile-ui-fields>*{flex-shrink:0}
.profile-ui-list{margin-bottom:14px}
.profile-ui-row,.profile-ui-field{position:relative;width:100%;display:flex;align-items:center;gap:14px;min-height:62px;padding:11px 14px;border:0;background:#fff;color:#111;text-align:left;transition:background .15s}
.profile-ui-row:hover,.profile-ui-field:hover{background:#f7f8fa}
.profile-ui-row+.profile-ui-row::before,.profile-ui-field+.profile-ui-field::before{content:"";position:absolute;top:0;left:68px;right:14px;height:1px;background:#f1f2f5}
.profile-ui-icon,.profile-ui-field-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f2f5;color:#1a1a1a}
.profile-ui-icon svg,.profile-ui-field-icon svg{width:18px;height:18px;fill:currentColor}
.profile-ui-row-copy,.profile-ui-field-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.profile-ui-row-copy strong{font-size:14px;line-height:1.2;font-weight:600;color:#111}
.profile-ui-row-copy small{font-size:11px;line-height:1.35;color:#7b7d85;font-weight:400}
.profile-ui-chevron{width:18px;height:18px;flex-shrink:0;color:#b4b6bd}

/* grouped cards share the dashboard's bordered, softly shadowed surface */
.profile-ui-page>.profile-ui-list,.profile-ui-page>.profile-ui-fields{width:calc(100% - 36px);max-width:404px;padding:4px 0;border:1px solid #eef0f3;border-radius:20px;background:#fff;box-shadow:0 12px 40px rgba(20,24,40,.08);overflow:hidden}
.profile-ui-row:first-child,.profile-ui-field:first-child{border-radius:19px 19px 0 0}
.profile-ui-row:last-child,.profile-ui-field:last-child{border-radius:0 0 19px 19px}
.profile-ui-row:only-child{border-radius:19px}
.profile-ui-logout .profile-ui-icon{background:#fdecee;color:#f0364a}
.profile-ui-logout .profile-ui-row-copy strong{color:#f0364a}

.profile-ui-edit-photo{display:flex;justify-content:center;padding-top:26px;padding-bottom:26px}
.profile-ui-page>.profile-ui-edit-photo{padding-inline:0}
.profile-ui-avatar-large{position:relative;width:104px;height:104px;overflow:visible;background:#111218;box-shadow:0 0 0 3px #fff,0 0 0 4.5px #ffcf8c,0 14px 30px rgba(20,24,40,.18)}
.profile-ui-avatar-large img{border-radius:50%}
.profile-ui-avatar-large>span{font-size:29.5px}
.profile-ui-avatar-large i{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#ff9a2e;color:#fff;font-style:normal}
.profile-ui-avatar-large i svg{width:14px;height:14px;fill:currentColor}
.profile-ui-avatar-large{overflow:visible}
.profile-ui-avatar-large>span,.profile-ui-avatar-large img{border-radius:50%}

.profile-ui-field-copy strong{font-size:11px;font-weight:500;color:#7b7d85;line-height:1.2}
.profile-ui-field-copy small{font-size:14px;line-height:1.3;font-weight:600;color:#111;overflow-wrap:anywhere}
.profile-ui-field-copy .profile-ui-green{color:#111;font-weight:600}

.profile-ui-edit-dialog{position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:22px;background:rgba(17,18,24,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.profile-ui-edit-dialog[hidden]{display:none!important}
.profile-ui-dialog-card{width:min(100%,360px);padding:20px;border:1px solid #eef0f3;border-radius:20px;background:#fff;color:#111;box-shadow:0 24px 60px rgba(17,18,24,.22)}
.profile-ui-dialog-card h2{margin:0 0 16px;font-size:15.5px;font-weight:600;letter-spacing:-.3px}
.profile-ui-dialog-card label{display:block;font-size:11px;color:#7b7d85;margin-bottom:6px}
.profile-ui-dialog-card input{width:100%;height:46px;padding:0 14px;border:1px solid transparent;border-radius:12px;outline:0;background:#f1f2f5;color:#111;font-size:14.5px;transition:border-color .15s,background .15s}
.profile-ui-dialog-card input:focus{border-color:#111;background:#fff}
.profile-ui-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:18px}
.profile-ui-dialog-actions button{height:38px;padding:0 20px;border:0;border-radius:20px;background:none;color:#7b7d85;font-size:13px;font-weight:600}
.profile-ui-dialog-actions button:last-child{background:#111;color:#fff;font-weight:600}

@media(min-width:600px){.profile-ui-page>.profile-ui-identity,.profile-ui-page>.profile-ui-list,.profile-ui-page>.profile-ui-fields{max-width:434px}}
@media(max-width:360px){.profile-ui-row,.profile-ui-field{gap:11px;padding-inline:11px}.profile-ui-row+.profile-ui-row::before,.profile-ui-field+.profile-ui-field::before{left:62px}.profile-ui-identity{gap:12px;padding:16px}.profile-ui-avatar-button{width:58px;height:58px}.profile-ui-row-copy strong,.profile-ui-field-copy small{font-size:13px}}


/* Compact receive-crypto coin label; QR data modules remain square. */
.wd-deposit-detail-intro .wd-deposit-eyebrow,.wd-deposit-detail-intro p{display:none!important}
.wd-deposit-detail-intro{padding:3px 8px 12px!important}
.wd-deposit-detail-intro h2{margin:0!important;font-size:0!important;line-height:1!important}
.wd-deposit-selected-coin{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 9px 4px 5px;border:1px solid rgba(120,125,145,.17);border-radius:999px;background:var(--wd-card,#f7f8fb);font-size:11px;font-weight:600;letter-spacing:-.1px;color:var(--wd-text,#17171c)}
.wd-deposit-selected-logo{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--coin-color) 12%,white)}
.wd-deposit-selected-logo img,.wd-deposit-selected-logo svg{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.wd-deposit-qr-wrap #depositQrImage{width:min(66vw,245px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.wd-deposit-qr-wrap #depositQrImage canvas,.wd-deposit-qr-wrap #depositQrImage svg,.wd-deposit-qr-wrap #depositQrImage img{display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain}
@media(max-width:380px){.wd-deposit-qr-wrap #depositQrImage{width:min(66vw,210px)}}

/* QR deposit layout fix: keep the complete code centered inside a clean rounded frame. */
.wd-deposit-page .wd-deposit-qr-wrap{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;margin:0 auto 20px;padding:5px 0 22px;}
.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage{box-sizing:border-box;width:min(66vw,245px);height:auto;aspect-ratio:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #e3e5ec;border-radius:20px;background:#fff;overflow:hidden;}
.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage canvas,.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage svg,.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;flex:0 0 auto;}
.wd-deposit-page .wd-deposit-qr-wrap span{display:block;text-align:center;line-height:1.4;}
@media(max-width:380px){.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage{width:min(66vw,210px)}}

/* QR frame polish: whole code visible, centered, inside a clean rounded frame. */
.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage{padding:12px;border-radius:22px;overflow:hidden;line-height:0;box-shadow:0 1px 2px rgba(23,24,28,.04)}
.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage svg,.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage canvas,.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage img{margin:0 auto;border-radius:12px}

/* Larger QR code: fills the card width up to 300px, stays square. */
.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage{width:min(100%,300px);height:auto;aspect-ratio:1}
@media(max-width:380px){.wd-deposit-page .wd-deposit-qr-wrap #depositQrImage{width:min(100%,270px)}}

/* Deposit header: compact, pure white, with the scrolling list fading out beneath it. */
.wd-deposit-page .wd-deposit-trending-head{
  background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  padding:max(8px,env(safe-area-inset-top)) 18px 8px!important;margin:0 0 4px!important;
  min-height:0!important;gap:10px!important;
}
.wd-deposit-page .wd-deposit-trending-head h2{font-size:17.5px!important;line-height:1.1!important}
.wd-deposit-page .wd-deposit-tabs button{min-height:32px!important;padding:6px 13px!important;font-size:12px!important}
.wd-deposit-page .wd-deposit-trending-head::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:26px;pointer-events:none;
  background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.85) 35%,rgba(255,255,255,0) 100%);
}
@media(max-width:380px){.wd-deposit-page .wd-deposit-trending-head{padding-left:14px!important;padding-right:14px!important}.wd-deposit-page .wd-deposit-trending-head h2{font-size:16.5px!important}.wd-deposit-page .wd-deposit-tabs button{padding:6px 11px!important;font-size:11px!important}}

/* Keep "POPULAR TOKENS · PRICE · 24H" fully visible at rest: the fade lives in the gap below the header, not over the caption. */
.wd-deposit-page .wd-deposit-trending-head{margin-bottom:22px!important}
.wd-deposit-page .wd-deposit-trending-head::after{height:22px!important}
.wd-deposit-page .wd-deposit-list-caption{position:relative;z-index:1}

/* Explore crypto: fixed spacing under the sticky header; never let the panel start flush against it. */
.wd-search-panel{margin-top:32px!important;padding-top:8px!important;scroll-padding-top:0}

/* Explore crypto heading: compact, same visual height as the dashboard header row (36px controls). */
.wd-search-panel{margin-top:12px!important;padding-top:0!important}
.wd-search-panel-heading{align-items:center!important;min-height:36px!important;margin:0 0 12px!important;gap:12px!important}
.wd-search-panel-heading>div{min-width:0;flex:1}
.wd-search-panel-heading h2{margin:0!important;font-size:16.5px!important;line-height:20px!important;letter-spacing:-.4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-search-panel-heading p{margin:0!important;font-size:10px!important;line-height:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-search-panel-heading>button{width:34px!important;height:34px!important;font-size:19.5px!important}

/* Explore crypto: no nested scroller. The page scrolls normally under the sticky header, so the panel can never drift
   out of place on its own (keyboard, resize, focus or momentum scrolling) and clip the "Explore crypto" title. */
.wd-search-panel{max-height:none!important;height:auto!important;overflow:visible!important;overscroll-behavior:auto!important;overflow-anchor:none;scroll-padding-top:0}
.wd.searching-crypto .wd-screen{min-height:0!important}
.wd-search-panel-heading{position:relative;z-index:1}

.cv-logo{width:20px;height:20px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;background:#f1f2f5;flex-shrink:0}
.cv-logo img{width:20px;height:20px;display:block;border-radius:50%}
.cv-logo span{font-size:9px;font-weight:600}
.cv-logo.lg,.cv-logo.lg img{width:34px;height:34px}
.cv-logo.lg span{font-size:12px}
.cv-logo.lg,.cv-logo.lg img{width:24px;height:24px}
.cv-logo.lg span{font-size:9px}

/* ===== Send flow ===== */
.sd-sheet{position:fixed;z-index:12100;left:50%;top:0;bottom:0;width:min(100%,560px);transform:translate(-50%,100%);visibility:hidden;background:var(--wd-surface,#fff);color:var(--wd-text,#17171c);box-sizing:border-box;font-family:inherit;overflow:hidden;transition:transform .45s cubic-bezier(.22,.9,.24,1),visibility 0s linear .45s}
.sd-sheet.open{transform:translate(-50%,0);visibility:visible;transition:transform .45s cubic-bezier(.22,.9,.24,1),visibility 0s}
.sd-view{position:absolute;inset:0;display:flex;flex-direction:column;padding:12px 16px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;animation:sdIn .3s ease}
.sd-view[hidden]{display:none}
@keyframes sdIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
.sd-title{margin:0;font-size:14.5px;font-weight:600;flex:1;text-align:center}
.sd-round{width:38px;height:38px;border-radius:50%;border:0;background:var(--wd-card,#f1f2f5);color:var(--wd-text,#17171c);display:grid;place-items:center;padding:0;cursor:none;flex-shrink:0}
.sd-round.ghost{background:none;cursor:default}
.sd-round svg{width:17px;height:17px}
.sd-coin-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:99px;border:1px solid var(--wd-border,rgba(120,125,145,.2));background:linear-gradient(135deg,var(--wd-accent-soft,#ececf5),var(--wd-card,#f7f8fb));color:var(--wd-text,#17171c);font:inherit;font-size:12px;font-weight:600;cursor:none;box-shadow:0 2px 8px rgba(15,20,40,.08)}
.sd-coin-chip .cv-logo{width:26px;height:26px}.sd-coin-chip .cv-logo img{width:26px;height:26px}
.sd-coin-chip small{font-weight:500;color:var(--wd-muted,#858995);font-size:10px;margin-left:2px}
.sd-coin-chip>svg{width:14px;height:14px;opacity:.6}
.sd-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;text-align:center}
.sd-amt-wrap{display:flex;align-items:baseline;gap:8px;max-width:100%;justify-content:center}
.sd-amt{font-size:59px;font-weight:600;letter-spacing:-2px;line-height:1.1;color:var(--wd-muted,#c9ccd6);word-break:break-all}
.sd-amt.filled{color:var(--wd-text,#17171c)}
.sd-unit{font-size:16.5px;font-weight:600;color:var(--wd-muted,#858995)}
.sd-usd{margin-top:6px;font-size:12px;color:var(--wd-muted,#858995)}
.sd-err{margin-top:8px;font-size:11px;font-weight:600;color:#e5484d}
.sd-bal{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:12px 2px;font:inherit;font-size:12px;color:var(--wd-muted,#858995);cursor:none;flex-shrink:0}
.sd-bal b{color:var(--wd-text,#17171c);font-weight:600;flex:1;text-align:left}
.sd-bal i{font-style:normal;font-weight:600;font-size:10px;padding:4px 10px;border-radius:99px;background:var(--wd-accent-soft,#ececf5);color:var(--wd-text,#17171c)}
.sd-main{width:100%;height:52px;border:0;border-radius:99px;background:var(--wd-accent,#20243a);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:none;flex-shrink:0;transition:opacity .2s,transform .1s}
.sd-main:active:not(:disabled){transform:scale(.98)}
.sd-main:disabled{opacity:.35;cursor:not-allowed}
.sd-keys{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;flex-shrink:0}
.sd-keys button{height:54px;border:0;background:none;color:var(--wd-text,#17171c);font:inherit;font-size:24px;font-weight:400;cursor:none;border-radius:14px;display:grid;place-items:center}
.sd-keys button:active{background:var(--wd-card,#f1f2f5)}
.sd-keys svg{width:26px;height:26px}
.sd-search{display:flex;align-items:center;gap:8px;background:var(--wd-card,#f1f2f5);border-radius:12px;padding:0 12px;height:42px;margin:14px 0 8px;flex-shrink:0}
.sd-search svg{width:16px;height:16px;color:var(--wd-muted,#858995)}
.sd-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;color:var(--wd-text,#17171c)}
.sd-list{flex:1;overflow-y:auto;overscroll-behavior:contain}
.sd-row{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:12px;padding:10px;font:inherit;text-align:left;color:inherit;cursor:none}
.sd-row.sel,.sd-row:active{background:var(--wd-card,#f1f2f6)}
.sd-row .cv-logo{width:34px;height:34px}.sd-row .cv-logo img{width:34px;height:34px}
.sd-row .i{flex:1;display:flex;flex-direction:column;min-width:0}.sd-row .i b{font-size:13px}
.sd-row small{font-size:10px;color:var(--wd-muted,#858995)}
.sd-row .r{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:600}
.sd-summary{margin:22px 0 18px;padding:18px;border-radius:20px;background:var(--wd-card,#f7f8fb);border:1px solid var(--wd-border,rgba(120,125,145,.16));display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.sd-summary span{font-size:11px;color:var(--wd-muted,#858995)}
.sd-summary strong{font-size:24px;letter-spacing:-.5px}
.sd-summary small{font-size:11px;color:var(--wd-muted,#858995)}
.sd-label{font-size:11px;font-weight:600;margin:0 0 8px 2px}
.sd-input{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:16px;border:1.5px solid var(--wd-border,rgba(120,125,145,.28));background:var(--wd-input,transparent);transition:border-color .2s}
.sd-input:focus-within{border-color:var(--wd-accent,#20243a)}
.sd-input.bad{border-color:#e5484d}.sd-input.good{border-color:#16a34a}
.sd-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--wd-text,#17171c);padding:10px 0}
.sd-input button{border:0;border-radius:12px;background:var(--wd-accent-soft,#ececf5);color:var(--wd-text,#17171c);font:inherit;font-size:11px;font-weight:600;padding:10px 14px;cursor:none}
.sd-msg{margin:8px 4px 0;font-size:11px;font-weight:600}.sd-msg.bad{color:#e5484d}.sd-msg.good{color:#16a34a}
.sd-grow{flex:1}
.sd-success{align-items:center;justify-content:center;text-align:center;overflow:hidden}
.sd-success #sdConfetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sd-done-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}
.sd-done-body h2{margin:22px 0 6px;font-size:22px;opacity:0;animation:sdUp .5s .9s forwards}
.sd-done-body p{margin:0;font-size:14.5px;font-weight:600;opacity:0;animation:sdUp .5s 1.05s forwards}
.sd-done-body small{margin-top:8px;font-size:11px;color:var(--wd-muted,#858995);word-break:break-all;max-width:300px;opacity:0;animation:sdUp .5s 1.2s forwards}
@keyframes sdUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sd-success .sd-main{position:relative;z-index:1}
.sd-check{width:120px;height:120px;transform:scale(.6);opacity:0;animation:sdPop .5s forwards}
.sd-ring{fill:rgba(22,163,74,.1);stroke:#16a34a;stroke-width:5;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;animation:sdDraw .7s .1s forwards;transform-origin:center;transform:rotate(-90deg)}
.sd-tick{fill:none;stroke:#16a34a;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:sdDraw .45s .65s forwards}
@keyframes sdDraw{to{stroke-dashoffset:0}}
@keyframes sdPop{to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.sd-sheet,.sd-sheet.open,.sd-view{transition:none;animation:none}}

/* Send flow: compact sizing */
.sd-view{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
.sd-round{width:30px;height:30px}.sd-round svg{width:13px;height:13px}
.sd-title{font-size:12px}
.sd-coin-chip{gap:6px;padding:4px 8px 4px 4px;font-size:10px}
.sd-coin-chip .cv-logo,.sd-coin-chip .cv-logo img{width:20px;height:20px}
.sd-coin-chip small{font-size:9px}.sd-coin-chip>svg{width:11px;height:11px}
.sd-amt{font-size:38.5px;letter-spacing:-1.5px}
.sd-unit{font-size:12px}.sd-usd{font-size:10px;margin-top:4px}.sd-err{font-size:10px}
.sd-bal{padding:9px 2px;font-size:10.5px}.sd-bal i{font-size:9px;padding:3px 8px}
.sd-main{height:42px;font-size:12px}
.sd-keys{margin-top:4px}.sd-keys button{height:42px;font-size:18.5px;border-radius:12px}.sd-keys svg{width:20px;height:20px}
.sd-search{height:34px;border-radius:10px;margin:10px 0 6px;padding:0 10px}.sd-search svg{width:14px;height:14px}.sd-search input{font-size:12px}
.sd-row{gap:9px;padding:7px 8px}
.sd-row .cv-logo,.sd-row .cv-logo img{width:24px;height:24px}
.sd-row .i b{font-size:11.5px}.sd-row small{font-size:9px}.sd-row .r{font-size:11px}
.sd-summary{margin:14px 0 12px;padding:13px 14px;border-radius:16px}
.sd-summary span,.sd-summary small{font-size:9.5px}.sd-summary strong{font-size:17.5px}
.sd-label{font-size:10px;margin-bottom:6px}
.sd-input{border-radius:13px;padding:4px 4px 4px 12px}
.sd-input input{font-size:12px;padding:8px 0}.sd-input button{font-size:10px;padding:8px 12px;border-radius:10px}
.sd-msg{font-size:10px}
.sd-check{width:84px;height:84px}
.sd-done-body h2{font-size:16.5px;margin-top:16px}.sd-done-body p{font-size:12px}.sd-done-body small{font-size:9.5px}

/* Send crypto list: roomier rows */
.sd-list{display:flex;flex-direction:column;gap:8px;padding:4px 0 8px}
.sd-row{gap:12px;padding:13px 12px;border-radius:14px;border:1px solid var(--wd-border,rgba(120,125,145,.14))}
.sd-row .cv-logo,.sd-row .cv-logo img{width:32px;height:32px}
.sd-row .i b{font-size:13px}.sd-row small{font-size:10px}.sd-row .r{font-size:12px}

/* Send crypto list: smaller logos */
.sd-row .cv-logo,.sd-row .cv-logo img{width:26px;height:26px}
.sd-row .cv-logo span{font-size:9px}

/* Settings: smaller icons */
.profile-ui-icon,.profile-ui-field-icon{width:32px;height:32px}
.profile-ui-icon svg,.profile-ui-field-icon svg{width:15px;height:15px}
.profile-ui-row,.profile-ui-field{gap:12px;min-height:54px}
.profile-ui-row+.profile-ui-row::before,.profile-ui-field+.profile-ui-field::before{left:58px}
.profile-ui-row-copy strong{font-size:13px}.profile-ui-row-copy small{font-size:10.5px}
.profile-ui-chevron{width:16px;height:16px}

/* QR scanner: compact details + loading spinner until camera access is granted */
.wd-scanner-spinner{display:none;position:absolute;z-index:2;inset:0;place-items:center}
.wd-scanner-spinner i{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;animation:wdQrSpin .8s linear infinite}
.wd-scanner-page.wd-loading .wd-scanner-spinner{display:grid}
.wd-scanner-page.wd-loading .wd-scanner-content{display:none}
@keyframes wdQrSpin{to{transform:rotate(360deg)}}
.wd-scanner-back{width:34px;height:34px;font-size:20px}
.wd-scanner-header{gap:10px}
.wd-scanner-header>div span{font-size:9px;letter-spacing:1.5px}
.wd-scanner-header h1{font-size:14.5px;margin-top:2px}
.wd-scanner-live{font-size:9px!important;padding:5px 9px!important}
.wd-scanner-instruction{font-size:11px;margin-bottom:16px}
.wd-qr-frame{width:min(62vw,230px);height:min(62vw,230px);max-width:30dvh;max-height:30dvh;border-radius:22px}
.wd-qr-corner{width:26px;height:26px;border-width:2px}
.wd-qr-corner.top-left{border-width:2px 0 0 2px}.wd-qr-corner.top-right{border-width:2px 2px 0 0}.wd-qr-corner.bottom-left{border-width:0 0 2px 2px}.wd-qr-corner.bottom-right{border-width:0 2px 2px 0}
.wd-qr-scan-line{height:1.5px}
.wd-scanner-status{font-size:10px;margin:16px 0 10px}
.wd-scanner-upload{font-size:10px;padding:9px 14px}

/* QR scanner: no video placeholder/play overlay until the camera is actually streaming */
#qrCameraVideo{visibility:hidden;opacity:0;pointer-events:none;background:transparent!important}
#qrCameraVideo.live{visibility:visible;opacity:1}
#qrCameraVideo::-webkit-media-controls,#qrCameraVideo::-webkit-media-controls-start-playback-button,#qrCameraVideo::-webkit-media-controls-overlay-play-button,#qrCameraVideo::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}

/* Settings: hide page header while the edit pop-up is open */
.profile-ui-page:has(.profile-ui-edit-dialog:not([hidden])) .profile-ui-header{visibility:hidden}

/* Settings: logout pinned to the bottom of the page */
#profileSettingsPage:not([hidden]){display:flex;flex-direction:column;min-height:100dvh}
#profileSettingsPage>.profile-ui-list-danger{margin-top:auto;margin-bottom:max(8px,env(safe-area-inset-bottom))}

/* Settings page: slightly smaller details */
.profile-ui-header h1{font-size:14px}
.profile-ui-back,.profile-ui-top-icon,.profile-ui-header-spacer{width:32px;height:32px}
.profile-ui-back svg{width:19px;height:19px}
.profile-ui-top-icon svg{width:15px;height:15px}
.profile-ui-identity{gap:13px;padding:16px!important;margin-top:14px;margin-bottom:16px}
.profile-ui-avatar-button:not(.profile-ui-avatar-large){width:56px;height:56px}
.profile-ui-avatar-button:not(.profile-ui-avatar-large)>span{font-size:16.5px}
.profile-ui-identity-copy h2{font-size:14.5px}
.profile-ui-identity-copy p{font-size:11px;margin-top:3px}
#profileSettingsPage .profile-ui-row{min-height:50px;padding:9px 13px;gap:11px}
#profileSettingsPage .profile-ui-icon{width:30px;height:30px}
#profileSettingsPage .profile-ui-icon svg{width:16px!important;height:16px!important}
#profileSettingsPage .profile-ui-row+.profile-ui-row::before{left:54px}
#profileSettingsPage .profile-ui-row-copy strong{font-size:12px}
#profileSettingsPage .profile-ui-row-copy small{font-size:10px}
#profileSettingsPage .profile-ui-chevron{width:14px;height:14px}

/* ===== Settings: separate cards, sub-pages, language sheet ===== */
.wd-toast{z-index:20000}
#profileSettingsPage>.profile-ui-list{margin-bottom:10px}
#profileSettingsPage>.profile-ui-list-danger{margin-bottom:max(8px,env(safe-area-inset-bottom))}
.sx-page{z-index:1010}
.sx-body{width:100%;max-width:440px;margin:0 auto;padding:6px 18px 90px;box-sizing:border-box;display:flex;flex-direction:column}
.sx-body.center{align-items:center;text-align:center}
.sx-hero{display:flex;justify-content:center;margin:14px 0 10px}.sx-hero svg{width:130px;height:auto}
.sx-lead{margin:6px 0 18px;text-align:center;font-size:11.5px;line-height:1.55;color:#7b7d85}.sx-lead.left{text-align:left}
.sx-card{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:12px 14px;margin-bottom:10px;border:1px solid #eef0f3;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(20,24,40,.06);font:inherit;color:#111;text-align:left}
button.sx-card{cursor:none}
.sx-grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sx-grow strong{font-size:12px;font-weight:600}.sx-grow small{font-size:10px;color:#7b7d85;line-height:1.4}
.sx-ico{width:30px;height:30px;border-radius:50%;background:#f1f2f5;display:grid;place-items:center;flex-shrink:0}.sx-ico svg{width:15px;height:15px}
.sx-chev{width:16px;height:16px;color:#b4b6bd;flex-shrink:0}
.sx-switch{position:relative;width:42px;height:24px;flex-shrink:0}
.sx-switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:none;z-index:1}
.sx-switch i{position:absolute;inset:0;border-radius:99px;background:#d9dbe2;transition:background .2s}
.sx-switch i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sx-switch input:checked+i{background:var(--wd-accent,#20243a)}.sx-switch input:checked+i::after{transform:translateX(18px)}
.sx-label{font-size:10.5px;font-weight:600;margin:8px 2px 8px}
.sx-pin{display:flex;gap:10px;margin-bottom:16px}
.sx-pin input{flex:1;min-width:0;height:52px;text-align:center;font:inherit;font-size:20px;font-weight:600;border:1.5px solid rgba(120,125,145,.3);border-radius:14px;background:#fff;color:#111;outline:0;padding:0;transition:border-color .15s}
.sx-pin input:focus{border-color:var(--wd-accent,#20243a)}.sx-pin input.filled{border-color:var(--wd-accent,#20243a);background:#f6f7fa}
.sx-pin.bad input{border-color:#e5484d}
.sx-checks{list-style:none;margin:2px 0 0;padding:0}
.sx-checks li{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b7d85;padding:3px 0}
.sx-checks li::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid #c4c7d0;box-sizing:border-box;flex-shrink:0}
.sx-checks li.ok{color:#16a34a}.sx-checks li.ok::before{background:#16a34a;border-color:#16a34a;box-shadow:inset 0 0 0 2.5px #fff}
.sx-error{margin:10px 2px 0;font-size:11px;font-weight:600;color:#e5484d}
.sx-foot{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,440px);padding:10px 18px calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%)}
.sx-main{width:100%;height:44px;border:0;border-radius:99px;background:var(--wd-accent,#20243a);color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:none}
.sx-main:disabled{opacity:.35;cursor:not-allowed}
.sx-hr{width:100%;border:0;border-top:1px solid #eceef3;margin:22px 0 16px}
.sx-eyebrow{font-size:9px;font-weight:650;letter-spacing:1.4px;color:#9295a0}
.sx-sub{margin:4px 0 12px;font-size:11px;color:#7b7d85}
.sx-note{display:flex;gap:6px;align-items:flex-start;justify-content:center;margin:18px 6px 0;font-size:10px;line-height:1.5;color:#7b7d85;text-align:center}.sx-note.left{text-align:left;justify-content:flex-start;margin-left:2px}
.sx-note svg{width:12px;height:12px;flex-shrink:0;margin-top:2px}.sx-note b{color:var(--wd-accent,#20243a)}
.sx-dev{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:11px 14px;margin-bottom:10px;border:1px solid #eef0f3;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(20,24,40,.06);font:inherit;color:#111;text-align:left;cursor:none}
.sx-dev-ic{width:36px;height:36px;border-radius:50%;background:var(--wd-accent-soft,#ececf5);color:var(--wd-accent,#20243a);display:grid;place-items:center;flex-shrink:0}.sx-dev-ic svg{width:18px;height:18px}
.sx-dev .sx-grow strong{font-size:12px}
.sx-dev-big{width:84px;height:84px;border-radius:50%;background:var(--wd-accent-soft,#ececf5);color:var(--wd-accent,#20243a);display:grid;place-items:center;margin:16px 0 14px}.sx-dev-big svg{width:40px;height:40px}
.sx-dev-name{margin:0;font-size:15.5px;letter-spacing:-.3px}.sx-cap{font-size:10px;color:#7b7d85;margin-top:3px}
.sx-info{display:flex;align-items:center;gap:12px;width:100%;margin-top:18px;padding:0 6px;font-size:11.5px;color:#6a6d78;text-align:left}.sx-info svg{width:17px;height:17px;flex-shrink:0;color:#7b7d85}
.sx-outline-danger{width:100%;height:42px;margin-top:26px;border-radius:99px;border:1.5px solid rgba(229,72,77,.45);background:none;color:#e5484d;font:inherit;font-size:12px;font-weight:600;cursor:none}
.sx-intro{padding:8px 4px 14px!important}
#linkQrImage{box-sizing:border-box;width:min(100%,260px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:22px;background:#fff;overflow:hidden;line-height:0;box-shadow:0 1px 2px rgba(23,24,28,.04)}
#linkQrImage svg,#linkQrImage canvas,#linkQrImage img{display:block;width:100%!important;height:100%!important}
#linkQrPage .wd-deposit-address-card{margin:0}
#linkQrPage .wd-deposit-qr-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 18px}
.sx-dlg{z-index:30000!important}
/* language sheet */
.sx-back{position:fixed;inset:0;z-index:25000;background:rgba(10,15,30,.4);opacity:0;transition:opacity .3s}.sx-back.show{opacity:1}
.sx-lang{position:fixed;z-index:25001;left:50%;bottom:0;width:min(100%,560px);height:min(86dvh,720px);transform:translate(-50%,105%);visibility:hidden;background:#fff;color:#111;border-radius:22px 22px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(10,15,30,.18);transition:transform .38s cubic-bezier(.22,.9,.24,1),visibility 0s linear .38s}
.sx-lang.open{transform:translate(-50%,0);visibility:visible;transition:transform .38s cubic-bezier(.22,.9,.24,1),visibility 0s}
.sx-lang-head{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #eceef3;flex-shrink:0}
.sx-lang-head h2{margin:0;font-size:14px;font-weight:600}
.sx-x{width:30px;height:30px;border-radius:50%;border:0;background:#f1f2f5;color:#111;display:grid;place-items:center;padding:0;cursor:none}.sx-x svg{width:14px;height:14px}
.sx-lang-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 calc(10px + env(safe-area-inset-bottom))}
.sx-lang-row{width:100%;display:flex;align-items:center;gap:16px;padding:12px 18px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:none}
.sx-lang-row:active{background:#f6f7fa}
.sx-radio{width:20px;height:20px;border-radius:50%;border:2px solid #b4b6bd;box-sizing:border-box;flex-shrink:0;display:grid;place-items:center}
.sx-lang-row.sel .sx-radio{border-color:var(--wd-accent,#20243a)}.sx-lang-row.sel .sx-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--wd-accent,#20243a)}
.sx-lang-row b{display:block;font-size:12.5px;font-weight:600}.sx-lang-row small{display:block;font-size:10.5px;color:#7b7d85;margin-top:1px}

/* ===== Day & night mode ===== */
.sx-switch.on i{background:var(--wd-accent,#20243a)}.sx-switch.on i::after{transform:translateX(18px)}
#settingsTheme .sx-switch{pointer-events:none}
html[data-theme="dark"]{filter:invert(1) hue-rotate(180deg);background:#fff;color-scheme:dark}
html[data-theme="dark"] img,html[data-theme="dark"] video,html[data-theme="dark"] picture,html[data-theme="dark"] #linkQrImage,html[data-theme="dark"] #depositQrImage,html[data-theme="dark"] .profile-ui-avatar-button img{filter:invert(1) hue-rotate(180deg)}
html[data-theme="dark"] .profile-ui-identity{filter:invert(1) hue-rotate(180deg)}


/* Row highlight: fill the whole card edge-to-edge (settings + edit profile). */
.profile-ui-page>.profile-ui-list,.profile-ui-page>.profile-ui-fields{padding:0!important}
.profile-ui-row,.profile-ui-field{border-radius:0!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.profile-ui-row:hover,.profile-ui-field:hover{background:#fff}
@media(hover:hover){.profile-ui-row:hover,.profile-ui-field:hover{background:#f4f5f7}}
.profile-ui-row:active,.profile-ui-field:active{background:#eceef1!important}
.profile-ui-row:focus,.profile-ui-field:focus{outline:0}
.profile-ui-row:focus-visible,.profile-ui-field:focus-visible{outline:0;background:#f4f5f7}

.sx-hero svg{width:170px;height:auto;max-width:70%}


/* ===== Send: 2FA gate ===== */
.sd-auth-ic{width:64px;height:64px;margin:18px auto 14px;border-radius:20px;background:rgba(32,36,58,.07);color:var(--wd-accent,#20243a);display:grid;place-items:center}
.sd-auth-ic svg{width:32px;height:32px}
.sd-auth-h{margin:0;text-align:center;font-size:18.5px;font-weight:650}
.sd-auth-p{margin:8px 8px 16px;text-align:center;font-size:12px;line-height:1.55;color:var(--wd-muted,#858995)}
#sdAuthView .sx-pin{margin:6px 0 10px}
#sdAuthView .sx-pin.shake{animation:sdShake .4s}
@keyframes sdShake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.sd-setup-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:30px}
.sd-main.sd-ghost{margin-top:10px;background:transparent;color:inherit;border:1.5px solid rgba(120,125,145,.35)}

/* ===== Send: luxury success receipt ===== */
.sd-view.sd-lux{background:radial-gradient(120% 55% at 50% -6%,#2c3268 0%,#151938 46%,#070913 100%);color:#fff;align-items:stretch;justify-content:flex-start;overflow-y:auto;padding:0}
.sd-lux::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 30% at 50% 22%,rgba(217,185,91,.16),transparent 70%)}
.lux-scroll{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;padding:calc(34px + env(safe-area-inset-top)) 20px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box}
.lux-top{display:flex;flex-direction:column;align-items:center;text-align:center}
.lux-eyebrow{font-size:10px;font-weight:600;letter-spacing:.34em;color:#dcbc5e}
.lux-badge{position:relative;width:104px;height:104px;margin:24px 0 22px}
.lux-badge::before{content:"";position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(circle,rgba(226,191,92,.38),transparent 66%);animation:luxGlow 3.2s ease-in-out infinite}
.lux-ripple{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(226,191,92,.7);opacity:0}
.sd-lux.play .lux-ripple{animation:luxRipple 2.6s 1.1s ease-out infinite}
.sd-lux.play .lux-ripple.r2{animation-delay:2.4s}
.lux-check{position:relative;width:104px;height:104px;transform:scale(.6);opacity:0}
.sd-lux.play .lux-check{animation:sdPop .6s cubic-bezier(.2,1.4,.4,1) forwards}
.lux-disc{fill:rgba(226,191,92,.1)}
.lux-ring{fill:none;stroke:url(#luxGold);stroke-width:4;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340;transform-origin:center;transform:rotate(-90deg)}
.lux-tick{fill:none;stroke:url(#luxGold);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80}
.sd-lux.play .lux-ring{animation:sdDraw .8s .15s forwards}
.sd-lux.play .lux-tick{animation:sdDraw .5s .7s forwards}
.lux-amt{font-size:37px;font-weight:650;letter-spacing:-.02em;line-height:1.1;max-width:100%;overflow-wrap:anywhere;background:linear-gradient(180deg,#fff8dc 0%,#e6c460 55%,#b8902a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lux-usd{margin-top:6px;font-size:13px;color:rgba(255,255,255,.62)}
.lux-pill{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 15px;border-radius:99px;font-size:11px;font-weight:600;color:#6ee7b7;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.32)}
.lux-pill i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}
.lux-card{margin-top:26px;padding:4px 18px;border-radius:22px;text-align:left;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(220,188,94,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 50px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}
.lux-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;font-size:12px;border-bottom:1px dashed rgba(255,255,255,.13)}
.lux-row:last-child{border-bottom:0}
.lux-row>span{flex:none;color:rgba(255,255,255,.55)}
.lux-row b{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600;text-align:right;color:#fff}
.lux-row em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.lux-free{color:#e6c460!important}
.lux-copy{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:9px;display:grid;place-items:center;background:rgba(220,188,94,.15);color:#ecc96d;cursor:none}
.lux-copy svg{width:15px;height:15px}
.lux-foot{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:10px}
.sd-main.lux-gold{position:relative;overflow:hidden;color:#1b1405;background:linear-gradient(135deg,#f6dd92,#d9b54a 55%,#b8902a);box-shadow:0 12px 30px rgba(212,175,55,.32)}
.sd-main.lux-gold::after{content:"";position:absolute;top:0;bottom:0;width:60%;left:-80%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:luxShine 3.4s 2s infinite}
.sd-main.lux-ghost{background:transparent;color:#ecc96d;border:1.5px solid rgba(220,188,94,.45)}
.sd-lux.play .lux-anim{animation:luxUp .65s var(--d,0s) both cubic-bezier(.2,.8,.2,1)}
@keyframes luxUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes luxGlow{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes luxRipple{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes luxShine{0%,60%{left:-80%}100%{left:140%}}
@media(prefers-reduced-motion:reduce){.sd-lux *{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important}}
html[data-theme="dark"] .sd-view.sd-lux{filter:invert(1) hue-rotate(180deg)}


/* ===== Success screen: match the app's light theme ===== */
.sd-view.sd-lux{background:linear-gradient(180deg,#f3f4f8 0%,var(--wd-surface,#fff) 38%);color:var(--wd-text,#17171c);filter:none!important}
.sd-lux::before{background:radial-gradient(60% 26% at 50% 20%,rgba(32,36,58,.07),transparent 70%)}
.lux-eyebrow{color:var(--wd-muted,#858995)}
.lux-badge::before{background:radial-gradient(circle,rgba(32,36,58,.16),transparent 66%)}
.lux-ripple{border-color:rgba(32,36,58,.4)}
.lux-disc{fill:rgba(32,36,58,.06)}
.lux-amt{background:linear-gradient(180deg,#3a4170,#20243a);-webkit-background-clip:text;background-clip:text;color:transparent}
.lux-usd{color:var(--wd-muted,#858995)}
.lux-pill{color:#15803d;background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3)}
.lux-pill i{background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,.6)}
.lux-card{background:#fff;border:1px solid rgba(120,125,145,.22);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 36px rgba(32,36,58,.09)}
.lux-row{border-bottom-color:rgba(120,125,145,.28)}
.lux-row>span{color:var(--wd-muted,#858995)}
.lux-row b{color:#17171c}
.lux-free{color:#15803d!important}
.lux-copy{background:rgba(32,36,58,.07);color:var(--wd-accent,#20243a)}
.sd-main.lux-gold{background:var(--wd-accent,#20243a);color:#fff;box-shadow:0 12px 26px rgba(32,36,58,.25)}
.sd-main.lux-gold::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent)}
.sd-main.lux-ghost{background:transparent;color:var(--wd-accent,#20243a);border:1.5px solid rgba(32,36,58,.3)}
html[data-theme="dark"] #sdConfetti{filter:invert(1) hue-rotate(180deg)}




/* ===== Compact sizing for both success screens + 2FA steps (matches the other pages) ===== */
.lux-scroll{padding:calc(24px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom))}
.lux-eyebrow{font-size:9px;letter-spacing:.28em}
.lux-badge{width:70px;height:70px;margin:16px 0 14px}
.lux-badge::before{inset:-22px}
.lux-check{width:70px;height:70px}
.lux-amt{font-size:24px;letter-spacing:-.01em}
.lux-usd{margin-top:4px;font-size:11px}
.lux-pill{margin-top:12px;padding:6px 12px;gap:6px;font-size:10px}
.lux-pill i{width:6px;height:6px}
.lux-card{margin-top:18px;padding:2px 14px;border-radius:18px}
.lux-row{padding:10px 0;gap:10px;font-size:11px}
.lux-copy{width:24px;height:24px;border-radius:8px}
.lux-copy svg{width:13px;height:13px}
.lux-foot{padding-top:16px;gap:8px}
.sd-lux .sd-main{height:42px;font-size:12px}
.sd-auth-ic{width:52px;height:52px;margin:12px auto 10px;border-radius:16px}
.sd-auth-ic svg{width:26px;height:26px}
.sd-auth-h{font-size:14.5px}
.sd-auth-p{margin:6px 6px 12px;font-size:11px}

/* Success screens: more breathing room at the top, free space shared evenly */
.lux-scroll{padding-top:calc(48px + env(safe-area-inset-top))}
.lux-scroll>.lux-top{margin-top:auto}
.lux-scroll>.lux-card{margin-bottom:auto}
.lux-foot{margin-top:auto;padding-top:20px}
/* Success screens: lift the badge/amount/status group a little; the receipt card stays put */
.lux-scroll>.lux-top{transform:translateY(-18px)}



/* Balance: whole amount big, decimals small */
.wd-amount .wd-dec{font-size:.5em;font-weight:600;letter-spacing:0;color:#777;margin-left:1px}

/* Settings icons: a little larger */
.profile-ui-icon{width:38px!important;height:38px!important}
.profile-ui-icon svg{width:20px!important;height:20px!important}

/* Compact notification page: smaller header icons, title and empty state. */
#notificationPage .wd-notification-header{grid-template-columns:32px 1fr 32px;min-height:40px;padding-top:4px}
#notificationPage .wd-notification-header h1{font-size:14.5px;letter-spacing:-.2px}
#notificationPage .wd-notification-header .wd-feature-back,#notificationPage .wd-notification-filter{width:32px;height:32px;min-width:32px;min-height:32px}
#notificationPage .wd-notification-header .wd-feature-back svg,#notificationPage .wd-notification-filter svg{width:15px;height:15px;flex:0 0 15px}
#notificationPage .wd-notification-empty .wd-empty-illustration{width:56px;height:56px;margin-bottom:14px}
#notificationPage .wd-notification-empty .wd-empty-illustration svg{width:34px;height:34px}
#notificationPage .wd-notification-empty h2{font-size:15.5px;margin-bottom:6px}
#notificationPage .wd-notification-empty p{font-size:11px;line-height:1.45}
.wd-notification-sheet-heading h2{font-size:15.5px}
.wd-notification-sheet-heading>button{width:30px;height:30px;font-size:18.5px}
.wd-notification-filter-help{font-size:10px}
.wd-notification-date-options>button{padding:10px 40px 10px 13px}
.wd-notification-date-options>button span{font-size:11px}
.wd-notification-date-options>button small{font-size:9px}
.wd-notification-apply{height:40px;font-size:11px}
@media(max-width:380px){#notificationPage .wd-notification-header h1{font-size:14px}#notificationPage .wd-notification-empty h2{font-size:14.5px}}

/* Edit profile: short note pinned to the bottom of the photo section. */
.profile-ui-edit-photo{position:relative;padding-bottom:58px}
.profile-ui-photo-note{position:absolute;left:0;right:0;bottom:16px;margin:0;padding:0 18px;text-align:center;font-size:10px;line-height:1.3;color:#7b7d85;pointer-events:none}

/* Notification bell: solid filled glyph (was being stroked, which looked jagged). */
#notificationPage .wd-notification-header .wd-feature-back svg{fill:currentColor;stroke:none;shape-rendering:geometricPrecision}
#notificationPage .wd-notification-filter svg{shape-rendering:geometricPrecision}

/* Edit profile: long note pinned to the bottom of the page. */
.profile-ui-edit-photo{padding-bottom:26px}
.profile-ui-photo-note{display:none}
#profileDetailsPage{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
.profile-ui-bottom-note{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:2;width:calc(100% - 36px);max-width:404px;margin:0;padding:10px 14px;border-radius:14px;background:#f4f5f8;color:#6b6e78;font-size:10px;line-height:1.5;text-align:center;pointer-events:none}
.profile-ui-page:has(.profile-ui-edit-dialog:not([hidden])) .profile-ui-bottom-note{visibility:hidden}

/* Language-change loading spinner (blocks interaction until translation is applied). */
#langSpinner{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:rgba(255,255,255,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:wait;touch-action:none}
#langSpinner[hidden]{display:none!important}
#langSpinner .lang-spinner-ring{width:44px;height:44px;border-radius:50%;border:4px solid rgba(17,18,24,.15);border-top-color:#111218;animation:langSpin .8s linear infinite}
@keyframes langSpin{to{transform:rotate(360deg)}}
body.lang-loading{overflow:hidden}

/* Splash screen: stage 1 = logo only, stage 2 = logo + name (stays until the app is ready). */
#splash{position:fixed;inset:0;z-index:2147483600;overflow:hidden;background:#fff;transition:opacity .45s ease,visibility .45s;touch-action:none;cursor:wait;-webkit-user-select:none;user-select:none}
#splash.out{opacity:0;visibility:hidden;pointer-events:none}
#splash .sp-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
#splash img{display:block;height:auto;pointer-events:none}
#splash .sp-1 img{width:min(56vw,240px);animation:spIn .8s cubic-bezier(.2,.7,.2,1) both}
#splash .sp-2{opacity:0;transform:scale(.94)}
#splash .sp-2 img{width:min(72vw,310px)}
#splash.stage2 .sp-1{opacity:0;transform:scale(1.06)}
#splash.stage2 .sp-2{opacity:1;transform:none}
#splash .sp-dots{position:absolute;left:0;right:0;bottom:max(10vh,calc(36px + env(safe-area-inset-bottom)));display:flex;justify-content:center;gap:8px}
#splash .sp-dots i{width:7px;height:7px;border-radius:50%;background:#5b6cff;opacity:.35;animation:spDot 1s ease-in-out infinite}
#splash .sp-dots i:nth-child(2){animation-delay:.15s}
#splash .sp-dots i:nth-child(3){animation-delay:.3s}
@keyframes spIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes spDot{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
html.splash-on,html.splash-on body{overflow:hidden}
@media(prefers-reduced-motion:reduce){#splash,#splash .sp-layer,#splash .sp-1 img,#splash .sp-dots i{animation:none;transition:none}}

/* Splash uses the page colour (white; the app's dark mode inverts the whole page, so it follows automatically). */
#splash .sp-name-dark{display:none}
html[data-theme="dark"] #splash .sp-name-light{display:none}
html[data-theme="dark"] #splash .sp-name-dark{display:block}

/* send receipt: pending state (amber instead of green) */
.lux-pill.lux-pending{color:#b86e00;background:rgba(255,176,32,.12);border-color:rgba(255,176,32,.4)}
.lux-pill.lux-pending i{background:#f5a524;box-shadow:0 0 8px rgba(245,165,36,.6)}

/* ===== QR scanner follows day / night (day look here; night is the page-wide inversion of it) ===== */
.wd-scanner-page{background:#f4f6fa;color:#111}
.wd-camera-video{background:#f4f6fa}
.wd-camera-shade{background:linear-gradient(180deg,rgba(244,246,250,.88),rgba(244,246,250,.1) 35%,rgba(244,246,250,.15) 65%,rgba(244,246,250,.92))}
.wd-scanner-back{border-color:rgba(17,17,17,.14);background:rgba(255,255,255,.72);color:#111}
.wd-scanner-header>div span{color:rgba(17,17,17,.55)}
.wd-scanner-live{color:#1e7a3c}
.wd-scanner-instruction{color:rgba(17,17,17,.85)}
.wd-qr-frame:before{border-color:rgba(17,17,17,.1);background:rgba(17,17,17,.02)}
.wd-qr-corner{border-color:#111;filter:drop-shadow(0 1px 4px rgba(255,255,255,.6))}
.wd-qr-scan-line{background:linear-gradient(90deg,transparent,#2450ff 20%,#6b8cff 50%,#2450ff 80%,transparent);box-shadow:0 0 12px rgba(36,80,255,.55),0 0 28px rgba(36,80,255,.3)}
.wd-qr-placeholder{color:rgba(17,17,17,.25)}
.wd-scanner-status{color:rgba(17,17,17,.7)}
.wd-scanner-upload{border-color:rgba(17,17,17,.18);background:rgba(255,255,255,.78);color:#111}
.wd-scanner-spinner i{border-color:rgba(17,17,17,.15);border-top-color:#111}

/* balance shows a $ sign before the amount; the greeting replaces the old PNL line */
.wd .wd-amount{align-items:baseline;gap:0}.wd .wd-amount .wd-cur{font-size:inherit;font-weight:inherit;color:inherit;margin-right:1px}
.wd-pnl.wd-greet{font-size:13px;font-weight:600;color:var(--wd-text,#444)}
#sdTagWrap{margin-top:14px}