/* Fix for user message text visibility */

/* Ensure user messages have proper contrast */
.message.user .message-content {
    background: #000 !important;
    color: #fff !important;
}

/* Alternative if you prefer lighter background for user messages */
/*
.message.user .message-content {
    background: #333 !important;
    color: #fff !important;
}
*/

/* Ensure text inside user messages is always visible */
.message.user .message-content p,
.message.user .message-content span,
.message.user .message-content div {
    color: #fff !important;
}

/* Mobile specific fix */
@media (max-width: 768px) {
    .message.user .message-content {
        background: #000 !important;
        color: #fff !important;
    }
}