/* ===== مساعد الوقف السني الذكي — نافذة المحادثة العائمة ===== */
#wsa-root{position:fixed;bottom:22px;left:22px;z-index:9999;font-family:'Tajawal',sans-serif;direction:rtl}

/* --- زر الإيقونة العائم --- */
#wsa-btn{
  position:relative;width:62px;height:62px;border-radius:50%;
  background:linear-gradient(145deg,var(--ac,#c8a95a),var(--pr,#1a3a5c));
  border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(26,58,92,.4),0 0 0 0 rgba(200,169,90,.6);
  animation:wsa-bounce 2.6s ease-in-out infinite, wsa-pulse 2.6s ease-in-out infinite;
}
#wsa-btn:hover{transform:scale(1.07)}
#wsa-btn svg{width:30px;height:30px;fill:#fff}
#wsa-badge{
  position:absolute;top:-2px;left:-2px;background:var(--er,#7a1a1a);color:#fff;
  font-size:10px;font-weight:900;width:19px;height:19px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:2px solid #fff;
}
@keyframes wsa-bounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes wsa-pulse{
  0%{box-shadow:0 6px 20px rgba(26,58,92,.4),0 0 0 0 rgba(200,169,90,.55)}
  70%{box-shadow:0 6px 20px rgba(26,58,92,.4),0 0 0 16px rgba(200,169,90,0)}
  100%{box-shadow:0 6px 20px rgba(26,58,92,.4),0 0 0 0 rgba(200,169,90,0)}
}

/* --- فقاعة تعريفية تظهر تلقائياً --- */
#wsa-teaser{
  position:absolute;bottom:74px;left:0;background:var(--cd,#fff);color:var(--tx,#1a1a1a);
  padding:9px 14px;border-radius:12px;font-size:12.5px;font-weight:700;white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,.15);border:1px solid var(--bd,#ddd9d0);
  opacity:0;transform:translateY(6px);pointer-events:none;transition:all .25s;
}
#wsa-teaser.show{opacity:1;transform:translateY(0)}
#wsa-teaser::after{
  content:"";position:absolute;bottom:-6px;left:24px;width:12px;height:12px;
  background:var(--cd,#fff);border-left:1px solid var(--bd,#ddd9d0);border-bottom:1px solid var(--bd,#ddd9d0);
  transform:rotate(-45deg);
}

/* --- نافذة المحادثة --- */
#wsa-panel{
  position:absolute;bottom:78px;left:0;width:340px;max-width:88vw;height:460px;max-height:75vh;
  background:var(--cd,#fff);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);
  display:none;flex-direction:column;overflow:hidden;border:1px solid var(--bd,#ddd9d0);
}
#wsa-panel.open{display:flex;animation:wsa-open .22s ease}
@keyframes wsa-open{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

#wsa-head{
  background:linear-gradient(120deg,var(--pr,#1a3a5c),var(--pr2,#1e4d7b));
  color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px;
}
#wsa-head .wsa-ava{width:36px;height:36px;border-radius:50%;background:var(--ac,#c8a95a);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
#wsa-head .wsa-info{flex:1;min-width:0}
#wsa-head .wsa-name{font-size:13.5px;font-weight:800}
#wsa-head .wsa-status{font-size:10.5px;color:#bcd6ef;display:flex;align-items:center;gap:5px}
#wsa-head .wsa-status i{width:7px;height:7px;background:#4ade80;border-radius:50%;display:inline-block}
#wsa-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0}
#wsa-close:hover{background:rgba(255,255,255,.3)}

#wsa-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--sf,#faf8f5)}
#wsa-body::-webkit-scrollbar{width:6px}
#wsa-body::-webkit-scrollbar-thumb{background:var(--bd,#ddd9d0);border-radius:6px}

.wsa-msg{max-width:86%;padding:9px 12px;border-radius:12px;font-size:12.8px;line-height:1.65;animation:wsa-msg-in .18s ease}
@keyframes wsa-msg-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.wsa-bot{align-self:flex-start;background:#fff;border:1px solid var(--bd,#ddd9d0);color:var(--tx,#1a1a1a);border-bottom-left-radius:3px}
.wsa-user{align-self:flex-end;background:var(--pr,#1a3a5c);color:#fff;border-bottom-right-radius:3px}
.wsa-msg a{color:var(--pr,#1a3a5c);font-weight:800}
.wsa-user a{color:#e2c97e}

.wsa-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.wsa-chip{background:#fff;border:1px solid var(--pr,#1a3a5c);color:var(--pr,#1a3a5c);font-size:11.3px;font-weight:700;
  padding:6px 11px;border-radius:20px;cursor:pointer;transition:.15s;font-family:'Tajawal',sans-serif}
.wsa-chip:hover{background:var(--pr,#1a3a5c);color:#fff}

.wsa-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 13px;background:#fff;border:1px solid var(--bd,#ddd9d0);border-radius:12px}
.wsa-typing span{width:6px;height:6px;background:var(--tl,#9b9690);border-radius:50%;animation:wsa-tp 1s infinite}
.wsa-typing span:nth-child(2){animation-delay:.15s}
.wsa-typing span:nth-child(3){animation-delay:.3s}
@keyframes wsa-tp{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

#wsa-foot{border-top:1px solid var(--bd,#ddd9d0);padding:9px;display:flex;gap:7px;background:#fff}
#wsa-input{flex:1;border:1px solid var(--bd,#ddd9d0);border-radius:20px;padding:8px 14px;font-size:12.5px;
  font-family:'Tajawal',sans-serif;outline:none;background:var(--sf,#faf8f5)}
#wsa-input:focus{border-color:var(--pr,#1a3a5c)}
#wsa-send{background:var(--pr,#1a3a5c);border:none;color:#fff;width:36px;height:36px;border-radius:50%;
  cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#wsa-send:hover{background:var(--pr2,#1e4d7b)}
#wsa-send svg{width:16px;height:16px;fill:#fff;transform:scaleX(-1)}

.wsa-note{text-align:center;font-size:9.5px;color:var(--tl,#9b9690);padding:4px 0 0}

@media (max-width:480px){
  #wsa-root{bottom:14px;left:14px}
  #wsa-panel{width:92vw;height:70vh}
}