#mivelle-chatbot{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:Arial,sans-serif;color:#472c2b}
#mivelle-chatbot *{box-sizing:border-box}
.mivelle-chat-launch{margin-left:auto;display:flex;align-items:center;justify-content:center;width:66px;height:66px;border:3px solid #fff3d9;border-radius:50%;background:#9f2630;box-shadow:0 6px 24px #0003;cursor:pointer;padding:4px}
.mivelle-chat-launch img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.mivelle-chat-panel{width:min(390px,calc(100vw - 28px));height:min(540px,calc(100dvh - 110px));display:flex;flex-direction:column;background:#fffaf0;border:1px solid #eed6aa;border-radius:18px;overflow:hidden;box-shadow:0 10px 45px #0003;margin-bottom:12px}
.mivelle-chat-panel[hidden]{display:none}
.mivelle-chat-head{display:flex;align-items:center;gap:11px;padding:13px 15px;background:#9f2630;color:#fff7e6;flex-shrink:0}
.mivelle-chat-head img{width:43px;height:43px;object-fit:cover;border-radius:50%;flex-shrink:0}
.mivelle-chat-head>div{min-width:0}
.mivelle-chat-head strong,.mivelle-chat-head small{display:block}
.mivelle-chat-head strong{font-size:15px;line-height:1.3}
.mivelle-chat-head small{font-size:12px;margin-top:4px}
.mivelle-chat-close{margin-left:auto;background:transparent;border:0;color:#fff7e6;font-size:27px;cursor:pointer}
.mivelle-chat-messages{padding:16px 12px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
.mivelle-chat-bubble{max-width:86%;border-radius:16px;padding:10px 13px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}
.mivelle-chat-bubble.bot{align-self:flex-start;background:#fff0d2;border-bottom-left-radius:5px}
.mivelle-chat-bubble.user{align-self:flex-end;background:#f6d9d5;border-bottom-right-radius:5px}
.mivelle-chat-suggestions{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;flex-shrink:0;scrollbar-width:thin}
.mivelle-chat-suggestions button{flex:0 0 auto;border:1px solid #edced0;background:#fff;border-radius:25px;padding:7px 11px;color:#562d30;cursor:pointer;font-size:12px}
.mivelle-chat-suggestions button:hover{background:#fff0d2}
.mivelle-chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid #f0dcb7;flex-shrink:0}
.mivelle-chat-form input{flex:1;min-width:0;border:1px solid #edd4aa;border-radius:12px;padding:11px;font-size:13px;background:#fff}
.mivelle-chat-form button{border:0;background:#9f2630;color:white;border-radius:12px;padding:0 14px;cursor:pointer}
@media(max-width:480px){#mivelle-chatbot{right:14px;bottom:14px}.mivelle-chat-panel{height:min(540px,calc(100dvh - 95px))}}

/* Liên kết xem sản phẩm trong chatbot */
.mivelle-chat-product-link {
    display: inline-block;
    margin: 7px 0;
    padding: 8px 12px;
    background: #fff8f1;
    color: #9f2630;
    border: 1px solid #e9c4b5;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.mivelle-chat-product-link:hover {
    background: #e9c4b5;
    color: #722630;
}

.mivelle-chat-bubble.bot {white-space: pre-wrap;}

/* Nút bắt đầu cuộc trò chuyện mới */
.mivelle-chat-reset {
    background: transparent;
    border: none;
    color: #fff8f1;
    font-size: 25px;
    font-weight: 400;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 50%;
    line-height: 1;
    transition: background 0.2s ease;
}

.mivelle-chat-reset:hover {
    background: rgba(255, 255, 255, 0.15);
}

.mivelle-chat-reset:focus-visible {
    outline: 2px solid #fff8f1;
    outline-offset: 2px;
}