/* V282 - Dropdown/backdrop da conta mais profissional */
.account-area,
.user-account,
.account-menu,
.account-wrap{
  position:relative!important;
}

/* Botão da conta */
.account-trigger,
.account-logged-main{
  border-radius:999px!important;
  border:1px solid rgba(226,232,240,.85)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}

.account-trigger:hover,
.account-logged-main:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(var(--primary-rgb,15,108,173),.28)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.10)!important;
  background:#fff!important;
}

/* Ícone do usuário */
.account-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--primary,#0f6cad),#0f172a)!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
}

/* Dropdown */
.account-dropdown{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  right:0!important;
  min-width:235px!important;
  max-width:300px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 24px 70px rgba(2,6,23,.18)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px) scale(.98)!important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
  z-index:9999!important;
  overflow:visible!important;
}

/* Setinha superior */
.account-dropdown::before{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  right:24px!important;
  width:14px!important;
  height:14px!important;
  background:#fff!important;
  border-left:1px solid rgba(226,232,240,.92)!important;
  border-top:1px solid rgba(226,232,240,.92)!important;
  transform:rotate(45deg)!important;
  border-radius:4px!important;
}

/* Abre ao passar mouse/foco */
.account-area:hover .account-dropdown,
.account-area:focus-within .account-dropdown,
.user-account:hover .account-dropdown,
.user-account:focus-within .account-dropdown,
.account-menu:hover .account-dropdown,
.account-menu:focus-within .account-dropdown,
.account-wrap:hover .account-dropdown,
.account-wrap:focus-within .account-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}

/* Cabeçalho/nome quando logado */
.account-dropdown > strong{
  display:block!important;
  margin:2px 2px 8px!important;
  padding:12px 13px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(var(--primary-rgb,15,108,173),.10),rgba(15,23,42,.04))!important;
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:950!important;
  border:1px solid rgba(var(--primary-rgb,15,108,173),.10)!important;
}

/* Links do dropdown */
.account-dropdown a{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  color:#0f172a!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:850!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background .16s ease, border-color .16s ease, transform .16s ease, color .16s ease!important;
}

/* Ícones automáticos simples por ordem/texto */
.account-dropdown a::before{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:rgba(var(--primary-rgb,15,108,173),.10)!important;
  color:var(--primary,#0f6cad)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  content:"•"!important;
}

.account-dropdown a[href*="usuario-login"]::before{content:"↗"!important}
.account-dropdown a[href*="usuario-cadastro"]::before{content:"+"!important}
.account-dropdown a[href*="usuario-painel"]::before{content:"⌂"!important}
.account-dropdown a[href*="usuario-favoritos"]::before{content:"★"!important}
.account-dropdown a[href*="usuario-roteiro"]::before{content:"✦"!important}
.account-dropdown a[href*="usuario-comentarios"]::before{content:"💬"!important;font-size:12px!important}
.account-dropdown a[href*="usuario-perfil"]::before{content:"👤"!important;font-size:12px!important}
.account-dropdown a[href*="usuario-logout"]::before{
  content:"⎋"!important;
  background:#fee2e2!important;
  color:#dc2626!important;
}

.account-dropdown a:hover{
  transform:translateX(2px)!important;
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  color:var(--primary,#0f6cad)!important;
}

.account-dropdown a[href*="usuario-logout"]:hover{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#dc2626!important;
}

/* Botão sair no topo quando logado */
.account-logout-top{
  border-radius:999px!important;
  background:#fff1f2!important;
  color:#dc2626!important;
  border:1px solid #fecdd3!important;
  font-weight:900!important;
  transition:filter .16s ease, transform .16s ease!important;
}

.account-logout-top:hover{
  filter:brightness(.98)!important;
  transform:translateY(-1px)!important;
}

/* Mobile: não deixa dropdown estourar */
@media(max-width:900px){
  .account-dropdown{
    right:0!important;
    min-width:220px!important;
    max-width:calc(100vw - 28px)!important;
  }
}

@media(max-width:760px){
  .account-dropdown{
    top:calc(100% + 10px)!important;
    right:-6px!important;
    border-radius:18px!important;
  }

  .account-dropdown::before{
    right:26px!important;
  }
}