:root{--dtf-ai-primary:#009FE3;--dtf-ai-dark:#0b2740;--dtf-ai-border:#e5eaf2;--dtf-ai-bg:#f6f8fb;--dtf-ai-text:#111827;--dtf-ai-muted:#697386}#dtf-ai-chat-root{position:fixed;right:22px;bottom:20px;z-index:99999;font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dtf-ai-text)}#dtf-ai-chat-root *{box-sizing:border-box}.dtf-ai-bubble{width:72px;height:72px;border:0;border-radius:26px;background:linear-gradient(145deg,var(--dtf-ai-primary),#006d9b);color:#fff;box-shadow:0 18px 45px rgba(0,90,130,.28);cursor:pointer;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;position:relative;letter-spacing:-.2px}.dtf-ai-bubble span:not(.dtf-ai-bubble-dot){font-size:16px}.dtf-ai-bubble strong{font-size:14px}.dtf-ai-bubble-dot{position:absolute;right:10px;top:10px;width:11px;height:11px;background:#21d079;border-radius:50%;border:2px solid #fff}.dtf-ai-panel{position:absolute;right:0;bottom:86px;width:390px;height:min(650px,calc(100vh - 115px));display:none;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(14,32,57,.08);border-radius:24px;box-shadow:0 24px 80px rgba(15,23,42,.25)}.dtf-ai-panel.is-open{display:flex}.dtf-ai-header{flex:0 0 auto;padding:14px 15px;background:linear-gradient(135deg,#063b58,var(--dtf-ai-primary));color:#fff;display:flex;align-items:center;justify-content:space-between}.dtf-ai-brand{display:flex;align-items:center;gap:10px;min-width:0}.dtf-ai-avatar{width:40px;height:40px;border-radius:15px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}.dtf-ai-brand strong{display:block;font-size:15.5px;line-height:1.1;font-weight:800}.dtf-ai-brand small{display:flex;align-items:center;gap:6px;margin-top:4px;color:rgba(255,255,255,.88);font-size:11.5px;font-weight:600}.dtf-ai-brand small i{width:7px;height:7px;border-radius:50%;background:#2ee58d;display:block}.dtf-ai-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.17);color:#fff;font-size:24px;line-height:1;cursor:pointer}.dtf-ai-close:hover{background:rgba(255,255,255,.26)}.dtf-ai-promo{flex:0 0 auto;padding:7px 12px;background:#fff8e7;color:#7a4b00;border-bottom:1px solid #ffe5ad;text-align:center;font-size:11.2px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtf-ai-messages{flex:1 1 auto;min-height:0;overflow-y:auto;padding:13px 12px;background:linear-gradient(180deg,#f7fbff 0%,#fff 42%);scrollbar-width:thin}.dtf-ai-messages::-webkit-scrollbar{width:5px}.dtf-ai-messages::-webkit-scrollbar-thumb{background:#c8d2df;border-radius:10px}.dtf-ai-msg-row{display:flex;align-items:flex-end;gap:6px;margin:0 0 10px}.dtf-ai-msg-row.customer{justify-content:flex-end}.dtf-ai-msg-row.customer .dtf-ai-mini-avatar{order:2}.dtf-ai-msg-row.customer .dtf-ai-msg-wrap{align-items:flex-end}.dtf-ai-mini-avatar{width:25px;height:25px;border-radius:9px;background:#e7f3fb;color:#365063;display:grid;place-items:center;font-size:9.5px;font-weight:900;flex:0 0 auto}.dtf-ai-msg-row.customer .dtf-ai-mini-avatar{background:#dff6ff;color:#0a6b93}.dtf-ai-msg-row.operator .dtf-ai-mini-avatar{background:#e9f9ef;color:#096532}.dtf-ai-msg{max-width:78%;border-radius:17px;padding:10px 12px;font-size:13px;line-height:1.46;word-break:break-word;box-shadow:0 6px 22px rgba(15,23,42,.04)}.dtf-ai-msg a{color:inherit;text-decoration:underline}.dtf-ai-msg-wrap{max-width:82%;display:flex;flex-direction:column;gap:7px}.dtf-ai-msg-wrap .dtf-ai-msg{max-width:100%}.dtf-ai-product-cards{display:flex;flex-direction:column;gap:7px}.dtf-ai-product-card{display:flex;align-items:center;gap:9px;text-decoration:none;background:#fff;border:1px solid #dce8f3;border-radius:15px;padding:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);color:#172033}.dtf-ai-product-card:hover{border-color:var(--dtf-ai-primary);background:#f8fdff}.dtf-ai-product-card img{width:52px;height:52px;object-fit:cover;border-radius:12px;background:#f3f6fb;flex:0 0 auto}.dtf-ai-product-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dtf-ai-product-info strong{font-size:12px;line-height:1.22;color:#172033}.dtf-ai-product-info small{font-size:10.5px;line-height:1.25;color:#667085}.dtf-ai-product-info em{font-style:normal;font-size:10px;color:#0a7aaa;font-weight:800}.dtf-ai-product-card b{font-size:10.5px;background:var(--dtf-ai-primary);color:#fff;border-radius:999px;padding:6px 8px;flex:0 0 auto}.dtf-ai-msg.ai,.dtf-ai-msg.operator{background:#fff;border:1px solid var(--dtf-ai-border);border-bottom-left-radius:6px}.dtf-ai-msg.customer{background:linear-gradient(135deg,var(--dtf-ai-primary),#047aaa);color:#fff;border-bottom-right-radius:6px}.dtf-ai-msg.system{max-width:94%;margin-left:auto;margin-right:auto;background:#fff7e8;border:1px solid #ffe0a6;color:#6b4200;text-align:center;font-size:12px}.dtf-ai-quick{flex:0 0 auto;display:flex;gap:7px;padding:8px 10px;border-top:1px solid var(--dtf-ai-border);background:#fff;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.dtf-ai-quick::-webkit-scrollbar{display:none}.dtf-ai-quick button{flex:0 0 auto;border:1px solid #dce5ef;background:#fff;border-radius:999px;padding:7px 11px;font-size:11.2px;line-height:1;font-weight:800;cursor:pointer;color:#223042;transition:.15s ease;box-shadow:0 4px 14px rgba(15,23,42,.03)}.dtf-ai-quick button:hover{border-color:var(--dtf-ai-primary);color:#006d9b;background:#effaff}.dtf-ai-meta-form{display:none;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 8px;background:#fff}.dtf-ai-meta-form.is-visible{display:grid}.dtf-ai-meta-form input,.dtf-ai-input{border:1px solid #d9e3ee;border-radius:14px;padding:10px 12px;font-size:13px;outline:0;background:#fff}.dtf-ai-meta-form input:focus,.dtf-ai-input:focus{border-color:var(--dtf-ai-primary);box-shadow:0 0 0 3px rgba(0,159,227,.12)}.dtf-ai-typing{display:none;padding:0 13px 6px;background:#fff;color:#667085;font-size:11px;align-items:center;gap:4px}.dtf-ai-typing.is-visible{display:flex}.dtf-ai-typing span{width:5px;height:5px;border-radius:50%;background:#98a2b3;display:inline-block;animation:dtfTyping .9s infinite ease-in-out}.dtf-ai-typing span:nth-child(2){animation-delay:.15s}.dtf-ai-typing span:nth-child(3){animation-delay:.3s}@keyframes dtfTyping{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.dtf-ai-form{flex:0 0 auto;display:flex;gap:8px;padding:10px 10px 7px;border-top:1px solid var(--dtf-ai-border);background:#fff}.dtf-ai-input{flex:1;min-width:0;height:45px}.dtf-ai-send{height:45px;border:0;border-radius:15px;background:#111827;color:#fff;font-size:13px;font-weight:900;padding:0 16px;cursor:pointer;transition:.15s ease}.dtf-ai-send:hover{background:var(--dtf-ai-primary)}.dtf-ai-credit{flex:0 0 auto;padding:0 12px 9px;background:#fff;text-align:center;color:#98a2b3;font-size:9.5px;font-weight:600;letter-spacing:.1px}.dtf-ai-credit:empty{display:none}@media(max-width:480px){#dtf-ai-chat-root{right:11px;bottom:11px}.dtf-ai-bubble{width:68px;height:68px;border-radius:23px}.dtf-ai-panel{position:fixed;right:8px;left:8px;bottom:86px;width:auto;height:min(660px,calc(100vh - 98px));border-radius:23px}.dtf-ai-header{padding:13px 14px}.dtf-ai-messages{padding:12px 10px}.dtf-ai-msg{font-size:13px;max-width:80%}.dtf-ai-promo{font-size:10.8px;padding:6px 10px}.dtf-ai-quick{padding:8px 9px}.dtf-ai-meta-form{grid-template-columns:1fr}.dtf-ai-form{padding:9px 9px 7px}.dtf-ai-input,.dtf-ai-send{height:44px}}@media(max-width:360px){.dtf-ai-panel{left:6px;right:6px}.dtf-ai-msg{max-width:84%}.dtf-ai-send{padding:0 13px}.dtf-ai-avatar{width:38px;height:38px}.dtf-ai-brand strong{font-size:14px}}
/* v0.9 refinements */
.dtf-ai-product-card.is-clicked{border-color:#16a34a;background:#f0fdf4;box-shadow:0 8px 24px rgba(22,163,74,.12)}
.dtf-ai-product-card.is-clicked b{background:#16a34a}
.dtf-ai-msg-row.system{justify-content:center;margin:8px 0 12px}.dtf-ai-msg-row.system .dtf-ai-mini-avatar{display:none}.dtf-ai-msg-row.system .dtf-ai-msg-wrap{max-width:94%;align-items:center}.dtf-ai-msg.system{border-radius:999px;padding:7px 12px;background:#ecfdf5;border-color:#bbf7d0;color:#166534;font-weight:700;box-shadow:none}
.dtf-ai-msg.operator{border-color:#bbf7d0;background:#f7fef9}.dtf-ai-msg-row.operator .dtf-ai-mini-avatar{background:#dcfce7;color:#166534}
/* v1.0 lead capture + compact tools */
.dtf-ai-lead-gate{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:16px;background:linear-gradient(180deg,#f7fbff,#fff);overflow:auto}.dtf-ai-lead-gate.is-hidden{display:none}.dtf-ai-chat-view{display:none;flex:1 1 auto;min-height:0;flex-direction:column}.dtf-ai-chat-view.is-visible{display:flex}.dtf-ai-lead-card{width:100%;max-width:330px;background:#fff;border:1px solid var(--dtf-ai-border);border-radius:20px;padding:15px;box-shadow:0 14px 45px rgba(15,23,42,.08)}.dtf-ai-lead-card h3{margin:0 0 5px;font-size:16px;line-height:1.2;color:#0b2740}.dtf-ai-lead-card p{margin:0 0 12px;color:#667085;font-size:12.5px;line-height:1.45}.dtf-ai-lead-form{display:grid;gap:9px}.dtf-ai-lead-form input{width:100%;border:1px solid #d9e3ee;border-radius:14px;padding:11px 12px;font-size:13px;outline:0;background:#fff}.dtf-ai-lead-form input:focus{border-color:var(--dtf-ai-primary);box-shadow:0 0 0 3px rgba(0,159,227,.12)}.dtf-ai-lead-form button{border:0;border-radius:14px;padding:12px 13px;background:linear-gradient(135deg,var(--dtf-ai-primary),#047aaa);color:#fff;font-size:13px;font-weight:900;cursor:pointer}.dtf-ai-lead-card small{display:block;margin-top:9px;color:#98a2b3;text-align:center;font-size:10px;line-height:1.35}.dtf-ai-meta-form{display:none!important}.dtf-ai-form{align-items:center}.dtf-ai-tool{width:38px;height:44px;border:1px solid #d9e3ee;border-radius:14px;background:#fff;cursor:pointer;font-size:17px;display:grid;place-items:center;flex:0 0 auto}.dtf-ai-tool:hover{border-color:var(--dtf-ai-primary);background:#effaff}.dtf-ai-emoji-panel{position:absolute;left:10px;right:10px;bottom:70px;background:#fff;border:1px solid var(--dtf-ai-border);box-shadow:0 16px 50px rgba(15,23,42,.18);border-radius:16px;padding:8px;display:flex;gap:6px;flex-wrap:wrap;z-index:3}.dtf-ai-emoji-panel[hidden]{display:none}.dtf-ai-emoji-panel button{border:0;background:#f3f7fb;border-radius:12px;width:34px;height:34px;font-size:18px;cursor:pointer}.dtf-ai-attachment{margin-top:7px}.dtf-ai-attachment a{display:inline-flex;align-items:center;gap:5px;background:rgba(0,159,227,.10);border:1px solid rgba(0,159,227,.18);border-radius:999px;padding:6px 9px;color:#075985!important;text-decoration:none!important;font-size:12px;font-weight:700}.dtf-ai-msg.customer .dtf-ai-attachment a{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff!important}.dtf-ai-send{flex:0 0 auto}@media(max-width:480px){.dtf-ai-lead-gate{padding:14px}.dtf-ai-lead-card{max-width:none;padding:14px}.dtf-ai-tool{width:36px;height:44px}.dtf-ai-form{gap:6px}.dtf-ai-send{padding:0 13px}.dtf-ai-input{font-size:12.5px}}

/* v1.2 lead validation UI */
.dtf-ai-lead-form label{display:block;margin:0}
.dtf-ai-lead-form label span{display:block;margin:0 0 4px;color:#344054;font-size:10.5px;font-weight:800;letter-spacing:.12px}
.dtf-ai-lead-form input{height:44px}
.dtf-ai-lead-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:12px;padding:8px 10px;font-size:11.5px;line-height:1.35;font-weight:700}
.dtf-ai-lead-error[hidden]{display:none!important}
.dtf-ai-lead-form input:invalid:not(:placeholder-shown){border-color:#fda4af}
.dtf-ai-lead-form input.dtf-ai-lead-phone{letter-spacing:.2px}

/* v1.5.1 DTFShop brand UI + smart auto-open */
#dtf-ai-chat-root{
  --dtf-ai-primary:#009FE3;
  --dtf-ai-navy:#071827;
  --dtf-ai-sky:#EAF7FF;
  --dtf-ai-soft:#F8FBFF;
  --dtf-ai-border:#D7ECF8;
}
#dtf-ai-chat-root.dtf-ai-pos-left{left:22px;right:auto;bottom:22px}
#dtf-ai-chat-root.dtf-ai-pos-right{right:22px;left:auto;bottom:22px}
#dtf-ai-chat-root.dtf-ai-pos-left .dtf-ai-panel{left:0;right:auto}
#dtf-ai-chat-root.dtf-ai-pos-right .dtf-ai-panel{right:0;left:auto}
.dtf-ai-bubble{background:linear-gradient(145deg,#111827 0%,#08334d 48%,var(--dtf-ai-primary) 100%);box-shadow:0 18px 45px rgba(0,159,227,.26),0 9px 24px rgba(17,24,39,.18);border:1px solid rgba(255,255,255,.24)}
.dtf-ai-bubble-dot{background:#ffffff;border:2px solid #c6f0ff;box-shadow:0 0 0 4px rgba(0,159,227,.28);animation:dtfBluePulse 1.8s infinite ease-in-out}
@keyframes dtfBluePulse{0%,100%{transform:scale(.92);box-shadow:0 0 0 3px rgba(0,159,227,.28)}50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(0,159,227,.12)}}
.dtf-ai-panel{border:1px solid rgba(0,159,227,.14);box-shadow:0 26px 90px rgba(7,24,39,.28);background:#fff}
.dtf-ai-header{background:radial-gradient(circle at 15% 10%,rgba(0,159,227,.40),transparent 34%),linear-gradient(135deg,#071827 0%,#0a3146 58%,#009FE3 130%);padding:13px 14px}
.dtf-ai-avatar{background:#fff;color:#071827;border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 22px rgba(0,0,0,.14);border-radius:14px;font-size:10.5px;letter-spacing:.2px}
.dtf-ai-brand strong{font-size:15px;letter-spacing:-.25px}
.dtf-ai-brand small{font-size:11px;color:rgba(255,255,255,.82)}
.dtf-ai-brand small i{background:#8fe8ff;border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 4px rgba(0,159,227,.20);animation:dtfBluePulse 1.8s infinite ease-in-out}
.dtf-ai-promo{background:#EAF7FF;color:#075985;border-bottom:1px solid #CBEFFF}
.dtf-ai-messages{background:linear-gradient(180deg,#F8FBFF 0%,#FFFFFF 58%)}
.dtf-ai-msg.customer{background:linear-gradient(135deg,#111827,#009FE3);color:#fff}
.dtf-ai-msg.ai,.dtf-ai-msg.operator{border-color:#D7ECF8;background:#fff;color:#111827}
.dtf-ai-msg.operator{border-color:#BEEAFF;background:#F5FCFF}
.dtf-ai-msg-row.operator .dtf-ai-mini-avatar{background:#EAF7FF;color:#075985}.dtf-ai-msg-row.customer .dtf-ai-mini-avatar{background:#DCF7FF;color:#075985}
.dtf-ai-msg.system{background:#EAF7FF;border-color:#BEEAFF;color:#075985}
.dtf-ai-product-card:hover,.dtf-ai-quick button:hover,.dtf-ai-tool:hover{background:#EAF7FF;border-color:#009FE3;color:#075985}
.dtf-ai-product-card.is-clicked{border-color:#009FE3;background:#F0FBFF;box-shadow:0 8px 24px rgba(0,159,227,.14)}
.dtf-ai-product-card.is-clicked b{background:#009FE3}.dtf-ai-send{background:#111827}.dtf-ai-send:hover{background:#009FE3}.dtf-ai-lead-form button{background:linear-gradient(135deg,#111827,#009FE3)}
.dtf-ai-soft-card{width:100%;max-width:330px;background:#fff;border:1px solid #D7ECF8;border-radius:22px;padding:17px 15px;box-shadow:0 18px 55px rgba(0,159,227,.12);text-align:left;position:relative;overflow:hidden}.dtf-ai-soft-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#111827,#009FE3)}.dtf-ai-soft-card.is-hidden,.dtf-ai-lead-card.is-hidden{display:none!important}.dtf-ai-soft-icon{width:42px;height:42px;border-radius:15px;background:#EAF7FF;display:grid;place-items:center;font-size:21px;margin-bottom:10px;box-shadow:inset 0 0 0 1px #CBEFFF}.dtf-ai-soft-card h3{margin:0 0 6px;color:#071827;font-size:16.5px;line-height:1.22}.dtf-ai-soft-card p{margin:0 0 14px;color:#516170;font-size:12.5px;line-height:1.45}.dtf-ai-soft-actions{display:flex;gap:9px;align-items:center}.dtf-ai-soft-actions button{border:0;border-radius:999px;height:39px;padding:0 14px;font-weight:900;cursor:pointer}.dtf-ai-soft-start{background:#111827;color:#fff}.dtf-ai-soft-start:hover{background:#009FE3}.dtf-ai-soft-later{background:#F2F6FA;color:#516170}.dtf-ai-soft-later:hover{background:#EAF7FF;color:#075985}
@media(max-width:480px){#dtf-ai-chat-root.dtf-ai-pos-left{left:12px;right:auto;bottom:16px}#dtf-ai-chat-root.dtf-ai-pos-right{right:12px;left:auto;bottom:16px}#dtf-ai-chat-root.dtf-ai-pos-left .dtf-ai-panel{left:8px;right:8px}#dtf-ai-chat-root.dtf-ai-pos-right .dtf-ai-panel{left:8px;right:8px}.dtf-ai-panel{bottom:88px;height:min(660px,calc(100dvh - 104px))}.dtf-ai-soft-card{max-width:none}.dtf-ai-bubble{width:64px;height:64px;border-radius:22px}.dtf-ai-bubble span:not(.dtf-ai-bubble-dot){font-size:14px}.dtf-ai-bubble strong{font-size:12px}}


/* v1.5.2 customer-side polish: official DTFShop pill launcher + reading protection */
#dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble{
  width:auto!important;min-width:118px;height:54px!important;border-radius:999px!important;
  display:grid!important;grid-template-columns:34px auto;grid-template-rows:17px 19px;grid-template-areas:"mark top" "mark bottom";
  column-gap:8px;align-items:center;justify-content:start;padding:8px 14px 8px 8px!important;text-align:left;
  background:linear-gradient(135deg,#061826 0%,#009FE3 100%)!important;
  border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 42px rgba(0,159,227,.28),0 4px 15px rgba(6,24,38,.18)!important;
  overflow:visible;letter-spacing:0!important;
}
#dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble:before{
  content:"DTF";grid-area:mark;width:34px;height:34px;border-radius:14px;background:#fff;color:#009FE3;
  display:grid;place-items:center;font-weight:900;font-size:10.5px;letter-spacing:-.4px;box-shadow:inset 0 0 0 1px rgba(0,159,227,.14);
}
#dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble span:not(.dtf-ai-bubble-dot){
  grid-area:top;font-size:10.6px!important;line-height:1!important;font-weight:800;opacity:.92;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble strong{
  grid-area:bottom;font-size:14px!important;line-height:1!important;font-weight:900;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble-dot{
  right:8px!important;top:7px!important;width:10px!important;height:10px!important;background:#fff!important;border:2px solid #75dcff!important;box-shadow:0 0 0 4px rgba(255,255,255,.20),0 0 12px rgba(117,220,255,.9)!important;
}
#dtf-ai-chat-root .dtf-ai-brand small i{background:#e8f8ff!important;box-shadow:0 0 0 3px rgba(255,255,255,.16)!important;}
#dtf-ai-chat-root.dtf-ai-reading-hidden .dtf-ai-bubble{opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
#dtf-ai-chat-root .dtf-ai-bubble{transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;}
@media (max-width:480px){
  #dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble{min-width:110px;height:52px!important;padding-right:12px!important;}
  #dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble span:not(.dtf-ai-bubble-dot),
  #dtf-ai-chat-root.dtf-ai-launcher-pill .dtf-ai-bubble strong{max-width:70px;}
}