button.min-button {border-radius: 60px;}

.message-button {display: none;}

.message-text {color: #000 !important;}

.message-list-container {background-color: #fff !important;}

.bg-red {background-color: #ffc107 !important;}

.message-bot .message-bubble {background-color: #e1daf0 !important;}

.message-human .message-bubble {background-color: #fee3a3 !important;}

header.v-toolbar.v-toolbar--density-default.bg-red {
    background: linear-gradient(
        270deg,
        rgba(131, 58, 180, 1),
        rgba(253, 29, 29, 1),
        rgba(253, 193, 9, 1)
    );
    background-size: 600% 600%; /* Make gradient much larger for animation */
    animation: wave-gradient 10s ease infinite;
}

/* Keyframes for gradient movement */
@keyframes wave-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.v-toolbar__content {
    background: transparent !important;
}

.v-toolbar-title__placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
}