/* ===== Навбар: кнопка входа (ghost) и аватар — тёмный матовый стиль ===== */
.btn-nav-ghost{
    display:inline-flex; align-items:center; justify-content:center;
    height:38px; padding:0 14px;
    border-radius:12px; font-weight:700; letter-spacing:.2px;
    background:transparent; color:var(--text-bright);
    border:1px solid rgba(255,255,255,.35);
    box-shadow:var(--shadow-sm);
    transition:background .18s ease, color .18s ease, border-color .18s ease, transform .12s ease;
    text-decoration:none;
}
.btn-nav-ghost:hover{
    background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.55);
    transform:translateY(-1px); text-decoration:none;
}
.btn-nav-ghost:focus-visible{ outline:3px solid var(--accent-ring); outline-offset:2px; }

/* ===== Кнопка аккаунта (кружок с инициалами + иконка) ===== */
.avatar-pill{
    display:inline-flex; align-items:center; gap:.5rem;
    height:38px; padding:0 10px 0 6px;
    border-radius:999px; border:1px solid var(--border-light);
    background:rgba(255,255,255,.06); color:var(--text-bright);
    font-weight:800; letter-spacing:.2px;
    transition:background .15s ease, border-color .15s ease, transform .12s ease;
}
.avatar-pill:hover{
    background:rgba(255,255,255,.10);
    transform:translateY(-1px);
}
.avatar-pill:focus{ box-shadow:none; }

/* Кружок с инициалами */
.avatar-circle{
    width:28px; height:28px; border-radius:50%;
    display:inline-grid; place-items:center;
    background:linear-gradient(0deg, #2a2e32, #32373c);
    color:#fff; font-size:.9rem; font-weight:900;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 0 0 2px rgba(255,255,255,.10) inset;
}

/* Иконка-бургер справа от кружка */
.avatar-menu-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px; opacity:.9;
}
.avatar-menu-icon svg{ display:block; }
.avatar-pill:hover .avatar-menu-icon{ opacity:1; }

/* На всякий случай скрыть старое имя, если где-то осталось */
.avatar-name{ display:none !important; }

/* Убираем стандартный caret у .dropdown-toggle */
.avatar-pill.dropdown-toggle::after{
    content:none !important;
}

/* ===== Тёмное меню аккаунта ===== */
.dropdown-dark{
    background:var(--bg-card); color:var(--text-primary); border:1px solid var(--border-light);
    border-radius:12px; overflow:hidden;
    box-shadow:0 16px 36px rgba(0,0,0,.45);
}
.dropdown-dark .dropdown-item{ color:var(--text-primary); }
.dropdown-dark .dropdown-item:hover{
    background:#32373c; color:#fff;
}
.dropdown-dark .dropdown-divider{
    border-top:1px solid var(--border-subtle);
}