#tvr-root{--tvr-c:#e6007e;--tvr-c2:#ffb703;--tvr-y:#FFF200;--tvr-k:#141414;--tvr-bg:#fff;--tvr-txt:#222;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;z-index:2147483000;position:fixed;right:18px;bottom:18px;color:var(--tvr-txt)}
#tvr-bubble{display:flex;align-items:center;gap:8px;background:var(--tvr-k);color:var(--tvr-y);border:2px solid var(--tvr-y);border-radius:999px;padding:10px 17px 10px 12px;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .15s}
#tvr-bubble svg{color:var(--tvr-y);flex:none}
#tvr-bubble:hover{transform:translateY(-2px)}
#tvr-panel{position:absolute;right:0;bottom:64px;width:370px;max-width:calc(100vw - 36px);height:560px;max-height:calc(100vh - 100px);background:var(--tvr-bg);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}
#tvr-panel[hidden]{display:none}
#tvr-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(135deg,var(--tvr-c),#ff5fb0);color:#fff}
#tvr-head b{display:block;font-size:15px}#tvr-head small{opacity:.9}#tvr-head small a{color:#fff;font-weight:700;text-decoration:none}
#tvr-close{background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
#tvr-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:8px;background:#faf7f9}
.tvr-m{max-width:84%;padding:9px 12px;border-radius:14px;white-space:normal;word-break:break-word}
.tvr-m img{max-width:100%;border-radius:8px;display:block;margin-bottom:4px}
.tvr-user{align-self:flex-end;background:var(--tvr-c);color:#fff;border-bottom-right-radius:4px}
.tvr-user a{color:#fff}
.tvr-bot{align-self:flex-start;background:#fff;border:1px solid #eee;border-bottom-left-radius:4px}
.tvr-bot a{color:var(--tvr-c);font-weight:600}
#tvr-typing{padding:4px 16px 8px;background:#faf7f9;display:flex;gap:4px}
#tvr-typing[hidden]{display:none}
#tvr-typing span{width:7px;height:7px;background:#bbb;border-radius:50%;animation:tvrb 1s infinite}
#tvr-typing span:nth-child(2){animation-delay:.15s}#tvr-typing span:nth-child(3){animation-delay:.3s}
@keyframes tvrb{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}
#tvr-form{display:flex;align-items:flex-end;gap:6px;padding:8px 10px;border-top:1px solid #eee;background:#fff}
#tvr-attach{cursor:pointer;color:#888;padding:8px 4px}#tvr-attach:hover{color:var(--tvr-c)}
#tvr-input{flex:1;resize:none;border:1px solid #ddd;border-radius:10px;padding:9px 10px;font:inherit;max-height:120px;outline:none}
#tvr-input:focus{border-color:var(--tvr-c)}
#tvr-send{background:var(--tvr-c);color:#fff;border:0;border-radius:10px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}
#tvr-send:disabled{opacity:.5}
#tvr-preview{position:relative;padding:6px 10px;border-top:1px solid #eee;background:#fff}
#tvr-preview[hidden]{display:none}
#tvr-preview img{height:64px;border-radius:6px}
#tvr-preview button{position:absolute;left:62px;top:0;background:#333;color:#fff;border:0;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:14px;line-height:1}
@media (max-width:480px){#tvr-root{right:10px;bottom:10px}#tvr-panel{bottom:58px;height:70vh}#tvr-bubble span{display:none}#tvr-bubble{padding:12px}}
/* form tên + SĐT trước khi chat */
#tvr-start{display:none;flex:1;flex-direction:column;gap:6px;padding:18px 16px;background:#faf7f9;overflow-y:auto}
#tvr-panel.tvr-need #tvr-start{display:flex}
#tvr-panel.tvr-need #tvr-msgs,#tvr-panel.tvr-need #tvr-typing,#tvr-panel.tvr-need #tvr-form,#tvr-panel.tvr-need #tvr-preview{display:none}
#tvr-start p{margin:0 0 8px}
#tvr-start label{font-weight:600;font-size:13px;margin-top:4px}
#tvr-start input{border:1px solid #ddd;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;outline:none;background:#fff}
#tvr-start input:focus{border-color:var(--tvr-c)}
#tvr-err{color:#d63638;font-size:13px}
#tvr-err[hidden]{display:none}
#tvr-start button{margin-top:10px;background:var(--tvr-c);color:#fff;border:0;border-radius:10px;padding:12px;font:inherit;font-weight:700;cursor:pointer}
.tvr-kimg{display:block;margin-top:8px}.tvr-kimg img{max-width:100%;border-radius:8px;display:block;border:1px solid #eee}
.tvr-cap{display:block;color:#666;font-size:12px;margin-top:2px}
.tvr-staff{align-self:flex-start;background:#fff8e1;border:1px solid #f3e1a6;border-bottom-left-radius:4px}
.tvr-staff a{color:var(--tvr-c);font-weight:600}
.tvr-who{display:block;font-size:11px;font-weight:700;color:#a07800;margin-bottom:2px}
.tvr-note{align-self:center;background:transparent;color:#888;font-size:12px;padding:2px 8px}
#tvr-bubble{position:relative}#tvr-bubble.tvr-new::after{content:"";position:absolute;top:4px;right:6px;width:12px;height:12px;border-radius:50%;background:#e6007e;border:2px solid #fff}
/* nút gọi hotline nổi (bật trong Cài đặt) — xếp trên bong bóng chat thành 1 khối */
#tvr-root.tvr-hascall{display:flex;flex-direction:column;align-items:flex-end;gap:12px;bottom:calc(18px + env(safe-area-inset-bottom))}
#tvr-call{box-sizing:border-box;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tvr-y);color:var(--tvr-k);border:0;text-decoration:none;box-shadow:0 0 0 2px var(--tvr-k),0 6px 14px rgba(0,0,0,.25);transition:transform .25s ease;-webkit-tap-highlight-color:transparent}
#tvr-call:hover,#tvr-call:active{transform:scale(1.12)}
#tvr-root.tvr-open #tvr-call{display:none}
@media (max-width:480px){#tvr-root.tvr-hascall{bottom:calc(10px + env(safe-area-inset-bottom))}}