.user-trigger {
    cursor: pointer;
    padding: 4px 8px;
    transition: background-color .15s ease, color .15s ease;
    user-select: none;
    background-color: transparent !important;

}

    .user-trigger .user-name {
        font-weight: 600;
        font-size: .95rem;
        color: #222;
        line-height: 1.2;
    }

    .user-trigger .user-email {
        font-size: .78rem;
        opacity: .6;
        color: #555;
        line-height: 1.1;
    }

.user-menu {
    padding: .5rem .75rem;
    border-radius: .6rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

    .user-menu .dropdown-item {
        text-transform: none !important;
        padding: .45rem .75rem;
        border-radius: .35rem;
        transition: background-color .15s ease;
    }

        .user-menu .dropdown-item:hover {
            background-color: rgba(0,0,0,.05);
        }

        .user-menu .dropdown-item.text-danger:hover {
            background-color: rgba(255,0,0,.08);
        }

        .user-menu .dropdown-item,
        .user-menu .dropdown-item:hover {
            color: inherit;
            text-decoration: none !important;
        }

@media (max-width: 767.98px) {
    .user-dropdown .dropdown-menu {
        z-index: 1060;
    }

    .user-trigger {
        padding: 4px; 
        border-radius: .45rem;
    }

        .user-trigger .icon {
            color: #222 !important; 
        }

    .user-avatar {
        width: 32px;
        height: 32px;
    }

        .user-avatar .icon {
            font-size: 24px;
        }

    .name {
        font-weight: 600;
        font-size: .95rem;
        color: #222;
    }

    .email {
        font-size: .85rem;
        opacity: .6;
        color: #555;
    }
}