/* Quick Wallet final identity — shared two-surface WinsView palette and supplied finance artwork. */
.quick-wallet-dialog {
  --wallet-shell: #1a2e39;
  --wallet-panel: #0b1820;
  --wallet-divider: #233e49;
  --wallet-muted: #6f8796;
  --wallet-text: #edf5f8;
  --wallet-border: var(--wallet-divider);
  background: var(--wallet-shell) !important;
  border-color: var(--wallet-border) !important;
  position: relative;
}

/* Official currency marks replace the legacy text glyphs and keep a stable,
   compact optical size across desktop, tablet, and mobile. */
html body div.currency-selector-overlay section.currency-dropdown .currency-badge > img,
html body section#winbet-quick-wallet .currency-badge > img {
  display: block !important;
  inline-size: 20px !important;
  block-size: 20px !important;
  min-inline-size: 20px !important;
  min-block-size: 20px !important;
  max-inline-size: 20px !important;
  max-block-size: 20px !important;
  margin: auto !important;
  object-fit: contain !important;
}

html body .topbar .balance-pill__coin > img {
  display: block !important;
  inline-size: 18px !important;
  block-size: 18px !important;
  min-inline-size: 18px !important;
  min-block-size: 18px !important;
  max-inline-size: 18px !important;
  max-block-size: 18px !important;
  margin: auto !important;
  object-fit: contain !important;
}

html body :is(.currency-badge, .balance-pill__coin)[data-code="ETH"] > img {
  filter: none !important;
}

html body :is(.currency-badge, .balance-pill__coin):is([data-code="USD"], [data-code="EUR"]) > img {
  filter: brightness(0) saturate(100%) opacity(0.88) !important;
}

/* The supplied Tether mark already carries its own green brand colour. Keep
   the artwork unchanged and fit only its backing circle closely around it. */
html body div.currency-selector-overlay section.currency-dropdown
  .currency-badge:is([data-code="USD"], [data-code="EUR"], [data-code="USDT"], [data-code="ETH"], [data-code="BTC"]),
html body section#winbet-quick-wallet
  .currency-badge:is([data-code="USD"], [data-code="EUR"], [data-code="USDT"], [data-code="ETH"], [data-code="BTC"]),
html body .topbar
  .balance-pill__coin:is([data-code="USD"], [data-code="EUR"], [data-code="USDT"], [data-code="ETH"], [data-code="BTC"]) {
  box-sizing: border-box !important;
  inline-size: 30px !important;
  block-size: 30px !important;
  min-inline-size: 30px !important;
  min-block-size: 30px !important;
  max-inline-size: 30px !important;
  max-block-size: 30px !important;
  padding: 4px !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .topbar .balance-pill__coin[data-code="USDT"] {
  inline-size: 26px !important;
  block-size: 26px !important;
  min-inline-size: 26px !important;
  min-block-size: 26px !important;
  max-inline-size: 26px !important;
  max-block-size: 26px !important;
  padding: 4px !important;
}

/* Availability affects interaction, never discovery. Legacy selector styles
   hid unavailable rows completely; the final Wallet contract keeps every
   defined Fiat and Crypto asset visible. */
html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
  button.currency-row,
html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
  button.currency-row.is-unavailable,
html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
  button.currency-row[aria-disabled="true"] {
  display: grid !important;
}

.quick-wallet-dialog .quick-wallet-close {
  position: absolute;
  inset-block-start: 7px;
  inset-inline-end: 8px;
  z-index: 5;
  display: grid;
  inline-size: 22px;
  block-size: 22px;
  min-inline-size: 22px;
  min-block-size: 22px;
  padding: 0;
  place-items: center;
  border: 1px solid var(--wallet-border) !important;
  border-radius: 8px;
  background: var(--wallet-panel) !important;
  color: var(--wallet-muted) !important;
  box-shadow: none !important;
  font: 700 14px/1 system-ui, sans-serif;
  transform: none !important;
}

.quick-wallet-dialog .quick-wallet-close:is(:hover, :focus-visible, :active) {
  border-color: rgba(136, 171, 188, 0.42) !important;
  background: var(--wallet-panel) !important;
  color: var(--wallet-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.quick-wallet-dialog .quick-wallet-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border: 0 !important;
  background: var(--wallet-shell) !important;
}

.quick-wallet-dialog .quick-wallet-tabs button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 40px auto !important;
  align-items: center !important;
  justify-items: center !important;
  min-block-size: 72px !important;
  padding: 5px 3px !important;
  border: 1px solid var(--wallet-border) !important;
  border-radius: 12px !important;
  background: var(--wallet-panel) !important;
  color: var(--wallet-muted) !important;
  box-shadow: none !important;
  transform: none !important;
}

.quick-wallet-dialog .quick-wallet-tabs button:is(:hover, :focus-visible, .active) {
  border-color: rgba(136, 171, 188, 0.42) !important;
  background: var(--wallet-panel) !important;
  color: var(--wallet-text) !important;
  box-shadow: inset 0 0 0 1px rgba(237, 245, 248, 0.08) !important;
  transform: none !important;
}

.quick-wallet-dialog .wallet-action-icon {
  display: block;
  inline-size: 44px;
  block-size: 40px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.quick-wallet-dialog .quick-wallet-tabs button > span {
  grid-column: 1 !important;
  grid-row: 2 !important;
  inline-size: 100%;
  text-align: center;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.quick-wallet-dialog .sandbox-wallet__panel {
  background: var(--wallet-shell) !important;
  color: var(--wallet-text) !important;
}

.quick-wallet-dialog :is(
  .deposit-experience,
  .deposit-form-card,
  .sandbox-wallet__controls,
  .sandbox-wallet__controls label,
  .production-wallet-quote,
  .production-wallet-quote > div,
  .sandbox-wallet__intent,
  .sandbox-wallet__intent > header,
  .sandbox-wallet__payment,
  .quick-wallet-unavailable,
  .withdrawal-form-shell,
  .account-withdraw-request,
  .account-withdraw-summary,
  .account-withdraw-summary > div,
  .withdrawal-destination-review,
  .wallet-overview,
  .wallet-balance-card,
  .wallet-ledger-table,
  .wallet-ledger-table > header,
  .wallet-ledger-row
) {
  background: var(--wallet-panel) !important;
  background-image: none !important;
  border-color: var(--wallet-border) !important;
  box-shadow: none !important;
}

/* Large content regions stay on the page surface; only their actual controls/cards use the dark fill. */
.quick-wallet-dialog :is(
  .deposit-experience,
  .deposit-form-card,
  .sandbox-wallet__controls,
  .withdrawal-form-shell,
  .account-withdraw-request,
  .wallet-overview
) {
  background: var(--wallet-shell) !important;
  background-image: none !important;
}

.quick-wallet-dialog .sandbox-wallet__controls label {
  background: transparent !important;
  background-image: none !important;
}

.quick-wallet-dialog :is(
  input,
  select,
  textarea,
  .account-withdraw-amount-input,
  .sandbox-wallet__address,
  .sandbox-wallet__address > div
) {
  background: var(--wallet-panel) !important;
  background-image: none !important;
  border-color: var(--wallet-border) !important;
  color: var(--wallet-text) !important;
  box-shadow: none !important;
}

.quick-wallet-dialog :is(
  .sandbox-wallet__create,
  .sandbox-wallet__reset,
  .withdrawal-exact-amount,
  .account-withdraw-submit button,
  .account-withdraw-presets button,
  .wallet-ledger-action
) {
  background: var(--wallet-panel) !important;
  background-image: none !important;
  border-color: var(--wallet-border) !important;
  color: var(--wallet-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.quick-wallet-dialog .deposit-experience--quick {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.deposit-experience
  > nav.deposit-experience__methods,
html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.deposit-form-card,
html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.deposit-form-card
  > .sandbox-wallet__controls {
  background: var(--wallet-shell) !important;
  background-color: var(--wallet-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.deposit-experience
  > nav.deposit-experience__methods {
  border: 0 !important;
}

html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.quick-withdraw.withdrawal-form-shell,
html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.quick-withdraw.withdrawal-form-shell
  > form.account-withdraw-request,
html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  .withdrawal-form-heading,
html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  .withdrawal-address-heading {
  background: var(--wallet-shell) !important;
  background-color: var(--wallet-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.quick-withdraw.withdrawal-form-shell,
html body section#winbet-quick-wallet .deposit-panel.sandbox-wallet__panel
  > section.quick-withdraw.withdrawal-form-shell
  > form.account-withdraw-request {
  border-color: var(--wallet-divider) !important;
}

.quick-wallet-dialog .deposit-experience__methods {
  gap: 8px !important;
}

.quick-wallet-dialog .deposit-experience__methods button {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  min-block-size: 76px !important;
  padding: 7px 10px !important;
  border: 1px solid var(--wallet-border) !important;
  border-radius: 12px !important;
  background: var(--wallet-panel) !important;
  color: var(--wallet-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.quick-wallet-dialog .deposit-experience__methods button:is(:hover, :focus-visible, .active) {
  border-color: rgba(136, 171, 188, 0.42) !important;
  background: var(--wallet-panel) !important;
  box-shadow: inset 0 0 0 1px rgba(237, 245, 248, 0.08) !important;
  transform: none !important;
}

.quick-wallet-dialog .wallet-method-icon {
  inline-size: 46px;
  block-size: 46px;
  object-fit: contain;
  object-position: center;
  grid-row: 1 / span 2;
  pointer-events: none;
  grid-column: 1 !important;
}

.quick-wallet-dialog .deposit-experience__methods button > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
}

.quick-wallet-dialog .deposit-experience__methods button > small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
}

/* Payment generation is the one intentional blue action: muted until the draft is valid. */
.quick-wallet-dialog .deposit-form-card .sandbox-wallet__create {
  border: 1px solid rgba(77, 158, 236, 0.78) !important;
  background: #247fe2 !important;
  color: #ffffff !important;
  box-shadow: 0 9px 22px rgba(36, 127, 226, 0.26) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease !important;
}

.quick-wallet-dialog .deposit-form-card .sandbox-wallet__create:disabled {
  border-color: rgba(77, 158, 236, 0.24) !important;
  background: rgba(36, 127, 226, 0.2) !important;
  color: rgba(213, 235, 255, 0.58) !important;
  box-shadow: 0 0 18px rgba(36, 127, 226, 0.12) !important;
  opacity: 1 !important;
}

@media (max-width: 640px) {
  html body div.wallet-surface.deposit-overlay {
    position: fixed !important;
    inset: auto !important;
    inset-block-start: 60px !important;
    inset-block-end: calc(60px + env(safe-area-inset-bottom)) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    z-index: 80 !important;
    inline-size: 100vw !important;
    block-size: auto !important;
    height: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    max-height: none !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    place-items: stretch !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html body div.wallet-surface.deposit-overlay > .deposit-dialog.sandbox-wallet.quick-wallet-dialog {
    position: relative !important;
    inset-block-start: auto !important;
    inset-block-end: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    inline-size: 100vw !important;
    min-inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--wallet-shell) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .wallet-surface.deposit-overlay.mobile-wallet-sheet-enter-active,
  .wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-active {
    transition: background-color 300ms ease !important;
  }

  .wallet-surface.deposit-overlay.mobile-wallet-sheet-enter-active > .quick-wallet-dialog,
  .wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-active > .quick-wallet-dialog {
    transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform;
  }

  .wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-active > .quick-wallet-dialog {
    transition-duration: 300ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .wallet-surface.deposit-overlay.mobile-wallet-sheet-enter-from > .quick-wallet-dialog,
  .wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-to > .quick-wallet-dialog {
    transform: translate3d(0, 100%, 0) !important;
  }

  .wallet-surface.deposit-overlay.mobile-wallet-sheet-enter-to > .quick-wallet-dialog,
  .wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-from > .quick-wallet-dialog {
    transform: translate3d(0, 0, 0) !important;
  }

  .quick-wallet-dialog::before {
    inline-size: 72px !important;
    block-size: 4px !important;
    margin-block: 8px 4px !important;
    background: rgba(111, 135, 150, 0.62) !important;
  }

  .quick-wallet-dialog .quick-wallet-tabs {
    padding: 6px 10px 8px !important;
  }

  .quick-wallet-dialog .quick-wallet-tabs button {
    min-block-size: 58px !important;
    grid-template-rows: 31px auto !important;
  }

  .quick-wallet-dialog .wallet-action-icon {
    inline-size: 31px;
    block-size: 29px;
  }

  .quick-wallet-dialog .quick-wallet-tabs button > span {
    font-size: 0.56rem;
  }

  .quick-wallet-dialog .sandbox-wallet__panel {
    gap: 8px !important;
    padding: 8px 10px max(12px, env(safe-area-inset-bottom)) !important;
    background: var(--wallet-shell) !important;
  }

  .quick-wallet-dialog :is(
    .deposit-form-card,
    .production-wallet-quote > div,
    .sandbox-wallet__intent,
    .sandbox-wallet__payment,
    .quick-wallet-unavailable,
    .withdrawal-form-shell
  ) {
    border-color: var(--wallet-border) !important;
    background: var(--wallet-panel) !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}

/* Terminal palette lock: no legacy Wallet surface may introduce a third fill. */
html body div.wallet-surface.deposit-overlay .quick-wallet-dialog {
  background-color: var(--wallet-shell) !important;
  background-image: none !important;
}

html body div.wallet-surface.deposit-overlay .quick-wallet-dialog
  :is(.quick-wallet-tabs, .sandbox-wallet__panel) {
  background-color: var(--wallet-shell) !important;
  background-image: none !important;
}

html body div.wallet-surface.deposit-overlay .quick-wallet-dialog
  .sandbox-wallet__panel * {
  background-color: transparent !important;
  background-image: none !important;
}

html body div.wallet-surface.deposit-overlay .quick-wallet-dialog
  .sandbox-wallet__panel > *,
html body div.wallet-surface.deposit-overlay .quick-wallet-dialog
  :is(
    .quick-wallet-tabs button,
    .quick-wallet-close,
    .deposit-experience__methods button,
    input,
    select,
    textarea,
    .account-withdraw-amount-input,
    .sandbox-wallet__address,
    .sandbox-wallet__address > div,
    .deposit-fiat-unavailable article,
    .deposit-fiat-unavailable button,
    .quick-wallet-unavailable button,
    .account-withdraw-presets button,
    .account-withdraw-submit button
  ) {
  background-color: var(--wallet-panel) !important;
  background-image: none !important;
}

/* The visible header Wallet control remains the second-click close target. */
html body.wallet-overlay-locked .topbar .wallet-action {
  pointer-events: auto !important;
}

html body.wallet-overlay-locked .topbar .balance-pill {
  pointer-events: auto !important;
}

/* Currency selector: same mobile sheet geometry and the same two WinsView fills. */
@media (max-width: 640px) {
  html body div.currency-selector-overlay {
    --wallet-shell: #1a2e39;
    --wallet-panel: #0b1820;
    --wallet-divider: #233e49;
    position: fixed !important;
    inset: auto !important;
    inset-block-start: 60px !important;
    inset-block-end: calc(60px + env(safe-area-inset-bottom)) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    inline-size: 100vw !important;
    block-size: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body div.currency-selector-overlay > section.currency-dropdown.currency-dropdown--portal {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
    inline-size: 100vw !important;
    min-inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    block-size: calc(100dvh - 120px - env(safe-area-inset-bottom)) !important;
    height: calc(100dvh - 120px - env(safe-area-inset-bottom)) !important;
    min-block-size: 0 !important;
    max-block-size: calc(100dvh - 120px - env(safe-area-inset-bottom)) !important;
    max-height: calc(100dvh - 120px - env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--wallet-shell) !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html body div.currency-selector-overlay .currency-dropdown--portal * {
    background-color: transparent !important;
    background-image: none !important;
  }

  html body div.currency-selector-overlay .currency-dropdown--portal
    :is(.currency-search, .currency-row, .currency-actions button, .currency-badge) {
    background-color: var(--wallet-panel) !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    section.currency-section,
  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    footer.currency-actions {
    background-color: var(--wallet-shell) !important;
    background-image: none !important;
  }

  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    button.currency-row,
  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    button.currency-row:is(:hover, :focus-visible, .active, :disabled, .is-unavailable) {
    background-color: var(--wallet-panel) !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body div.currency-selector-overlay .currency-search {
    min-block-size: 44px !important;
    margin: 8px 10px !important;
    padding-inline: 12px !important;
    border: 1px solid rgba(111, 135, 150, 0.24) !important;
    border-radius: 10px !important;
  }

  html body div.currency-selector-overlay .currency-search input {
    min-block-size: 42px !important;
    font-size: 0.9rem !important;
  }

  html body div.currency-selector-overlay .currency-dropdown__scroll {
    min-block-size: 0 !important;
    max-block-size: none !important;
    padding: 2px 10px 10px !important;
    overflow-y: auto !important;
    background: var(--wallet-shell) !important;
    scrollbar-gutter: auto !important;
  }

  html body div.currency-selector-overlay .currency-section {
    display: grid !important;
    gap: 7px !important;
    padding: 8px !important;
    border: 1px solid var(--wallet-divider) !important;
    border-radius: 14px !important;
    background: var(--wallet-shell) !important;
    overflow: hidden !important;
  }

  html body div.currency-selector-overlay .currency-section + .currency-section {
    margin-block-start: 8px !important;
    border-block-start: 1px solid var(--wallet-divider) !important;
  }

  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal section.currency-section > h3 {
    position: static !important;
    padding: 9px 10px 5px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    font-size: 0.7rem !important;
  }

  html body div.currency-selector-overlay .currency-row {
    grid-template-columns: 42px minmax(76px, 1fr) auto !important;
    gap: 10px !important;
    min-block-size: 58px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--wallet-divider) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px rgba(237, 245, 248, 0.035) !important;
    transition: border-color 140ms ease, box-shadow 140ms ease !important;
  }

  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    button.currency-row:is(:hover, :focus-visible, .active) {
    border-color: var(--wallet-divider) !important;
    box-shadow: inset 0 0 0 1px rgba(237, 245, 248, 0.07) !important;
  }

  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    button.currency-row::before,
  html body div.currency-selector-overlay section.currency-dropdown.currency-dropdown--portal
    button.currency-row::after {
    display: none !important;
    content: none !important;
  }

  html body div.currency-selector-overlay .currency-badge {
    inline-size: 36px !important;
    block-size: 36px !important;
    font-size: 0.72rem !important;
  }

  html body div.currency-selector-overlay .currency-badge img,
  html body .quick-wallet-dialog .currency-badge img,
  html body .balance-pill__coin img {
    display: block !important;
    inline-size: 72% !important;
    block-size: 72% !important;
    max-inline-size: 72% !important;
    max-block-size: 72% !important;
    object-fit: contain !important;
  }

  html body :is(.currency-badge, .balance-pill__coin)[data-code="ETH"] img {
    filter: none !important;
  }

  html body div.currency-selector-overlay .currency-code strong,
  html body div.currency-selector-overlay .currency-values strong {
    font-size: 0.86rem !important;
  }

  html body div.currency-selector-overlay .currency-code small,
  html body div.currency-selector-overlay .currency-values small {
    font-size: 0.62rem !important;
  }

  html body div.currency-selector-overlay .currency-actions {
    position: relative !important;
    inset: auto !important;
    min-block-size: 50px !important;
    background: var(--wallet-shell) !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 260px) !important;
    justify-content: center !important;
    padding: 7px 10px !important;
    border-color: rgba(111, 135, 150, 0.24) !important;
  }

  html body div.currency-selector-overlay .currency-actions button {
    min-block-size: 50px !important;
    font-size: 0.78rem !important;
    border: 1px solid rgba(111, 135, 150, 0.24) !important;
    border-radius: 11px !important;
  }

  html body div.currency-selector-overlay .currency-actions .currency-actions__disabled {
    display: none !important;
  }

  html body div.currency-selector-overlay.currency-menu-enter-active,
  html body div.currency-selector-overlay.currency-menu-leave-active {
    transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  html body div.currency-selector-overlay.currency-menu-enter-from {
    opacity: 1 !important;
    transform: translate3d(0, 100%, 0) !important;
  }

  html body div.currency-selector-overlay.currency-menu-leave-to {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Mobile sheet boundary lock.
   Legacy runtime skins use :has() and full-viewport insets. These selectors
   deliberately outrank them so both sheets live only between the real 60px
   header and 60px mobile dashboard throughout enter and leave transitions. */
@media (max-width: 640px) {
  html body div.wallet-surface.deposit-overlay:has(> section#winbet-quick-wallet.quick-wallet-dialog) {
    position: fixed !important;
    inset: auto !important;
    inset-block-start: 60px !important;
    inset-block-end: calc(60px + env(safe-area-inset-bottom)) !important;
    inset-inline: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    inline-size: 100vw !important;
    block-size: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body div.wallet-surface.deposit-overlay:has(> section#winbet-quick-wallet.quick-wallet-dialog)
    > section#winbet-quick-wallet.quick-wallet-dialog {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 100% !important;
    inline-size: 100vw !important;
    min-inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    block-size: 100% !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transform: translate3d(0, 0, 0) !important;
  }

  html body div.wallet-surface.deposit-overlay.mobile-wallet-sheet-enter-active:has(> section#winbet-quick-wallet.quick-wallet-dialog)
    > section#winbet-quick-wallet.quick-wallet-dialog,
  html body div.wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-active:has(> section#winbet-quick-wallet.quick-wallet-dialog)
    > section#winbet-quick-wallet.quick-wallet-dialog {
    transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform !important;
  }

  html body div.wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-active:has(> section#winbet-quick-wallet.quick-wallet-dialog)
    > section#winbet-quick-wallet.quick-wallet-dialog {
    transition-duration: 300ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  html body div.wallet-surface.deposit-overlay.mobile-wallet-sheet-enter-from:has(> section#winbet-quick-wallet.quick-wallet-dialog)
    > section#winbet-quick-wallet.quick-wallet-dialog,
  html body div.wallet-surface.deposit-overlay.mobile-wallet-sheet-leave-to:has(> section#winbet-quick-wallet.quick-wallet-dialog)
    > section#winbet-quick-wallet.quick-wallet-dialog {
    transform: translate3d(0, 100%, 0) !important;
  }

  html body div.currency-selector-overlay {
    position: fixed !important;
    inset: auto !important;
    inset-block-start: 60px !important;
    inset-block-end: calc(60px + env(safe-area-inset-bottom)) !important;
    inset-inline: 0 !important;
    z-index: 80 !important;
    inline-size: 100vw !important;
    block-size: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
  }

  html body div.currency-selector-overlay > section#winbet-currency-selector.currency-dropdown--portal {
    position: relative !important;
    inset: auto !important;
    inline-size: 100vw !important;
    min-inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    block-size: 100% !important;
    height: 100% !important;
    min-block-size: 0 !important;
    max-block-size: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: translate3d(0, 0, 0) !important;
  }

  html body div.currency-selector-overlay.currency-menu-enter-active,
  html body div.currency-selector-overlay.currency-menu-leave-active,
  html body div.currency-selector-overlay.currency-menu-enter-from,
  html body div.currency-selector-overlay.currency-menu-enter-to,
  html body div.currency-selector-overlay.currency-menu-leave-from,
  html body div.currency-selector-overlay.currency-menu-leave-to {
    transform: none !important;
  }

  html body div.currency-selector-overlay.currency-menu-enter-active
    > section#winbet-currency-selector.currency-dropdown--portal,
  html body div.currency-selector-overlay.currency-menu-leave-active
    > section#winbet-currency-selector.currency-dropdown--portal {
    transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform !important;
  }

  html body div.currency-selector-overlay.currency-menu-leave-active
    > section#winbet-currency-selector.currency-dropdown--portal {
    transition-duration: 300ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  html body div.currency-selector-overlay.currency-menu-enter-from
    > section#winbet-currency-selector.currency-dropdown--portal,
  html body div.currency-selector-overlay.currency-menu-leave-to
    > section#winbet-currency-selector.currency-dropdown--portal {
    transform: translate3d(0, 100%, 0) !important;
  }
}

@media (max-width: 380px) {
  html body div.wallet-surface.deposit-overlay:has(> section#winbet-quick-wallet.quick-wallet-dialog),
  html body div.currency-selector-overlay {
    inset-block-end: calc(58px + env(safe-area-inset-bottom)) !important;
  }
}

/* Payment CTA lifecycle: muted blue while incomplete, solid blue when actionable/ready. */
html body section#winbet-quick-wallet.quick-wallet-dialog
  .deposit-form-card .sandbox-wallet__create[data-state="pending"],
html body section#winbet-quick-wallet.quick-wallet-dialog
  .deposit-form-card .sandbox-wallet__create[data-state="creating"] {
  border-color: rgba(77, 158, 236, 0.34) !important;
  background: rgba(36, 127, 226, 0.24) !important;
  color: rgba(221, 239, 255, 0.72) !important;
  box-shadow: 0 0 22px rgba(36, 127, 226, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  opacity: 1 !important;
}

html body section#winbet-quick-wallet.quick-wallet-dialog
  .deposit-form-card .sandbox-wallet__create[data-state="available"],
html body section#winbet-quick-wallet.quick-wallet-dialog
  .deposit-form-card .sandbox-wallet__create[data-state="ready"] {
  border-color: rgba(111, 183, 255, 0.9) !important;
  background: #247fe2 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px rgba(36, 127, 226, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  opacity: 1 !important;
}

html body section#winbet-quick-wallet.quick-wallet-dialog
  .deposit-form-card .sandbox-wallet__create[data-state="ready"] {
  cursor: pointer !important;
}

/* QR owns its frame; payment metadata is compact and stacked underneath it. */
html body .deposit-payment-modal .sandbox-wallet__payment--qr {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .deposit-payment-modal .sandbox-wallet__qr-frame {
  display: grid !important;
  justify-items: center !important;
  gap: 7px !important;
  inline-size: min(286px, 100%) !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid var(--wallet-border) !important;
  border-radius: 16px !important;
  background: var(--wallet-panel) !important;
  box-shadow: 0 14px 32px rgba(2, 12, 18, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html body .deposit-payment-modal .sandbox-wallet__qr-frame .sandbox-wallet__qr {
  display: grid !important;
  place-items: center !important;
  inline-size: min(250px, 68vw) !important;
  aspect-ratio: 1 !important;
  block-size: auto !important;
  padding: 9px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

html body .deposit-payment-modal .sandbox-wallet__qr-frame .sandbox-wallet__qr img {
  display: block !important;
  inline-size: 100% !important;
  block-size: 100% !important;
  object-fit: contain !important;
}

html body .deposit-payment-modal .sandbox-wallet__qr-frame figcaption {
  color: var(--wallet-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

html body .deposit-payment-modal .sandbox-wallet__amount {
  display: grid !important;
  justify-items: center !important;
  gap: 3px !important;
  inline-size: min(286px, 100%) !important;
  padding: 0 8px !important;
  text-align: center !important;
}

html body .deposit-payment-modal .sandbox-wallet__amount small {
  font-size: 0.62rem !important;
}

html body .deposit-payment-modal .sandbox-wallet__amount strong {
  font-size: 0.88rem !important;
  line-height: 1.2 !important;
}

html body .deposit-payment-modal .sandbox-wallet__amount > span,
html body .deposit-payment-modal .sandbox-wallet__amount em {
  font-size: 0.64rem !important;
  line-height: 1.3 !important;
}

/* Glass hover feedback without geometry changes or hover lift. */
html body section#winbet-quick-wallet.quick-wallet-dialog
  :is(.quick-wallet-tabs button, .deposit-experience__methods button):is(:hover, :focus-visible),
html body section#winbet-quick-wallet.quick-wallet-dialog
  :is(.quick-wallet-tabs button, .deposit-experience__methods button).active {
  border-color: rgba(151, 190, 209, 0.56) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)), var(--wallet-panel) !important;
  box-shadow: 0 12px 26px rgba(2, 12, 18, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.11), inset 0 0 0 1px rgba(237, 245, 248, 0.05) !important;
  backdrop-filter: blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
  transform: none !important;
}