/* ==========================================
   BETZAP - MENU LATERAL DA CONTA V2
   Estilo compacto / Verde-esmeralda
   ========================================== */

#profile-drawer {
  width: min(410px, 94vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 0 0 auto !important;
  padding: 17px 15px 24px !important;
  border: 0 !important;
  border-left: 1px solid #164535 !important;
  border-radius: 0 !important;
  background: linear-gradient(
    180deg, #031610 0%, #020f0b 55%, #010c08 100%
  ) !important;
  color: #ecfff6 !important;
  box-shadow: -18px 0 42px #0007 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  font-family: Montserrat, system-ui, sans-serif !important;
}

#profile-drawer *,
#profile-drawer *::before,
#profile-drawer *::after {
  box-sizing: border-box;
}

#profile-drawer :is(a, button, strong, small, h2) {
  font-family: Montserrat, system-ui, sans-serif !important;
}

/* Cabeçalho Minha conta */
#profile-drawer .profile-drawer-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

#profile-drawer .profile-drawer-top h2 {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -.3px;
  color: #f4fff9 !important;
}

#profile-drawer .profile-close {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid #244538 !important;
  border-radius: 50% !important;
  background: #13271e !important;
  color: #d7f5e7 !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer;
}

/* Card de identidade */
#profile-drawer .profile-identity {
  position: relative;
  min-height: 124px !important;
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  padding: 21px 17px !important;
  margin: 0 0 20px !important;
  border: 1px solid #24513e !important;
  border-radius: 19px !important;
  background: linear-gradient(
    135deg, #102b20 0%, #061711 100%
  ) !important;
  box-shadow: none !important;
}

/* Avatar */
#profile-drawer .profile-initials {
  flex: 0 0 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  border: 2px solid #00d8a3 !important;
  border-radius: 50% !important;
  background: #092a20 !important;
  color: #00e0aa !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  display: grid !important;
  place-items: center !important;
}

/* Nome e email */
#profile-drawer .profile-identity strong {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #f8fffc !important;
}

#profile-drawer .profile-identity small {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #90b8a9 !important;
  overflow-wrap: anywhere;
}

/* Links da conta */
#profile-drawer a[href] {
  text-decoration: none;
  color: #dfefe6 !important;
}

#profile-drawer nav a[href],
#profile-drawer a[href^="/carteira"],
#profile-drawer a[href^="/premios"],
#profile-drawer a[href^="/notificacoes"],
#profile-drawer a[href^="/dados"],
#profile-drawer a[href^="/historico"],
#profile-drawer a[href^="/limites"],
#profile-drawer a[href^="/suporte"] {
  min-height: 49px !important;
  border: 1px solid #244536 !important;
  border-radius: 13px !important;
  background: #071710 !important;
  padding: 11px 13px !important;
  transition: background .18s, border-color .18s;
}

#profile-drawer nav a[href]:hover,
#profile-drawer nav a[href]:focus-visible {
  background: #0d3022 !important;
  border-color: #00a87c !important;
}

#profile-drawer nav a.active {
  background: #0b3628 !important;
  border-color: #147c59 !important;
  color: #00dfa6 !important;
}

#profile-drawer nav a svg {
  width: 19px;
  height: 19px;
}

/* Badges de notificacoes */
#profile-drawer a i {
  background: #00d8a3;
  color: #002218;
  border-radius: 999px;
  font-style: normal;
  font-weight: 700;
}

/* Botao Sair: manter o evento existente */
#profile-drawer [data-action="logout"],
#profile-drawer [data-profile-logout] {
  color: #a8c5b7 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#profile-drawer :is(a,button):focus-visible {
  outline: 2px solid #00d8a3 !important;
  outline-offset: 3px;
}

@media (max-width: 520px) {
  #profile-drawer {
    width: 100vw !important;
    padding: 15px 13px 22px !important;
  }

  #profile-drawer .profile-identity {
    padding: 18px 15px !important;
  }

  #profile-drawer .profile-initials {
    flex-basis: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }
}