Skip to content
/* ================================================
📌 RESET TOÁN BỘ GIAO DIỆN MẶC ĐỊNH CHATBOT
================================================ */
/* Khung ngoài */
.mwai-chatbot-wrapper {
background: #ffffff !important;
color: #000 !important;
border-radius: 16px !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.25);
border: 1px solid #e0e0e0;
font-family: 'Play', sans-serif;
overflow: hidden;
}
/* Header chatbot */
.mwai-header {
background: linear-gradient(45deg, #d50000, #ff5252) !important;
color: #fff !important;
font-weight: bold;
padding: 10px 16px;
font-size: 15px;
text-align: center;
}
/* Tin nhắn người dùng */
.mwai-message.user {
background-color: #d50000 !important;
color: #fff !important;
text-align: right !important;
border-radius: 16px 0 16px 16px !important;
margin: 6px 12px;
padding: 10px 14px;
max-width: 80%;
align-self: flex-end;
}
/* Tin nhắn từ bot */
.mwai-message.bot {
background-color: #eeeeee !important;
color: #000 !important;
text-align: left !important;
border-radius: 0 16px 16px 16px !important;
margin: 6px 12px;
padding: 10px 14px;
max-width: 80%;
align-self: flex-start;
}
/* Thay tên AI hiển thị là DHP */
.mwai-message.bot .mwai-label::before {
content: "DHP";
color: #d50000;
font-weight: bold;
}
.mwai-message.bot .mwai-label span {
display: none !important;
}
/* Ô nhập tin nhắn */
.mwai-input {
background: #fff !important;
border: 1px solid #222 !important;
border-radius: 8px !important;
padding: 10px 12px;
color: #000 !important;
}
/* Nút gửi */
.mwai-send-button {
background: linear-gradient(45deg, #d50000, #ff5252) !important;
color: #fff !important;
border: none;
padding: 10px 18px;
border-radius: 8px;
font-weight: bold;
margin-left: 8px;
cursor: pointer;
}
/* Tooltip hoặc icon copy */
.mwai-copy-button,
.mwai-clear-button {
background-color: transparent !important;
border: none !important;
color: #999 !important;
}
Contact
