/* دستیار هوشمند بارنگ‌ادز — ظاهر گلس سبز */
:root{--bai-a:#2dd4bf;--bai-b:#14b8a6;--bai-glow:rgba(45,212,191,.45)}
#bai-root{position:fixed;bottom:22px;left:22px;z-index:99999;font-family:inherit;direction:rtl;color:#e6fffb}
#bai-root *{box-sizing:border-box}

/* دکمه شناور */
#bai-fab{position:relative;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.18);cursor:pointer;
  background:radial-gradient(circle at 30% 25%,rgba(45,212,191,.55),rgba(8,47,44,.85));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 0 0 0 var(--bai-glow),0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);
  color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;animation:bai-pulse 2.4s infinite}
#bai-fab:before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:2px;
  background:conic-gradient(from 0deg,transparent 0 60%,var(--bai-a),transparent 85%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:bai-spin 3s linear infinite}
#bai-fab:hover{transform:scale(1.08)}
@keyframes bai-pulse{0%{box-shadow:0 0 0 0 var(--bai-glow),0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25)}
  70%{box-shadow:0 0 0 18px rgba(45,212,191,0),0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25)}
  100%{box-shadow:0 0 0 0 rgba(45,212,191,0),0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25)}}
@keyframes bai-spin{to{transform:rotate(360deg)}}

/* نوتیف بالای دکمه */
#bai-bubble{position:absolute;bottom:76px;left:0;width:240px;padding:12px 14px;border-radius:16px;cursor:pointer;
  background:rgba(14,40,38,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(45,212,191,.35);box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:13px;line-height:1.8;
  opacity:0;transform:translateY(10px) scale(.96);transition:all .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
#bai-bubble.show{opacity:1;transform:none;pointer-events:auto}
#bai-bubble b{color:var(--bai-a)}
#bai-bubble .x{position:absolute;top:4px;left:8px;background:none;border:0;color:#9fd;cursor:pointer;font-size:16px}
#bai-root.open #bai-bubble{display:none}

/* پنجره گلس */
#bai-box{display:none;position:relative;width:380px;max-width:calc(100vw - 24px);height:520px;max-height:calc(100vh - 40px);
  flex-direction:column;overflow:hidden;border-radius:24px;border:1px solid rgba(45,212,191,.25);
  background:linear-gradient(160deg,rgba(20,70,66,.55),rgba(8,20,22,.72));
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 40px rgba(45,212,191,.12),inset 0 1px 0 rgba(255,255,255,.12);
  animation:bai-in .4s cubic-bezier(.2,.8,.2,1)}
#bai-box:after{content:"";position:absolute;top:-80px;left:-80px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(45,212,191,.25),transparent 70%);pointer-events:none}
#bai-root.open #bai-box{display:flex}
#bai-root.open #bai-fab{display:none}
@keyframes bai-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}

#bai-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
#bai-head .sp{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--bai-a),var(--bai-b));color:#042;font-size:18px;box-shadow:0 0 16px var(--bai-glow)}
#bai-head .t{flex:1}
#bai-head .t b{display:block;font-size:15px;color:#f0fffd}
#bai-head .t small{color:#8fd8cc;font-size:12px}
#bai-head .t small:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bai-a);margin-left:5px;box-shadow:0 0 8px var(--bai-a);animation:bai-pulse2 1.6s infinite}
@keyframes bai-pulse2{50%{opacity:.35}}
#bai-head button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;width:30px;height:30px;color:#cfeee8;font-size:18px;cursor:pointer;transition:.2s}
#bai-head button:hover{background:rgba(45,212,191,.2)}

#bai-msgs{position:relative;z-index:1;flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
#bai-msgs::-webkit-scrollbar{width:4px}
#bai-msgs::-webkit-scrollbar-thumb{background:rgba(45,212,191,.35);border-radius:4px}
.bai-m{max-width:84%;padding:10px 14px;font-size:14px;line-height:1.9;white-space:pre-wrap;word-wrap:break-word;animation:bai-in .3s ease;border-radius:18px}
.bai-m.bot{align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#e6fffb;border-top-right-radius:6px;backdrop-filter:blur(8px)}
.bai-m.usr{align-self:flex-end;background:linear-gradient(135deg,var(--bai-a),var(--bai-b));color:#03241f;font-weight:500;border-top-left-radius:6px;box-shadow:0 6px 18px rgba(20,184,166,.3)}
.bai-m.typing{opacity:.75}
.bai-m.typing:after{content:"...";animation:bai-dots 1.2s steps(4) infinite;display:inline-block;width:1.2em;text-align:left}
@keyframes bai-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}

#bai-form{position:relative;z-index:1;display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.15)}
#bai-in{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(45,212,191,.2);border-radius:22px;color:#e6fffb;padding:10px 16px;font-size:14px;outline:0;font-family:inherit;transition:.2s}
#bai-in:focus{border-color:var(--bai-a);box-shadow:0 0 0 3px rgba(45,212,191,.15)}
#bai-in::placeholder{color:#6fa89f}
#bai-send{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;color:#03241f;font-size:18px;
  background:linear-gradient(135deg,var(--bai-a),var(--bai-b));box-shadow:0 0 16px var(--bai-glow);transition:transform .2s}
#bai-send:hover{transform:scale(1.07)}
#bai-send:disabled{opacity:.5;cursor:default;transform:none}

@media(max-width:600px){#bai-root{left:12px;bottom:12px}#bai-box{height:72vh}#bai-bubble{width:210px}}
@media(prefers-reduced-motion:reduce){#bai-fab,#bai-fab:before,#bai-box{animation:none}}