/* public/css/style.css */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-thumb {
    background: #ccc; 
}
::-webkit-scrollbar-thumb:hover {
    background: #bbb; 
}

.message-bubble {
    max-width: 65%;
    padding: 8px 12px;
    border-radius: 8px;
    position: relative;
    font-size: 14.2px;
    line-height: 19px;
    box-shadow: 0 1px 0.5px rgba(0,0,0,0.13);
}

.message-in {
    background-color: #fff;
    align-self: flex-start;
    border-top-left-radius: 0;
}

.message-out {
    background-color: #d9fdd3;
    align-self: flex-end;
    border-top-right-radius: 0;
    margin-left: auto; /* Força alinhamento a direita no flex column */
}

.contact-item:hover {
    background-color: #f5f6f6;
    cursor: pointer;
}

.contact-item.active {
    background-color: #f0f2f5;
}