.member-authenticated [data-auth-synced="1"] {
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.member-authenticated [data-member-balance="1"] {
  min-width: 0 !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 12px !important;
  flex: 0 0 auto !important;
}

.member-authenticated #loginClick,
.member-authenticated #registerClickModal {
  min-height: 28px !important;
  box-sizing: border-box !important;
}

.member-authenticated #loginClick {
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 3px !important;
  margin-right: 3px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffd928 !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* O tema original pinta o contêiner externo do antigo botão Login. */
.member-authenticated [data-member-balance-shell="1"],
.member-authenticated *:has(> #loginClick) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.member-authenticated #loginClick::before,
.member-authenticated #loginClick::after,
.member-authenticated [data-member-balance-shell="1"]::before,
.member-authenticated [data-member-balance-shell="1"]::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.member-authenticated .ma-top-flag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 2px solid #8be21c !important;
  border-radius: 50% !important;
  background: #079447 !important;
  box-shadow: 0 0 0 1px rgba(255,216,0,.9) !important;
  line-height: 1 !important;
}

.member-authenticated .ma-top-flag img {
  width: 13px !important;
  height: 10px !important;
  max-width: none !important;
  object-fit: cover !important;
}

.member-authenticated .ma-top-value {
  color: #ffd928 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 1px !important;
  margin: 0 !important;
  min-width: 0 !important;
  text-align: center !important;
}

.member-authenticated .ma-top-refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  border-radius: 50% !important;
  background: #08c9ed !important;
  color: #003a59 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important;
  transition: transform .2s ease,filter .2s ease !important;
}

.member-authenticated .ma-top-refresh.is-loading {
  animation: ma-balance-spin .7s linear infinite !important;
  filter: brightness(1.12) !important;
}

@keyframes ma-balance-spin {
  to { transform: rotate(360deg); }
}

.member-authenticated #registerClickModal {
  min-width: 79px !important;
  flex: 0 0 79px !important;
  height: 29px !important;
  padding: 0 0 0 9px !important;
  border-radius: 5px !important;
  border-color: #21ddf4 !important;
  background: #06bdd9 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 1px 3px rgba(0,0,0,.16) !important;
}

.member-authenticated .ma-deposit-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  width: 20px !important;
  padding-left: 0 !important;
  margin-left: 7px !important;
  border-left: 1px solid rgba(255,255,255,.45) !important;
  font-size: 8px !important;
  transition: transform .18s ease !important;
}

.member-authenticated .ma-deposit-arrow.is-open {
  transform: rotate(180deg) !important;
}

.ma-quick-menu {
  position: fixed !important;
  z-index: 2147483500 !important;
  width: 82px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 7px 0 !important;
  border: 1px solid #0879a6 !important;
  border-radius: 7px !important;
  background: #003653 !important;
  box-shadow: 0 8px 20px rgba(0,15,28,.36) !important;
}

.ma-quick-menu button {
  display: block !important;
  width: 100% !important;
  height: 39px !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}

.ma-quick-menu button:hover,
.ma-quick-menu button:active {
  background: rgba(0,191,225,.16) !important;
}

.ma-coming-soon {
  position: fixed !important;
  left: 50% !important;
  bottom: 76px !important;
  z-index: 2147483600 !important;
  max-width: calc(100vw - 40px) !important;
  padding: 9px 14px !important;
  border: 1px solid #0786b5 !important;
  border-radius: 7px !important;
  background: #003653 !important;
  color: #fff !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transform: translate(-50%,8px) !important;
  transition: opacity .2s ease,transform .2s ease !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.35) !important;
}

.ma-coming-soon.show {
  opacity: 1 !important;
  transform: translate(-50%,0) !important;
}
