#chatNone svg {
    margin-right: 10px;
}

.chat-content {
    height: 70vh;
    overflow-y: auto;
    scrollbar-width: thin;        /* Firefox */
    scrollbar-color: rgba(0,0,0,0.2) transparent; /* Firefox */
}

/* Chrome, Safari, Edge */
.chat-content::-webkit-scrollbar {
    width: 6px;         /* largura da barra */
}

.chat-content::-webkit-scrollbar-track {
    background: transparent;  /* trilho da barra */
}

.chat-content::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2); /* cor do “polegar” */
    border-radius: 3px;
}

.chat-messages {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chat-messages .space-y-3 {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto;
    scrollbar-width: thin;          /* Firefox */
    scrollbar-color: rgba(0,0,0,0.2) transparent; /* Firefox */

    /* Chrome/Safari */
    -webkit-overflow-scrolling: touch;
}

.neto::-webkit-scrollbar {
    width: 8px;          /* largura fina da scrollbar */
}

.neto::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}

.neto::-webkit-scrollbar-track {
    background: transparent;   /* deixa transparente para não empurrar */
}

.chat-messages .message {
    max-width: 70%;
}

.chat-messages .message p {
    margin-bottom: 5px;
}

.chat-messages .message.self-end {
    border-bottom-right-radius: 0 !important;
}

.chat-messages .message.self-start {
    border-bottom-left-radius: 0 !important;
}

#chatContainer {
    position: relative;
}

#outChat {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}