/* =========================================
   nav-user-menu.css
   Componente ÚNICO do menu "Olá, {nome} ⌄" (dropdown com Meu painel /
   Minhas faturas / Site / Sair).

   Este arquivo existe em UM lugar só: painel.queenhost.com.br. O site
   institucional (queenhost.com.br) carrega ele direto daqui, por URL
   completa — não é uma cópia, é o mesmo arquivo sendo usado nos dois
   lugares. Qualquer alteração aqui aparece automaticamente nos dois.

   Depende de variáveis já definidas em variables.css de cada projeto
   (--border, --bg, --blue, --text, --shadow-lg) e da classe .btn-ghost
   já existente em components.css de cada projeto — o botão em si usa
   .btn-ghost, este arquivo só acrescenta o comportamento de dropdown.
   ========================================= */

.nav-user-menu { position: relative; }
.nav-user-trigger { display: inline-flex; align-items: center; gap: 6px; }
.nav-user-chevron { transition: transform 0.15s; }
.nav-user-trigger.open .nav-user-chevron { transform: rotate(180deg); }

.nav-user-dropdown {
    display: none; position: absolute; top: calc(100% + 8px); right: 0; z-index: 200;
    background: #fff; border: 1px solid var(--border); border-radius: 12px;
    box-shadow: var(--shadow-lg); min-width: 180px; padding: 6px; text-align: left;
}
.nav-user-dropdown.open { display: block; }
.nav-user-dropdown a {
    display: block; padding: 9px 12px; border-radius: 8px;
    font-size: 0.84rem; font-weight: 600; color: var(--text) !important; text-decoration: none;
}
.nav-user-dropdown a:hover { background: var(--bg); color: var(--blue) !important; }