/* Custom Scrollbar */
#chat-messages {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #ef4444 #1f2937; /* Track color */
}

/* Webkit Browsers (Chrome, Edge, Safari) */
#chat-messages::-webkit-scrollbar {
    width: 8px;
}

#chat-messages::-webkit-scrollbar-track {
    background: #1f2937; /* Dark Gray */
    border-radius: 10px;
}

#chat-messages::-webkit-scrollbar-thumb {
    background: #ef4444; /* Red */
    border-radius: 10px;
}

#chat-messages::-webkit-scrollbar-thumb:hover {
    background: #dc2626; /* Darker Red on Hover */
}