/* ===== الزر العائم + التاق ===== */
#wa-fab-wrap{position:fixed;bottom:22px;z-index:9000;display:flex;flex-direction:column;align-items:center;gap:8px}
html[dir=rtl] #wa-fab-wrap{left:22px}
html[dir=ltr] #wa-fab-wrap{right:22px}
#wa-tag{background:var(--card,#fff);color:var(--ink,#0f1923);border:1px solid var(--bdr,#dde1e7);
  font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:999px;box-shadow:0 6px 20px rgba(15,25,35,.12);
  white-space:nowrap;cursor:pointer;transition:.25s;opacity:0;transform:translateY(6px);animation:wa-tag-in .5s .8s forwards;
  font-family:inherit;max-width:78vw;display:flex;align-items:center;gap:6px}
#wa-tag:hover{border-color:var(--ac,#2e5a92);color:var(--ac,#2e5a92)}
#wa-tag b{color:var(--ac,#2e5a92)}
#wa-tag .wa-x{opacity:.5;font-weight:400;margin-inline-start:2px}
@keyframes wa-tag-in{to{opacity:1;transform:none}}
#wa-fab{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;position:relative;
  background:linear-gradient(140deg,var(--ac,#2e5a92),var(--ac2,#3d6ba6));color:#fff;
  box-shadow:0 8px 26px rgba(46,90,146,.42);transition:transform .25s, box-shadow .25s;
  display:flex;align-items:center;justify-content:center}
#wa-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px rgba(46,90,146,.5)}
#wa-fab svg{width:28px;height:28px}
#wa-fab .wa-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--ac,#2e5a92);
  animation:wa-pulse 2.4s ease-out infinite;opacity:0}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.55);opacity:0}}

/* ===== نافذة الشات ملء الشاشة ===== */
#wa-overlay{position:fixed;inset:0;z-index:9500;background:var(--bg,#f1f3f6);
  display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .28s}
#wa-overlay.open{opacity:1;pointer-events:auto}
#wa-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bdr,#dde1e7);
  background:var(--card,#fff)}
#wa-head .wa-ava{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--ac,#2e5a92);flex-shrink:0}
#wa-head .wa-meta{flex:1;min-width:0}
#wa-head .wa-name{font-weight:700;font-size:15px;color:var(--ink,#0f1923);font-family:inherit}
#wa-head .wa-sub{font-size:12px;color:var(--muted,#697785);display:flex;align-items:center;gap:5px}
#wa-head .wa-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block}
#wa-close{width:38px;height:38px;border-radius:10px;border:1px solid var(--bdr,#dde1e7);background:var(--bg,#f1f3f6);
  cursor:pointer;color:var(--ink,#0f1923);display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}
#wa-close:hover{border-color:var(--ac,#2e5a92);color:var(--ac,#2e5a92)}
#wa-close svg{width:18px;height:18px}

#wa-msgs{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:12px;
  max-width:760px;width:100%;margin:0 auto;scroll-behavior:smooth}
.wa-bubble{max-width:84%;padding:11px 15px;border-radius:16px;font-size:14.5px;line-height:1.7;
  white-space:pre-wrap;word-wrap:break-word;animation:wa-up .3s ease}
@keyframes wa-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wa-bot{align-self:flex-start;background:var(--card,#fff);color:var(--ink,#0f1923);
  border:1px solid var(--bdr,#dde1e7);border-bottom-inline-start-radius:4px}
.wa-user{align-self:flex-end;background:var(--ac,#2e5a92);color:#fff;border-bottom-inline-end-radius:4px}
.wa-typing{align-self:flex-start;display:flex;gap:4px;padding:14px 16px;background:var(--card,#fff);
  border:1px solid var(--bdr,#dde1e7);border-radius:16px}
.wa-typing span{width:7px;height:7px;border-radius:50%;background:var(--muted,#697785);animation:wa-blink 1.2s infinite}
.wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}
@keyframes wa-blink{0%,60%,100%{opacity:.25}30%{opacity:1}}

/* رقائق اقتراحات */
#wa-chips{max-width:760px;width:100%;margin:0 auto;padding:0 16px 6px;display:flex;flex-wrap:wrap;gap:8px}
.wa-chip{font-size:12.5px;padding:7px 13px;border:1px solid var(--bdr,#dde1e7);border-radius:999px;
  background:var(--card,#fff);color:var(--ink2,#3a4856);cursor:pointer;transition:.2s;font-family:inherit}
.wa-chip:hover{border-color:var(--ac,#2e5a92);color:var(--ac,#2e5a92)}

/* شريط الإدخال */
#wa-input-bar{border-top:1px solid var(--bdr,#dde1e7);background:var(--card,#fff);padding:12px 16px}
#wa-input-inner{max-width:760px;margin:0 auto;display:flex;align-items:flex-end;gap:9px}
#wa-text{flex:1;resize:none;border:1px solid var(--bdr,#dde1e7);border-radius:14px;padding:11px 14px;
  font-size:14.5px;font-family:inherit;background:var(--bg,#f1f3f6);color:var(--ink,#0f1923);
  max-height:120px;line-height:1.5;outline:none;transition:border .2s}
#wa-text:focus{border-color:var(--ac,#2e5a92)}
.wa-iconbtn{width:46px;height:46px;border-radius:13px;border:none;cursor:pointer;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:.2s}
#wa-mic{background:var(--bg,#f1f3f6);border:1px solid var(--bdr,#dde1e7);color:var(--ink2,#3a4856)}
#wa-mic:hover{border-color:var(--ac,#2e5a92);color:var(--ac,#2e5a92)}
#wa-mic.rec{background:#ef4444;color:#fff;border-color:#ef4444;animation:wa-rec 1.2s infinite}
@keyframes wa-rec{50%{box-shadow:0 0 0 6px rgba(239,68,68,.25)}}
#wa-send{background:var(--ac,#2e5a92);color:#fff}
#wa-send:hover{filter:brightness(1.08)}
#wa-send:disabled{opacity:.45;cursor:default}
.wa-iconbtn svg{width:20px;height:20px}
#wa-voice-note{max-width:760px;margin:6px auto 0;font-size:11.5px;color:var(--muted,#697785);text-align:center;min-height:14px}
.wa-speakbtn{background:none;border:none;cursor:pointer;color:var(--muted,#697785);padding:2px;margin-top:4px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:inherit}
.wa-speakbtn:hover{color:var(--ac,#2e5a92)}
.wa-speakbtn svg{width:13px;height:13px}