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

.message-button {
    display: none;
}

/* Changes bot title color */
.bg-red {
    background-color: #0884FB !important;
    color: #fff !important;
}

/* Chat Response Card buttons*/
.v-card-actions .v-btn {
  background-color: #6594E2 !important;
}
/* Chat Response Card buttons onFocus*/
.v-card-actions .v-btn:focus {
  background-color: #6594E2 !important;
  border-color: #2D4C80  !important;  
}

/* Toolbar buttons- Reset, Help, Minimize */
/* onFocus - invert colors */
.v-toolbar__content .v-btn.reset-toggle:focus-visible,
.v-toolbar__content .v-btn.help-toggle:focus-visible,
.v-toolbar__content .v-btn.min-max-toggle:focus-visible {
  background-color: #FFFFFF !important;
  color: #0884fb !important;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  min-width: 0;
  padding: 0;
  --v-focus-opacity: 0.00;
}
/* 'click to use voice' focus-visible */
.v-toolbar__content .v-btn.input-button:focus-visible {
    /* color: #7F7F7F !important; */
    background-color: #000000 !important;
    color: #FFFFFF !important;
    --v-focus-opacity: 0.00;
}
/* Changes bot and user chat background color */
.message-agent .message-bubble[data-v-7a271702],
.message-bot .message-bubble[data-v-7a271702] {
    background-color: #F3F4F6;
    margin-top: 0.33em; /* Proper spacing for the bot's first message */
}

.message-feedback .message-bubble[data-v-7a271702],
.message-human .message-bubble[data-v-7a271702] {
    background-color: #E8F0FE;
}

/* Removes buggy shadows on text bubbles */
.focusable[data-v-7a271702] {
    box-shadow: none !important;
}

/* Fixes scroll bar spacing */
.v-container {
    padding-right: 0px !important;
    padding-top: 0px !important;
}

/* Provides proper spacing for user text bubbles when the scroll bar is present */
.message-bubble[data-v-7a271702] {
    margin-right: 1em;
}

/* Keyframes for the processing animation */
@keyframes processing-animation {
    0% {
        background-color: #E8F0FE;
        transform: translateY(0) scale(1);
    }
    50% {
        background-color: #CDDFFD;
        transform: translateY(-8px) translateX(8px) scale(1.1);
    }
    100% {
        background-color: #E8F0FE; /* Corrected to match starting color */
        transform: translateY(0) scale(1);
    }
}

/* Style for message bubble with processing animation */
.message-bot .message-bubble[data-v-3f73af04] {
    background-color: #E8F0FE;
    animation: processing-animation 1.3s ease-in-out infinite;
}