/* VINACON contact dock - 2026-09-30 */
.vnc-floating-actions{display:flex!important;position:fixed!important;right:20px!important;bottom:20px!important;left:auto!important;width:280px!important;gap:8px!important;z-index:999998!important;flex-direction:column!important}
.vnc-floating-actions .vnc-contact-status{display:none!important}
.vnc-floating-actions .vnc-contact-button{box-sizing:border-box;width:100%!important;min-width:0!important;height:68px!important;min-height:68px!important;margin:0!important;padding:10px 12px!important;border-radius:16px!important;grid-template-columns:44px 1fr!important;gap:10px!important;box-shadow:0 5px 20px #102c5026!important}
.vnc-floating-actions .vnc-contact-button__icon{width:44px!important;height:44px!important;border-radius:12px!important}
.vnc-floating-actions .vnc-contact-button__copy strong{font-size:15px!important;line-height:1.3!important}
.vnc-floating-actions .vnc-contact-button__copy small{font-size:11px!important;line-height:1.4!important}
#vnc-widget{top:auto!important;bottom:172px!important;right:20px!important;left:auto!important;transform:none!important;width:280px!important}
#vnc-widget #vnc-toggle{box-sizing:border-box;width:100%!important;max-width:none!important;height:68px!important;padding:10px 12px!important;border-radius:16px!important;gap:10px!important;animation:none!important}
#vnc-widget .vnc-launch-title{font-size:15px!important}
#vnc-widget .vnc-launch-arrow{margin-left:auto!important}
#vnc-widget #vnc-box{top:auto!important;bottom:0!important;right:calc(100% + 12px)!important;transform:none!important}
.vnc-contact-button:focus-visible{outline:3px solid #17366e!important;outline-offset:3px!important}
@media(max-width:767px){
body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
.vnc-mobile-bar{display:none!important}
.vnc-floating-actions{left:calc(25% + 7px)!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto!important;display:grid!important;grid-template-columns:1fr 1.85fr!important;gap:8px!important;z-index:999998!important}
.vnc-floating-actions:before{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(88px + env(safe-area-inset-bottom,0px));background:#fffefc;box-shadow:0 -4px 24px #0c294c1a;z-index:-1;border-top:1px solid #e4eaf2}
.vnc-floating-actions .vnc-contact-button{height:64px!important;min-height:64px!important;border-radius:14px!important;padding:7px 5px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;text-align:center!important;border:0!important;box-shadow:none!important}
.vnc-floating-actions .vnc-contact-button__icon{width:auto!important;height:23px!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important;font-size:17px!important;line-height:23px!important}
.vnc-floating-actions .vnc-contact-button__copy strong{font-size:0!important;line-height:18px!important}
.vnc-floating-actions .vnc-contact-button__copy small{display:none!important}
.vnc-floating-actions .vnc-zalo strong:after{content:"Zalo";font-size:12px;font-weight:700}
.vnc-floating-actions .vnc-call strong:after{content:"Gọi tư vấn";font-size:14px;font-weight:800}
.vnc-floating-actions .vnc-call{background:linear-gradient(120deg,#e76e09,#f39022)!important;color:white!important}
#vnc-widget{left:12px!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:calc(25% - 13px)!important;z-index:999999!important}
#vnc-widget #vnc-toggle{height:64px!important;min-height:64px!important;max-width:none!important;border:0!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:7px 4px!important;text-align:center!important;box-shadow:none!important}
#vnc-widget .vnc-launch-icon{width:24px!important;height:23px!important;flex-basis:23px!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#ffdc7c!important}
#vnc-widget .vnc-launch-icon svg{width:23px!important;height:23px!important}
#vnc-widget .vnc-launch-title{font-size:0!important;line-height:18px!important}
#vnc-widget .vnc-launch-title:after{content:"Chat ngay";font-size:12px;font-weight:700;color:white}
#vnc-widget .vnc-launch-subtitle,#vnc-widget .vnc-launch-arrow{display:none!important}
#vnc-widget #vnc-box{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:min(460px,calc(100dvh - 110px - env(safe-area-inset-bottom,0px)))!important;max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px))!important;transform:none!important;border-radius:18px!important}
#vnc-widget #vnc-toggle:hover,.vnc-floating-actions .vnc-contact-button:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){.vnc-floating-actions *,#vnc-widget #vnc-toggle{animation:none!important;transition:none!important}}

/* Clear, readable mobile actions and fallback when chat is unavailable. */
.vnc-floating-actions .vnc-call .fa-phone:before{content:"\260e"!important;font-family:Arial,sans-serif!important;font-size:24px!important}
@media(max-width:767px){
.vnc-floating-actions .vnc-call{background:linear-gradient(120deg,#bd4e08,#d8610b)!important}
.vnc-floating-actions .vnc-zalo .vnc-contact-button__icon{display:none!important}
.vnc-floating-actions .vnc-zalo .vnc-contact-button__copy strong:after{font-size:15px}
.vnc-floating-actions .vnc-zalo .vnc-contact-button__copy:after{content:"Gửi bản vẽ";display:block;font-size:10px;line-height:16px;color:#fff}
body:not(:has(#vnc-widget)) .vnc-floating-actions{left:12px!important;grid-template-columns:1fr 1.85fr!important}
}

.vnc-floating-actions .vnc-contact-button{animation:none!important;opacity:1!important}

/* Mobile: prioritize Zalo enquiries. */
@media(max-width:767px){
body{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}
.vnc-floating-actions{left:76px!important;right:12px!important;grid-template-columns:minmax(0,1fr) 56px!important;gap:8px!important}
body:not(:has(#vnc-widget)) .vnc-floating-actions{left:12px!important;grid-template-columns:minmax(0,1fr) 56px!important}
.vnc-floating-actions:before{content:"Bạn đang cần tư vấn nhà xưởng?";box-sizing:border-box;height:calc(110px + env(safe-area-inset-bottom,0px));padding:9px 12px 0;border-top:1px solid #dce8f7;border-radius:20px 20px 0 0;background:#fff;font:600 12px/18px Arial,sans-serif;text-align:center;color:#355575;box-shadow:0 -5px 28px #153b6424}
#vnc-widget{width:56px!important}
#vnc-widget #vnc-toggle{background:#edf3fa!important;color:#345777!important;border:1px solid #dce6f1!important;border-radius:16px!important}
#vnc-widget .vnc-launch-icon{color:#345777!important}
#vnc-widget .vnc-launch-title:after{content:"Chat";color:#345777;font-size:11px}
.vnc-floating-actions .vnc-zalo{background:linear-gradient(125deg,#0065e8,#087af5)!important;border:1px solid #005ad6!important;border-radius:17px!important;box-shadow:0 5px 14px #0065e835,inset 0 1px 0 #ffffff45!important;gap:0!important}
.vnc-floating-actions .vnc-zalo .vnc-contact-button__copy strong:after{content:"Nhắn Zalo ngay →";font:800 15px/22px Arial,sans-serif;white-space:nowrap}
.vnc-floating-actions .vnc-zalo .vnc-contact-button__copy:after{content:"Gửi bản vẽ · Nhận tư vấn";font:500 10px/17px Arial,sans-serif;color:#fff}
.vnc-floating-actions .vnc-call{background:#edf3fa!important;color:#345777!important;border:1px solid #dce6f1!important;border-radius:16px!important}
.vnc-floating-actions .vnc-call .vnc-contact-button__icon{color:#345777!important}
.vnc-floating-actions .vnc-call strong:after{content:"Gọi";font-size:11px;color:#345777}
#vnc-widget #vnc-box{bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;height:min(460px,calc(100dvh - 134px - env(safe-area-inset-bottom,0px)))!important;max-height:calc(100dvh - 134px - env(safe-area-inset-bottom,0px))!important}
.vnc-floating-actions .vnc-zalo:active{filter:brightness(.92);transform:scale(.98)!important}
}
@media(max-width:350px){.vnc-floating-actions .vnc-zalo .vnc-contact-button__copy strong:after{font-size:13px}.vnc-floating-actions .vnc-zalo .vnc-contact-button__copy:after{font-size:9px}}