/**
 * Дополнительные стили для исправления черных фонов в чате и убирания лишних желтых обводов
 */

/* Желтый контур только для основного окна и кнопки */
#support-chat-window {
    border: 2px solid #ffc107 !important;
}

#support-chat-button {
    border: 2px solid #ffc107 !important;
}

/* Убираем желтые обводы у всех остальных элементов */
.support-chat-message,
.support-chat-input-group input,
#support-chat-input,
#support-chat-name,
#support-chat-email {
    border: 1px solid #e0e0e0 !important;
}

/* Убираем желтые границы у формы */
#support-chat-form {
    border-top: 1px solid #00a99d !important;
}

/* Убираем желтые границы у кнопки отправки */
#support-chat-send {
    border: none !important;
}

/* Исправление черных фонов в метках времени */
.message-time,
.message-time *,
[class*="time"],
[id*="time"],
.support-chat-message time,
.chat-time {
    background-color: transparent !important;
    color: #7a8c8b !important;
    border: none !important;
}

/* Исправление черных фонов в иконках */
.fa, 
.fas, 
.far, 
.fab,
.svg-inline--fa,
svg,
i {
    background-color: transparent !important;
}

/* Исправление черных фонов в кнопках */
button,
button * {
    background-color: #00b8a9 !important;
    color: #ffffff !important;
}

/* Исправление черных фонов в сообщениях */
.support-chat-message,
.support-chat-message * {
    background-color: #e3f9f7 !important;
    color: #005a54 !important;
}

.support-chat-message.admin,
.support-chat-message.admin * {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Исправление черных фонов в метках времени */
.support-chat-message .message-time,
.support-chat-message .message-time * {
    background-color: transparent !important;
    color: #7a8c8b !important;
}

/* Исправление черных фонов в заголовке */
#support-chat-header,
#support-chat-header * {
    background-color: #00b8a9 !important;
    color: #ffffff !important;
}

/* Исправление черных фонов в полях ввода */
input,
textarea {
    background-color: #ffffff !important;
    color: #00b8a9 !important;
}
