/* ===== Единый круглый FAB-аккаунт (Shared/_UserAccountMenu) — общий для всех layout'ов =====
   (вынесено из landing.css 28.09.2026: partial используется и в _Layout/_AuthLayout,
   где landing.css НЕ подключается — без этих стилий FAB рендерился «квадратным»
   bootstrap-кнопкой). Лендинг дублирует эти правила в landing.css — идентично,
   конфликтов нет (выбирается один и тот же селектор). */
.user-fab-wrap {
    position: fixed;
    top: 16px;
    right: 20px;
    z-index: 1060;
}

.user-fab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: linear-gradient(135deg, #0d6efd, #6610f2);
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
    backdrop-filter: blur(6px);
    box-shadow: 0 4px 14px rgba(13, 110, 253, 0.35);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.user-fab:hover {
    transform: scale(1.06);
    box-shadow: 0 6px 18px rgba(13, 110, 253, 0.55);
}

/* dropdown-toggle иконка-стрелка — прячем (у нас кнопка просто аватара) */
.user-fab::after {
    display: none;
}

.user-fab-guest {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 16px;
    right: 20px;
    z-index: 1060;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(6px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease, background 0.15s ease;
}

.user-fab-guest:hover {
    transform: scale(1.06);
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.user-fab-guest i {
    font-size: 1.45rem;
    line-height: 1;
}

.user-fab-menu {
    width: 250px;
    border-radius: 10px;
}

.user-fab-head {
    line-height: 1.35;
    padding-bottom: 4px;
}