/* Botão de depósito: fundo claro e conteúdo na cor do tema ativo. */
#app #depositClick,
#app #depositClick * {
  color: var(--skin__primary) !important;
  -webkit-text-fill-color: var(--skin__primary) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

html body #app [class*="_user-action-box_"] button#depositClick,
html[data-skin-bg="0"] body #app [class*="_user-action-box_"] button#depositClick,
html[data-skin-bg="1"] body #app [class*="_user-action-box_"] button#depositClick {
  background: #fff3c4 !important;
  background-color: #fff3c4 !important;
  background-image: none !important;
  border-color: #fff3c4 !important;
  box-shadow: none !important;
  color: var(--skin__primary) !important;
  -webkit-text-fill-color: var(--skin__primary) !important;
  font-weight: 400 !important;
}

html body #app [class*="_user-action-box_"] button#depositClick *,
html[data-skin-bg="0"] body #app [class*="_user-action-box_"] button#depositClick *,
html[data-skin-bg="1"] body #app [class*="_user-action-box_"] button#depositClick * {
  color: var(--skin__primary) !important;
  -webkit-text-fill-color: var(--skin__primary) !important;
  font-weight: 400 !important;
}

#app #depositClick svg,
#app #depositClick svg * {
  color: var(--skin__primary) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

#app [class*="_user-action-box_"]:not([class*="_have-bg_"])
  [class*="_user-action-popover_"] {
  color: var(--skin__primary) !important;
  background-color: #fff3c4 !important;
  border-color: #fff3c4 !important;
  opacity: 1 !important;
}

html body #app [class*="_user-action-box_"] [class*="_user-action-popover_"],
html[data-skin-bg="0"] body #app [class*="_user-action-box_"] [class*="_user-action-popover_"],
html[data-skin-bg="1"] body #app [class*="_user-action-box_"] [class*="_user-action-popover_"] {
  color: var(--skin__primary) !important;
  background: #fff3c4 !important;
  background-color: #fff3c4 !important;
  background-image: none !important;
  border-color: #fff3c4 !important;
}

#app [class*="_user-action-box_"]:not([class*="_have-bg_"])
  [class*="_user-action-popover_"]::after {
  background: var(--skin__primary) !important;
  opacity: .75 !important;
}

html body #app [class*="_user-action-box_"] [class*="_user-action-popover_"]::before {
  background: transparent !important;
  background-color: transparent !important;
}

html body #app [class*="_user-action-box_"] [class*="_user-action-popover_"]::after {
  background-color: var(--skin__primary) !important;
  opacity: .28 !important;
}

#app [class*="_user-action-box_"]:not([class*="_have-bg_"])
  [class*="_user-action-popover_"] img {
  opacity: .9 !important;
}

/* Barra de download: fundo na cor do tema e botão igual ao Depósito. */
#app [class*="_top-download_"]:has(button.ui-button) {
  background-color: var(--skin__primary) !important;
  background-image: none !important;
  min-height: .64rem !important;
  padding: .08rem .12rem !important;
  gap: .12rem !important;
}

#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-content_"],
#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-inner-html_"],
#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-inner-html_"] *,
#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-close_"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-content_"] {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: .10rem !important;
}

#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-inner-html_"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#app [class*="_top-download_"]:has(button.ui-button)
  [class*="_top-download-inner-html_"] p {
  margin: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .20rem !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  text-align: left !important;
  width: 1.68rem !important;
  max-width: 1.68rem !important;
  margin-left: auto !important;
  flex: 0 0 1.68rem !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

#app [class*="_top-download_"]:has(button.ui-button)
  button.ui-button {
  width: 1.36rem !important;
  min-width: 1.36rem !important;
  height: .44rem !important;
  color: var(--skin__primary) !important;
  -webkit-text-fill-color: var(--skin__primary) !important;
  background: #fff3c4 !important;
  border-color: #fff3c4 !important;
  border-radius: .10rem !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: .20rem !important;
  font-weight: 400 !important;
}

#app [class*="_top-download_"]:has(button.ui-button)
  button.ui-button * {
  color: var(--skin__primary) !important;
  -webkit-text-fill-color: var(--skin__primary) !important;
}

/*
 * CoroaPG: depósito escuro somente no tema Preto.
 * A classe é ativada somente quando a paleta real possui fundo preto neutro.
 * Fora dela, o depósito permanece inteiramente nativo ao tema selecionado.
 */
html.montanha-deposit-black-theme {
  --montanha-deposit-panel-bg: #151515;
  --montanha-deposit-panel-bg-alt: #222222;
  --montanha-deposit-panel-text: #ffffff;
  --montanha-deposit-panel-icon: #ffffff;
  --montanha-deposit-panel-border: #666666;
  --montanha-deposit-panel-active: #ffffff;
  --montanha-deposit-submit-bg: #f6f1ed;
  --montanha-deposit-submit-text: #8a6f47;
}

html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]),
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="main-recharge"]),
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root,
html.montanha-deposit-black-theme body .montanha-deposit-dark-surface,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .ui-popup__main,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="main-recharge"]) .ui-popup__main,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) [class*="_main-recharge_"],
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="main-recharge"]) [class*="main-recharge"],
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .ui-tabs,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="main-recharge"]) .ui-tabs,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .ui-tabs__content,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="main-recharge"]) .ui-tabs__content,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .ui-tab__panel,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="main-recharge"]) .ui-tab__panel,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"],
html.montanha-deposit-black-theme body #app [class*="main-recharge"] {
  background: #151515 !important;
  background-color: #151515 !important;
  background-image: none !important;
  color: #ffffff !important;
}

html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) div,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) section,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) form,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .ui-input,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .ui-input__wrapper,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root div,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root section,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root form,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root .ui-input,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root .ui-input__wrapper,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] div,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] section,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] form,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] .ui-input,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] .ui-input__wrapper {
  background: #151515 !important;
  background-color: #151515 !important;
  background-image: none !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root :where(h1,h2,h3,h4,p,label,span),
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) :where(h1,h2,h3,h4,p,label,span),
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] :where(h1,h2,h3,h4,p,label,span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root .montanha-deposit-contrast-box,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) [class*="_grid_"] [class*="_item_"],
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] [class*="_grid_"] [class*="_item_"],
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) :where(button,[role="button"],input):not(.montanha-deposit-contrast-submit) {
  background: #151515 !important;
  background-color: #151515 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #666666 !important;
  box-shadow: none !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root input::placeholder,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) input::placeholder,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] input::placeholder {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
  opacity: 1 !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root svg,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) svg,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] svg {
  color: #ffffff !important;
  opacity: 1 !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root svg path,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) svg path,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root .montanha-deposit-contrast-submit,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) .montanha-deposit-contrast-submit,
html.montanha-deposit-black-theme body #app [class*="_main-recharge_"] .montanha-deposit-contrast-submit,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root .montanha-deposit-contrast-submit * {
  background: #f6f1ed !important;
  background-color: #f6f1ed !important;
  color: #8a6f47 !important;
  -webkit-text-fill-color: #8a6f47 !important;
  border-color: #f6f1ed !important;
}

/* Campo de valor: sem destaque verde no tema Preto. */
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root [class*="_amount-input_"] .ui-input,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root [class*="_amount-input_"] .ui-input__wrapper,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) [class*="_amount-input_"] .ui-input,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) [class*="_amount-input_"] .ui-input__wrapper {
  border-color: #666666 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html.montanha-deposit-black-theme body .montanha-deposit-contrast-root [class*="_amount-input_"] .ui-input:focus-within,
html.montanha-deposit-black-theme body .montanha-deposit-contrast-root [class*="_amount-input_"] .ui-input__wrapper:focus-within,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) [class*="_amount-input_"] .ui-input:focus-within,
html.montanha-deposit-black-theme body .ui-popup--bottom:has([class*="_main-recharge_"]) [class*="_amount-input_"] .ui-input__wrapper:focus-within {
  border-color: #ffffff !important;
  box-shadow: none !important;
  outline: 0 !important;
}