.doc-bg {
}


.inline-ai {
    opacity:0.9;
    transition:0.25s;
}

.inline-ai:hover {
    opacity:1;
}

#userAvatars {
    display: flex;
    flex-direction: row-reverse;  /* Stack from right to left */
}

#userAvatars img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #171717;  /* Dark border to match the header */
    margin-left: -8px;  /* Creates the overlap effect */
    transition: transform 0.2s ease;
}

#userAvatars img:hover {
    transform: translateY(-2px);
    z-index: 2;
}