/* COMPLETE CHATBOT TRANSPARENCY FIX */
/* Maximum specificity overrides with animation blocking */

html body #supportChatWindow.support-chat-window,
html body .support-chat-window#supportChatWindow {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 999999 !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

html body #supportChatWindow *,
html body #supportChatWindow *:before,
html body #supportChatWindow *:after {
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

html body #supportChatBody.support-chat-body,
html body .support-chat-body#supportChatBody {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

html body .support-message-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    opacity: 1 !important;
    border: 2px solid #e2e8f0 !important;
}

html body .support-chat-footer {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    border-top: 2px solid #e2e8f0 !important;
}

html body .support-chat-footer input {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    opacity: 1 !important;
}

html body .support-quick-buttons button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    opacity: 1 !important;
    border: 2px solid #dee2e6 !important;
}

html body .support-quick-buttons button * {
    color: #000000 !important;
}

/* Maximum specificity for button text */
html body div.support-chat-window div.support-message-content div.support-quick-buttons button {
    color: #000000 !important;
    font-weight: normal !important;
}

html body div.support-chat-window div.support-message-content div.support-quick-buttons button:before,
html body div.support-chat-window div.support-message-content div.support-quick-buttons button:after {
    color: #000000 !important;
}

html body .support-avatar {
    background: #f1f3f4 !important;
    background-color: #f1f3f4 !important;
    opacity: 1 !important;
}

/* Force display when opened */
html body #supportChatWindow[style*="display: flex"] {
    display: flex !important;
    visibility: visible !important;
}