.support-chat{position:fixed;right:24px;bottom:92px;z-index:30;display:flex;flex-direction:column;width:360px;max-width:calc(100vw - 24px);height:530px;max-height:calc(100dvh - 115px);border:1px solid #dce3d7;border-radius:20px;background:#fff;color:#29372c;box-shadow:0 16px 60px #24382d30;overflow:hidden;font-size:15px}
.support-chat[hidden]{display:none}
.support-chat header{display:flex;align-items:start;gap:12px;padding:18px;background:#edf2e5;border-bottom:1px solid #dce3d7}
.support-chat h2{font:600 18px/1.5 'Be Vietnam Pro',sans-serif;margin:0;color:#29372c}
.support-chat header p{font-size:14px;line-height:1.5;margin:4px 0 0;color:#53604e}
.support-chat header button{margin-left:auto;padding:0 8px;background:none;font-size:26px;color:#344b32}
.support-messages{flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:12px}
.support-empty{font-size:15px;line-height:1.7;color:#596454}
.support-message{max-width:88%;align-self:flex-start;background:#eff2eb;border-radius:14px 14px 14px 3px;padding:10px 12px;overflow-wrap:anywhere}
.support-message--customer{align-self:flex-end;background:#e5edda;border-radius:14px 14px 3px 14px}
.support-message p{margin:0;white-space:pre-wrap;font-size:15px;line-height:1.6}
.support-message small{display:block;font-size:12px;margin-top:5px;color:#596454}
.support-chat form{padding:12px 16px;border-top:1px solid #e3e8df}
.support-chat label{display:block;font-size:14px;margin-bottom:8px;font-weight:500}
.support-chat input,.support-chat textarea{display:block;width:100%;border:1px solid #d4decb;border-radius:9px;background:#fff;padding:8px 10px;font-size:16px;margin-top:4px;resize:vertical;max-height:120px}
.support-send{display:flex;align-items:center;gap:12px}.support-send p{flex:1;font-size:13px;line-height:1.5;margin:0}
.support-send button{padding:9px 20px;border-radius:9px;background:#3d613e;color:#fff;font-size:15px}
.contact-channel--support{border:0;padding:0;background:transparent;font:inherit}
.contact-channel--support .contact-channel-icon{background:#486c3e;color:white}
.contact-channel--support.has-unread .contact-channel-icon::after{content:"";position:absolute;right:0;top:0;width:10px;height:10px;border-radius:50%;background:#d57530;border:2px solid #fff}
.contact-widget-toggle.has-unread::after{content:"";position:absolute;right:1px;top:1px;width:12px;height:12px;border-radius:50%;background:#c14429;border:2px solid #fff}
body[data-site-contact-side=left] .support-chat{right:auto;left:24px}
@media(max-width:560px){.support-chat{right:12px;bottom:82px;max-height:calc(100dvh - 100px)}body[data-site-contact-side=left] .support-chat{left:12px}}