/* =====================================================
   assets/css/conta-bloco.css
   Criado em 2026-09-08 (pedido do Luciano) para o sistema de login
   real (staecnonBlocoConta(), ver includes/login_popup_setup.php)
   funcionar também em index.php (protótipo da nova home).

   Contém CÓPIAS (não movidas) das regras BASE do dropdown de conta/
   usuário que originalmente vivem em assets/css/header.css
   (".conta-bloco", ".usuario-dropdown", ".usuario-btn",
   ".usuario-menu" etc.) — header.css NÃO é importado aqui de
   propósito, pra não reintroduzir o risco de colisão de nomes de
   classe que o projeto de renomeação "homepage2-*" foi feito pra
   evitar.

   NÃO inclui as variantes responsivas ".conta-bloco--desktop" e
   ".conta-bloco--sidebar" de header.css — elas pertencem ao design
   de 3 contextos do header.php de produção (topbar/desktop/sidebar)
   e não se aplicam ao design de contexto único de index.php (só
   ".conta-bloco--topbar", que nem tem regra própria em header.css —
   usa só a base).
   ===================================================== */

.conta-bloco{
    display:flex;
    align-items:center;
    gap:10px;
}

.usuario-dropdown{
    position:relative;
}

.usuario-btn{
    display:flex;
    align-items:center;
    gap:6px;
    border:none;
    background:none;
    color:#fff;
    font-size:14px;
    cursor:pointer;
}

.usuario-btn-avatar{
    width:22px;
    height:22px;
    border-radius:50%;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.6);
    flex-shrink:0;
}

.usuario-menu{
    position:absolute;
    right:0;
    top:34px;
    min-width:160px;
    background:#010b21;
    border-radius:12px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:.25s ease;
    z-index:1000;
}

.usuario-dropdown:hover .usuario-menu,
.usuario-dropdown.aberto .usuario-menu{
    opacity:1;
    visibility:visible;
}

.usuario-menu a{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 16px;
    color:#fff;
    white-space:nowrap;
}

.usuario-menu a:hover{
    background:#017198; /* era #88a33f (verde) — 2026-09-11, azul-claro da logo nova */
    color:#fff;
}

/* Colapsa o texto "Entrar"/nome em telas menores, deixando só o
   ícone/avatar — mesmo comportamento do header.php real (ver
   assets/css/header.css, @media(max-width:991px)). */
@media(max-width:640px){
    .topbar-texto-nome,
    .topbar-texto-entrar{
        display:none;
    }
}