/*
 * RUAY55 wallet topbar visual unifier v1.
 * Scope: wallet page back button only.
 * Do not touch locked wallet v31/v8 card assets, scanner, theme, or backend.
 */

html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button {
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  overflow: hidden !important;
  color: #0e5143 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  border: 1px solid rgba(132, 143, 119, 0.78) !important;
  outline: 1px solid rgba(255, 255, 246, 0.92) !important;
  outline-offset: -4px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 29% 24%, rgba(255, 255, 255, 0.95) 0 14%, transparent 32%),
    linear-gradient(145deg, rgba(255, 254, 247, 0.98), rgba(238, 240, 226, 0.94)) !important;
  box-shadow:
    0 3px 9px rgba(44, 65, 49, 0.12),
    inset 0 1px rgba(255, 255, 255, 0.96),
    inset 0 -1px rgba(133, 119, 78, 0.12) !important;
  transform: none !important;
  filter: none !important;
}

html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button svg {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  display: block !important;
  flex: 0 0 24px !important;
  color: #0e5143 !important;
  stroke-width: 2.2px !important;
  transform: translateX(-1px) !important;
}

html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button:hover,
html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button:focus-visible {
  color: #0b463a !important;
  border-color: rgba(113, 129, 101, 0.9) !important;
  background:
    radial-gradient(circle at 29% 24%, rgba(255, 255, 255, 1) 0 14%, transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 251, 0.99), rgba(232, 237, 221, 0.96)) !important;
}