/* KidBot — زر عائم + نافذة دردشة صديقة للأطفال (RTL) */

/* زر التشغيل */
#kidbot-launcher{
  position:fixed; inset-inline-end:16px; inset-block-end:16px; z-index:9999;
  display:flex; align-items:center; gap:.6rem;
  background:linear-gradient(135deg,var(--accent1,#6fd3ff),var(--accent2,#8fff9e));
  color:#042; border-radius:999px; padding:.75rem 1rem; box-shadow:0 8px 24px rgba(0,0,0,.18);
  cursor:pointer; user-select:none; font-weight:700; font-size:15px; border:2px solid #fff;
}
#kidbot-launcher .face{font-size:22px}
#kidbot-launcher:focus{outline:3px solid #fff; outline-offset:2px}

/* نافذة الدردشة */
#kidbot-panel{
  position:fixed; inset-inline-end:16px; inset-block-end:84px; z-index:10000;
  width:min(420px,95vw); height:min(70vh,680px);
  background:rgba(255,255,255,.75);
  -webkit-backdrop-filter:saturate(1.2) blur(10px);
  backdrop-filter:saturate(1.2) blur(10px);
  border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,.22); overflow:hidden;
  border:1px solid rgba(255,255,255,.7);
}
#kidbot-panel.is-hidden{display:none}

/* رأس النافذة */
.kb-head{display:flex; justify-content:space-between; align-items:center; padding:.75rem 1rem;
  background:linear-gradient(90deg,#7ed6ff,#a8ffb0)}
.kb-title{display:flex; flex-direction:column; gap:.15rem; color:#023; font-size:14px}
.kb-title b{font-size:16px}
.kb-close{background:#fff; border:none; border-radius:10px; width:36px; height:36px; font-size:20px; cursor:pointer}

/* شرائح الأسئلة الجاهزة */
.kb-suggest{padding:.7rem 1rem; background:rgba(255,255,255,.8)}
.kb-hint{margin:.25rem 0 .5rem; color:#345; font-size:13px}
.kb-chips{display:flex; flex-wrap:wrap; gap:.5rem}
.kb-chips .chip{
  background:#fff; border:1px dashed #8ad; border-radius:999px; padding:.45rem .7rem; font-size:13px; cursor:pointer
}
.copy-toast{position:absolute; inset-inline-start:50%; transform:translateX(-50%); margin-top:.4rem;
  background:#0a0; color:#fff; border-radius:10px; padding:.3rem .6rem; font-size:12px; display:none}

/* إطار البوت */
.kb-frame-wrap{height:calc(100% - 190px); background:#f8fbff}
#edcafe-frame{width:100%; height:100%; border:0; background:#fff}

/* ذيل النافذة */
.kb-foot{display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.6rem 1rem;
  background:#f2fff4; font-size:13px; color:#063}
.kb-reload{background:#fff; border:1px solid #9c9; border-radius:8px; padding:.35rem .6rem; cursor:pointer}

/* توافق الهاتف */
@media (max-width: 520px){
  #kidbot-launcher{inset-inline-end:10px; inset-block-end:10px}
  #kidbot-panel{inset-block-end:76px; width:95vw; height:70vh}
}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  #kidbot-launcher{transition:none !important; animation:none !important}
}

/* الوضع الداكن */
@media (prefers-color-scheme: dark){
  #kidbot-panel{ background: rgba(22,26,32,.8); border-color: rgba(255,255,255,.15); }
  .kb-head{ background: linear-gradient(90deg,#3a83b7,#3f9b63); }
  .kb-suggest{ background: rgba(255,255,255,.07); }
  .kb-chips .chip{ background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); color:#eef; }
  .kb-foot{ background: rgba(255,255,255,.06); color:#cfe; }
  #kidbot-launcher{ color:#012; border-color: rgba(255,255,255,.7); }
}