/* WhatsApp component reused from the user-owned TraceVanta theme. */
.tv-chat-wrap { position:fixed; right:24px; bottom:24px; z-index:100; }
.tv-chat-card { position:absolute; right:0; bottom:78px; width:340px; max-width:calc(100vw - 32px); overflow:hidden; border:1px solid #f1f5f9; border-radius:16px; background:#fff; box-shadow:0 50px 100px rgba(0,0,0,.4); text-align:left; }
.tv-chat-card[hidden] { display:none; }
.tv-chat-head { display:flex; align-items:center; gap:16px; padding:16px; color:#fff; background:#002147; border-bottom:1px solid #334155; }
.tv-chat-avatar-wrap { position:relative; flex:0 0 auto; }
.tv-chat-avatar { width:40px; height:40px; border:1px solid rgba(255,255,255,.1); border-radius:3px; object-fit:cover; box-shadow:0 8px 18px rgba(0,0,0,.3); }
.tv-chat-status { position:absolute; right:-5px; bottom:-5px; width:14px; height:14px; border:2px solid #002147; border-radius:50%; background:#25d366; }
.tv-chat-name { margin:0; color:#c5b358; font-size:13px; font-weight:800; letter-spacing:.01em; line-height:1; text-transform:uppercase; }
.tv-chat-title { margin:6px 0 0; color:#fff; font-size:10px; font-weight:700; font-style:italic; letter-spacing:.12em; line-height:1; text-transform:uppercase; }
.tv-chat-close { margin-left:auto; border:0; background:transparent; color:#94a3b8; cursor:pointer; font-size:28px; font-weight:700; line-height:1; transition:color .2s; }
.tv-chat-close:hover { color:#fff; }
.tv-chat-body { min-height:150px; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; background:#e9e5df; }
.tv-chat-bubble { max-width:95%; padding:18px; border-left:6px solid #002147; border-radius:8px; background:#fff; box-shadow:0 12px 22px rgba(0,0,0,.12); }
.tv-chat-message { margin:0; color:#0f172a; font-size:14px; font-weight:650; font-style:italic; line-height:1.55; }
.tv-chat-message[hidden] { display:none; }
.tv-chat-typing { display:flex; gap:6px; padding:6px 0; }
.tv-chat-typing[hidden] { display:none; }
.tv-chat-dot { width:10px; height:10px; border-radius:50%; background:#94a3b8; animation:tv-dot-blink 1.4s infinite both; }
.tv-chat-dot:nth-child(2) { animation-delay:.2s; }.tv-chat-dot:nth-child(3) { animation-delay:.4s; }
.tv-chat-footer { position:relative; z-index:1; padding:16px; background:#fff; box-shadow:0 -10px 20px rgba(0,0,0,.03); }
.tv-chat-action { width:100%; border:0; border-radius:999px; background:#25d366; color:#fff; cursor:pointer; padding:15px 16px; box-shadow:0 10px 20px rgba(37,211,102,.3); font:750 12px/1 "DM Sans",Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; transition:background .2s,transform .2s; }.tv-chat-action:hover { background:#1db954; }.tv-chat-action:active { transform:scale(.95); }
.tv-chat-float { position:relative; width:70px; height:70px; display:grid; place-items:center; border:0; border-radius:50%; background:#25d366; color:#fff; cursor:pointer; box-shadow:0 20px 40px rgba(37,211,102,.3); animation:tv-pulse-green 2s infinite; transition:transform .2s; }.tv-chat-float:active { transform:scale(.9); }.tv-chat-float svg { width:44px; height:44px; fill:currentColor; filter:drop-shadow(0 2px 2px rgba(0,0,0,.12)); }.tv-chat-badge { position:absolute; top:-6px; right:-6px; width:28px; height:28px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; background:#dc2626; color:#fff; box-shadow:0 3px 8px rgba(0,0,0,.22); font:800 13px/1 Arial,sans-serif; }
@keyframes tv-pulse-green { 0% { box-shadow:0 0 0 0 rgba(37,211,102,.7); } 70% { box-shadow:0 0 0 15px rgba(37,211,102,0); } 100% { box-shadow:0 0 0 0 rgba(37,211,102,0); } } @keyframes tv-dot-blink { 0% { opacity:.2; } 20% { opacity:1; } 100% { opacity:.2; } }

.tv-chat-wrap { right:1.5rem !important; bottom:1.5rem !important; }
.tv-chat-card { width:340px !important; max-width:calc(100vw - 2rem) !important; bottom:78px !important; border:1px solid #f1f5f9 !important; border-radius:1rem !important; background:#fff !important; box-shadow:0 50px 100px rgba(0,0,0,.4) !important; overflow:hidden !important; }
.tv-chat-head { padding:1rem !important; gap:1rem !important; background:#002147 !important; border-bottom:1px solid #334155 !important; }
.tv-chat-avatar { width:2.5rem !important; height:2.5rem !important; border-radius:.125rem !important; border:1px solid rgba(255,255,255,.1) !important; }
.tv-chat-status { width:1rem !important; height:1rem !important; right:-.375rem !important; bottom:-.375rem !important; border:2px solid #002147 !important; background:#25d366 !important; }
.tv-chat-name { color:#c5b358 !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.01em !important; }
.tv-chat-title { color:#fff !important; font-size:10px !important; font-weight:600 !important; font-style:italic !important; letter-spacing:.12em !important; }
.tv-chat-close { color:#94a3b8 !important; font-size:30px !important; font-weight:700 !important; }
.tv-chat-body { min-height:150px !important; padding:1.25rem !important; background:#e9e5df !important; }
.tv-chat-bubble { max-width:95% !important; padding:1.1rem !important; border-left:6px solid #002147 !important; border-radius:.5rem !important; background:#fff !important; box-shadow:0 12px 22px rgba(0,0,0,.12) !important; }
.tv-chat-message { color:#0f172a !important; font-size:14px !important; font-weight:650 !important; font-style:italic !important; line-height:1.55 !important; }
.tv-chat-footer { padding:1rem !important; background:#fff !important; box-shadow:0 -10px 20px rgba(0,0,0,.03) !important; }
.tv-chat-action { padding:.95rem 1rem !important; border:0 !important; border-radius:999px !important; background:#25d366 !important; color:#fff !important; box-shadow:0 10px 20px rgba(37,211,102,.3) !important; font-size:12px !important; font-weight:750 !important; letter-spacing:.1em !important; }
.tv-chat-float { width:4.3rem !important; height:4.3rem !important; padding:.9rem !important; border:0 !important; border-radius:999px !important; background:#25d366 !important; box-shadow:0 20px 40px rgba(37,211,102,.3) !important; animation:tv-pulse-green 2s infinite !important; }
.tv-chat-float svg { width:2.5rem !important; height:2.5rem !important; fill:#fff !important; color:#fff !important; }
.tv-chat-badge { top:-.375rem !important; right:-.375rem !important; width:1.75rem !important; height:1.75rem !important; border:2px solid #fff !important; border-radius:999px !important; background:#dc2626 !important; color:#fff !important; font-size:13px !important; font-weight:800 !important; }
@media (max-width:640px) { .tv-chat-wrap { right:1rem !important; bottom:1rem !important; } .tv-chat-card { width:min(286px,calc(100vw - 2rem)) !important; bottom:72px !important; } .tv-chat-head { padding:.9rem !important; } .tv-chat-body { min-height:135px !important; padding:1rem !important; } .tv-chat-message { font-size:13px !important; } .tv-chat-action { padding:.85rem .9rem !important; font-size:11px !important; letter-spacing:.08em !important; } .tv-chat-float { width:auto !important; height:auto !important; padding:.9rem !important; animation:none !important; box-shadow:0 12px 24px rgba(37,211,102,.28) !important; } }
.tv-chat-wrap { font-family: -apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif; }
.tv-chat-card { max-height:calc(100dvh - 115px); overflow-y:auto !important; }
.tv-chat-name,.tv-chat-title { line-height:1.5 !important; }
.tv-chat-agent-meta { min-width:0; overflow-wrap:anywhere; }
.tv-chat-message { font-style:normal !important; line-height:1.8 !important; }
.tv-chat-action { font-family:inherit; font-size:14px !important; line-height:1.5; }
.tv-chat-avatar { background:#edf0f1; padding:0; }
@media (prefers-reduced-motion:reduce) { .tv-chat-float,.tv-chat-dot { animation:none !important; } }