#tdsuporte-wp-root, #tdsuporte-wp-root * { box-sizing: border-box !important; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; }
#tdsuporte-wp-root { --tds-primary:#027EC1; --tds-navy:#051C3B; --tds-success:#22C55E; position: fixed !important; right: 22px !important; bottom: max(22px, env(safe-area-inset-bottom)) !important; z-index: 2147483000 !important; width: auto !important; height: auto !important; pointer-events: none !important; }
#tdsuporte-wp-root.tds-left { left:22px !important; right:auto !important; }
.tds-widget-wrap { position: relative !important; pointer-events: auto !important; }
.tds-launcher { min-width: 154px !important; height: 60px !important; border:0 !important; border-radius: 999px !important; padding: 8px 18px 8px 10px !important; display:flex !important; align-items:center !important; gap:10px !important; color:#fff !important; background:linear-gradient(135deg,var(--tds-primary),var(--tds-navy)) !important; box-shadow:0 18px 45px rgba(2, 30, 55, .28) !important; cursor:pointer !important; outline:none !important; transform:none !important; transition: transform .18s ease, box-shadow .18s ease !important; }
.tds-launcher:hover { transform: translateY(-2px) !important; box-shadow:0 22px 55px rgba(2,30,55,.34) !important; }
.tds-launcher-icon { width:42px !important; height:42px !important; border-radius:50% !important; background:rgba(255,255,255,.18) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:21px !important; flex:0 0 auto !important; }
.tds-launcher-text { display:flex !important; flex-direction:column !important; align-items:flex-start !important; line-height:1.05 !important; }
.tds-launcher-text strong { color:#fff !important; font-size:14px !important; font-weight:900 !important; }
.tds-launcher-text span { color:rgba(255,255,255,.78) !important; font-size:11px !important; font-weight:700 !important; margin-top:4px !important; }
.tds-badge { display:none !important; position:absolute !important; top:-6px !important; right:-6px !important; width:23px !important; height:23px !important; border-radius:50% !important; background:#ef4444 !important; color:#fff !important; align-items:center !important; justify-content:center !important; font-size:12px !important; font-weight:900 !important; border:2px solid #fff !important; box-shadow:0 8px 18px rgba(239,68,68,.35) !important; }
.tds-panel { position:absolute !important; right:0 !important; bottom:76px !important; width:min(390px, calc(100vw - 28px)) !important; height:min(640px, calc(100vh - 110px)) !important; max-height: 640px !important; background:#f8fafc !important; border:1px solid rgba(15,23,42,.1) !important; border-radius:24px !important; overflow:hidden !important; box-shadow:0 28px 90px rgba(2,12,27,.32) !important; display:none !important; flex-direction:column !important; color:#0f172a !important; }
#tdsuporte-wp-root.tds-left .tds-panel { left:0 !important; right:auto !important; }
.tds-panel.tds-open { display:flex !important; }
.tds-header { min-height:72px !important; padding:13px 15px !important; background:linear-gradient(135deg,var(--tds-navy),var(--tds-primary)) !important; color:#fff !important; display:flex !important; align-items:center !important; gap:11px !important; }
.tds-avatar { width:42px !important; height:42px !important; border-radius:15px !important; background:rgba(255,255,255,.16) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:900 !important; font-size:18px !important; flex:0 0 auto !important; }
.tds-header-main { flex:1 !important; min-width:0 !important; }
.tds-header-main strong { display:block !important; color:#fff !important; font-size:15px !important; font-weight:900 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.tds-status { margin-top:4px !important; display:flex !important; align-items:center !important; gap:6px !important; color:rgba(255,255,255,.84) !important; font-size:12px !important; font-weight:700 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.tds-dot { width:8px !important; height:8px !important; border-radius:50% !important; background:var(--tds-success) !important; display:inline-block !important; box-shadow:0 0 0 3px rgba(34,197,94,.2) !important; flex:0 0 auto !important; }
.tds-close { width:36px !important; height:36px !important; border-radius:13px !important; border:0 !important; background:rgba(255,255,255,.14) !important; color:#fff !important; font-size:21px !important; line-height:1 !important; cursor:pointer !important; }
.tds-body { flex:1 !important; min-height:0 !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; }
.tds-start, .tds-ended { padding:14px !important; overflow:auto !important; }
.tds-card { background:#fff !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:20px !important; padding:16px !important; box-shadow:0 8px 24px rgba(15,23,42,.06) !important; }
.tds-card h3 { margin:0 0 7px !important; font-size:18px !important; font-weight:900 !important; color:#0f172a !important; }
.tds-card p { margin:0 0 14px !important; color:#64748b !important; font-size:13px !important; line-height:1.4 !important; }
.tds-error { display:none !important; margin:0 0 12px !important; padding:10px 12px !important; border-radius:14px !important; background:#fef2f2 !important; color:#991b1b !important; border:1px solid #fecaca !important; font-size:13px !important; line-height:1.35 !important; }
.tds-field { margin:0 0 12px !important; }
.tds-label { display:block !important; margin:0 0 6px !important; color:#334155 !important; font-size:12px !important; font-weight:900 !important; }
.tds-input, .tds-textarea { width:100% !important; border:1px solid #dbe3ef !important; border-radius:15px !important; background:#f8fafc !important; color:#0f172a !important; font-size:15px !important; outline:0 !important; padding:13px 14px !important; box-shadow:none !important; appearance:none !important; -webkit-appearance:none !important; }
.tds-textarea { min-height:104px !important; resize:none !important; line-height:1.42 !important; }
.tds-input:focus, .tds-textarea:focus { border-color:var(--tds-primary) !important; background:#fff !important; box-shadow:0 0 0 4px rgba(2,126,193,.12) !important; }
.tds-upload-btn, .tds-primary-btn { width:100% !important; min-height:48px !important; border-radius:15px !important; border:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; cursor:pointer !important; font-weight:900 !important; font-size:14px !important; text-decoration:none !important; }
.tds-upload-btn { background:#eef6fc !important; color:var(--tds-primary) !important; border:1px dashed rgba(2,126,193,.32) !important; margin-bottom:12px !important; }
.tds-primary-btn { color:#fff !important; background:linear-gradient(135deg,var(--tds-primary),var(--tds-navy)) !important; box-shadow:0 10px 26px rgba(2,126,193,.22) !important; }
.tds-primary-btn:disabled { opacity:.7 !important; cursor:not-allowed !important; }
.tds-chat { flex:1 !important; min-height:0 !important; display:none !important; flex-direction:column !important; background:#efeae2 !important; }
.tds-chat.tds-active { display:flex !important; }
.tds-awaiting { display:none !important; padding:9px 12px !important; background:#fff7ed !important; border-bottom:1px solid #fed7aa !important; color:#9a3412 !important; font-size:12px !important; font-weight:800 !important; align-items:center !important; gap:8px !important; }
.tds-awaiting.tds-show { display:flex !important; }
.tds-messages { flex:1 !important; overflow:auto !important; padding:13px !important; background:#efeae2 !important; background-image:radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px) !important; background-size:18px 18px !important; }
.tds-message { display:flex !important; margin:0 0 9px !important; }
.tds-message.tds-me { justify-content:flex-end !important; }
.tds-bubble { max-width:84% !important; border-radius:16px !important; padding:9px 10px 7px !important; color:#111827 !important; background:#fff !important; box-shadow:0 1px 2px rgba(0,0,0,.08) !important; font-size:14px !important; line-height:1.38 !important; word-break:break-word !important; white-space:pre-wrap !important; }
.tds-me .tds-bubble { background:#D9FDD3 !important; }
.tds-time { display:block !important; color:#64748b !important; font-size:10px !important; text-align:right !important; margin-top:4px !important; white-space:nowrap !important; }
.tds-attachment { max-width:200px !important; max-height:210px !important; object-fit:cover !important; border-radius:12px !important; display:block !important; cursor:pointer !important; margin-bottom:4px !important; }
.tds-file-link { color:var(--tds-primary) !important; font-weight:800 !important; text-decoration:none !important; }
.tds-typing { min-height:24px !important; padding:0 14px 8px !important; font-size:12px !important; color:#475569 !important; background:#efeae2 !important; display:none !important; align-items:center !important; gap:7px !important; }
.tds-typing.tds-show { display:flex !important; }
.tds-dots span { display:inline-block !important; width:5px !important; height:5px !important; border-radius:50% !important; background:#64748b !important; margin:0 1px !important; animation:tdsDot 1.2s infinite ease-in-out !important; }
.tds-dots span:nth-child(2){ animation-delay:.15s !important; } .tds-dots span:nth-child(3){ animation-delay:.3s !important; }
@keyframes tdsDot { 0%,80%,100%{opacity:.25;transform:translateY(0)} 40%{opacity:1;transform:translateY(-3px)} }
.tds-composer { flex:0 0 auto !important; padding:10px !important; padding-bottom:max(10px, env(safe-area-inset-bottom)) !important; background:#f8fafc !important; border-top:1px solid rgba(15,23,42,.08) !important; display:flex !important; align-items:flex-end !important; gap:8px !important; }
.tds-icon-btn { width:42px !important; height:42px !important; border:0 !important; border-radius:14px !important; background:#e8f3fb !important; color:var(--tds-primary) !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; }
.tds-reply { flex:1 !important; min-width:0 !important; height:42px !important; max-height:96px !important; resize:none !important; border:1px solid #dbe3ef !important; background:#fff !important; border-radius:15px !important; padding:11px 12px !important; font-size:14px !important; color:#0f172a !important; outline:0 !important; line-height:1.35 !important; box-shadow:none !important; appearance:none !important; -webkit-appearance:none !important; }
.tds-send { width:42px !important; height:42px !important; border:0 !important; border-radius:50% !important; color:#fff !important; background:var(--tds-primary) !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; }
.tds-ended { display:none !important; }
.tds-ended.tds-active { display:block !important; }
.tds-hidden { display:none !important; }
.tds-lightbox { position:fixed !important; inset:0 !important; z-index:2147483647 !important; background:rgba(5,13,24,.92) !important; display:none !important; align-items:center !important; justify-content:center !important; padding:20px !important; }
.tds-lightbox.tds-open { display:flex !important; }
.tds-lightbox img { max-width:100% !important; max-height:82vh !important; border-radius:14px !important; box-shadow:0 22px 70px rgba(0,0,0,.38) !important; }
.tds-lightbox-actions { position:absolute !important; top:max(14px, env(safe-area-inset-top)) !important; right:14px !important; display:flex !important; gap:8px !important; }
.tds-lightbox-actions button, .tds-lightbox-actions a { height:40px !important; min-width:40px !important; border:0 !important; border-radius:12px !important; background:rgba(255,255,255,.14) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; text-decoration:none !important; font-size:18px !important; padding:0 12px !important; cursor:pointer !important; }
@media (max-width:520px){
  #tdsuporte-wp-root { right:14px !important; bottom:max(14px, env(safe-area-inset-bottom)) !important; }
  #tdsuporte-wp-root.tds-left { left:14px !important; right:auto !important; }
  .tds-launcher { width:58px !important; min-width:58px !important; height:58px !important; padding:0 !important; justify-content:center !important; }
  .tds-launcher-text { display:none !important; }
  .tds-panel { position:fixed !important; inset:auto 10px max(82px, calc(72px + env(safe-area-inset-bottom))) 10px !important; width:auto !important; height:min(640px, calc(100vh - 104px - env(safe-area-inset-top))) !important; border-radius:22px !important; }
  #tdsuporte-wp-root.tds-left .tds-panel { left:10px !important; right:10px !important; }
  .tds-header { min-height:65px !important; padding:11px 13px !important; }
  .tds-avatar { width:38px !important; height:38px !important; border-radius:13px !important; }
  .tds-card { padding:14px !important; border-radius:18px !important; }
  .tds-start, .tds-ended { padding:12px !important; }
  .tds-bubble { max-width:88% !important; }
}