/* VP Chào Khách – VI TÍNH VIỆT PHÁT – thanhlyhangcumoi.com */
.vpck-root{position:fixed;bottom:20px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.vpck-left{left:16px}
.vpck-right{right:16px}
.vpck-card{position:relative;width:320px;max-width:100%;box-sizing:border-box;background:#fff;color:#1f2937;border-radius:14px;padding:16px 16px 10px;box-shadow:0 10px 30px rgba(0,0,0,.18);border-top:4px solid #0b5ed7;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s}
.vpck-card.vpck-show{opacity:1;transform:none}
.vpck-greet{border-top-color:#1aa179}
.vpck-close{position:absolute;top:6px;right:8px;border:0;background:none;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:4px}
.vpck-close:hover{color:#374151}
.vpck-title{font-weight:700;font-size:16px;margin:0 24px 4px 0}
.vpck-text{font-size:14px;line-height:1.5}
.vpck-head{display:flex;gap:12px;align-items:center;padding-right:18px}
.vpck-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #1aa179}
.vpck-gbtn{margin:12px 0 6px;min-height:44px;display:flex;justify-content:center}
.vpck-fb{display:block;width:260px;max-width:100%;margin:6px auto;padding:10px 14px;border:0;border-radius:22px;background:#1877f2;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.vpck-fb:hover{background:#166fe5}
.vpck-consent{font-size:11px;color:#6b7280;line-height:1.4;margin-top:8px}
.vpck-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.vpck-call{display:inline-block;background:#e11d48;color:#fff!important;text-decoration:none;padding:7px 12px;border-radius:18px;font-size:13px;font-weight:700}
.vpck-link{border:0;background:none;color:#6b7280;font-size:12px;text-decoration:underline;cursor:pointer;padding:0}
.vpck-brand{margin-top:8px;font-size:10.5px;letter-spacing:.3px;color:#9ca3af;text-align:right;text-transform:uppercase}
@media (max-width:480px){.vpck-root{bottom:12px}.vpck-left{left:8px}.vpck-right{right:8px}.vpck-card{width:calc(100vw - 16px)}}
@media (prefers-color-scheme:dark){.vpck-card{background:#1f2937;color:#f3f4f6}.vpck-consent,.vpck-link{color:#9ca3af}}
.vpck-raise{bottom:92px}
.vpck-chatbtn{border:0;background:#0b5ed7;color:#fff;padding:7px 12px;border-radius:18px;font-size:13px;font-weight:700;cursor:pointer}

/* ---------- Chat AI ---------- */
.vpai-root{position:fixed;bottom:20px;z-index:2147483001;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.vpai-right{right:16px}.vpai-left{left:16px}
.vpai-bubble{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;background:linear-gradient(135deg,#0b5ed7,#1aa179);color:#fff;font-weight:700;font-size:14px;padding:13px 18px;border-radius:30px;box-shadow:0 8px 24px rgba(11,94,215,.4);animation:vpai-pulse 2.6s infinite}
.vpai-bubble span{font-size:20px;line-height:1}
@keyframes vpai-pulse{0%,100%{box-shadow:0 8px 24px rgba(11,94,215,.4)}50%{box-shadow:0 8px 32px rgba(26,161,121,.65)}}
.vpai-panel{position:absolute;bottom:0;width:370px;height:560px;max-height:calc(100vh - 40px);display:none;flex-direction:column;background:#fff;color:#1f2937;border-radius:16px;overflow:hidden;box-shadow:0 14px 44px rgba(0,0,0,.25)}
.vpai-right .vpai-panel{right:0}.vpai-left .vpai-panel{left:0}
.vpai-open .vpai-panel{display:flex}.vpai-open .vpai-bubble{display:none}
.vpai-head{background:linear-gradient(135deg,#0b5ed7,#1aa179);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px}
.vpai-ava{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.vpai-ht{flex:1;min-width:0}.vpai-ht b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vpai-ht small{font-size:11.5px;opacity:.9}
.vpai-x{border:0;background:none;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:2px 6px}
.vpai-body{flex:1;overflow-y:auto;padding:14px 12px;background:#f5f7fb;display:flex;flex-direction:column;gap:8px}
.vpai-msg{max-width:84%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.vpai-ai{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}
.vpai-me{align-self:flex-end;background:#0b5ed7;color:#fff;border-bottom-right-radius:4px}
.vpai-msg a{color:#0b5ed7;word-break:break-all}.vpai-me a{color:#fff}
.vpai-typing{display:inline-flex;gap:4px}.vpai-typing i{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:vpai-dot 1.2s infinite}
.vpai-typing i:nth-child(2){animation-delay:.2s}.vpai-typing i:nth-child(3){animation-delay:.4s}
@keyframes vpai-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.vpai-quick{display:flex;gap:6px;padding:8px 10px 0;background:#fff;flex-wrap:wrap}
.vpai-quick a{font-size:12.5px;font-weight:600;text-decoration:none;padding:6px 10px;border-radius:16px;border:1px solid #e5e7eb;color:#1f2937!important;background:#fff}
.vpai-quick a.vpai-tel{background:#e11d48;border-color:#e11d48;color:#fff!important}
.vpai-form{display:flex;gap:8px;padding:10px;background:#fff;align-items:flex-end}
.vpai-form textarea{flex:1;resize:none;border:1px solid #d1d5db;border-radius:18px;padding:9px 14px;font:inherit;font-size:14px;max-height:110px;min-height:40px;box-sizing:border-box;outline:none;background:#fff;color:#1f2937}
.vpai-form textarea:focus{border-color:#0b5ed7}
.vpai-send{border:0;width:40px;height:40px;border-radius:50%;background:#0b5ed7;color:#fff;font-size:17px;cursor:pointer;flex:none}
.vpai-send:disabled{opacity:.5;cursor:default}
.vpai-note{font-size:10.5px;color:#9ca3af;text-align:center;padding:0 10px 8px;background:#fff}
@media (max-width:480px){.vpai-root{bottom:12px}.vpai-right{right:8px}.vpai-left{left:8px}
.vpai-open{left:0!important;right:0!important;bottom:0!important}
.vpai-open .vpai-panel{position:fixed;inset:0;width:100%;height:100%;max-height:none;border-radius:0}
.vpai-form textarea{font-size:16px}}
@media (prefers-color-scheme:dark){.vpai-panel,.vpai-form,.vpai-quick,.vpai-note,.vpai-form textarea,.vpai-quick a{background:#1f2937;color:#f3f4f6}
.vpai-quick a{color:#f3f4f6!important;border-color:#374151}.vpai-body{background:#111827}.vpai-ai{background:#1f2937;border-color:#374151;color:#f3f4f6}.vpai-form textarea{border-color:#374151}}
.vpai-bubble{position:relative}
.vpai-badge:empty{display:none}
.vpai-badge{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#e11d48;color:#fff;font-size:12px;line-height:20px;text-align:center;border:2px solid #fff}
.vpai-staff{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#064e3b!important}
.vpai-who{display:block;font-size:11.5px;font-weight:700;color:#047857;margin-bottom:2px}