/* styles with consent + sources */
:root { --shz-radius:14px; --shz-btn:#084F5D; --shz-btn-active:#B2905F; --shz-border:#084F5D; --shz-muted:#F2DBAD; --shz-text:#084F5D; --shz-bg:#FFFFFF; }
#shz-chat-launcher{position:fixed;right:16px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--shz-radius);border:2px solid var(--shz-btn);background:transparent;color:var(--shz-btn);font-weight:800;cursor:pointer;z-index:9998;transition:border-color .2s,color .2s,transform .15s;}
html[dir="rtl"] #shz-chat-launcher{right:auto;left:16px;}#shz-chat-launcher:hover{border-color:var(--shz-btn-active);color:var(--shz-btn-active);transform:translateY(-2px);}
#shz-chatbox{position:fixed;inset-inline-end:16px;inset-block-end:82px;width:min(420px,92vw);max-height:min(72vh,640px);background:var(--shz-bg);color:var(--shz-text);border:1.5px solid var(--shz-border);border-radius:var(--shz-radius);box-shadow:0 18px 42px rgba(0,0,0,.18);display:none;flex-direction:column;overflow:hidden;z-index:9999;}
html[dir="rtl"] #shz-chatbox{inset-inline-start:16px;inset-inline-end:auto;}
#shz-chatbox .shz-chat-header{ height:auto; min-height:56px; background:var(--shz-muted);padding:.8rem 1.6rem;font-weight:800;display:flex;align-items:center;gap:.5rem;border-bottom:1px dashed var(--shz-border);}
/* جوال فقط */
@media (max-width: 900px){
  #shz-chatbox .shz-chat-body{
    padding:.8rem;
    overflow:auto;
    display:flex;              /* بدل grid */
    flex-direction:column;
    gap:.6rem;
    flex:1 1 auto;
    min-height:0;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  /* كل عنصر رسالة لا يتمدّد */
  #shz-chatbox .shz-chat-body > *{
    flex:0 0 auto;
  }

  /* اتساع الفقاعة وموضعها (يمنع التمدد العمودي) */
  #shz-chatbox .shz-msg{
    max-width:86%;
    width:fit-content;
  }
  #shz-chatbox .shz-msg.me{ align-self:flex-end; }
  #shz-chatbox .shz-msg.bot{ align-self:flex-start; }

  /* منع أي هامش علوي زائد لأول رسالة */
  #shz-chatbox .shz-chat-body > :first-child{ margin-top:0 !important; }
}
#shz-chatbox .msg{max-width:92%;padding:.6rem .8rem;border:0.5px solid var(--shz-border);border-radius:var(--shz-radius); background:transparent;}
#shz-chatbox .msg.me{margin-inline-start:auto;background:rgba(8,79,93,.06);border:0.5px solid var(--shz-border);border-radius:var(--shz-radius);}#shz-chatbox .msg.bot{margin-inline-end:auto;background:transparent;}
#shz-chatbox .sources{font-size:.85em;border-top:1px dashed var(--shz-border);padding-top:.5rem;opacity:.9;}
#shz-chatbox .shz-chat-input{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.6rem;border-top:1px dashed var(--shz-border);background:#fff;}
#shz-chatbox input[type="text"]{height:48px;padding:0 .8rem;border:1.5px solid var(--shz-border);border-radius:var(--shz-radius);color:var(--shz-text);outline:none;box-shadow:0 0 0 3px rgba(8,79,93,.0);transition:box-shadow .2s;}
#shz-chatbox input[type="text"]:focus{box-shadow:0 0 0 3px rgba(8,79,93,.18);}#shz-chatbox button.shz-send{height:48px;padding:0 1rem;border:2px solid var(--shz-btn);background:transparent;color:var(--shz-btn);font-weight:800;border-radius:var(--shz-radius);cursor:pointer;}
#shz-chatbox button.shz-send:hover{border-color:var(--shz-btn-active);color:var(--shz-btn-active);}#shz-chat-consent{display:flex;align-items:center;gap:.5rem;font-size:.9em;padding:.4rem .8rem;}
body.os-dark #shz-chatbox{background:var(--os-dark-card,#111827);color:var(--os-dark-text,#e5e7eb);border-color:var(--os-dark-border,#374151);}
body.os-dark #shz-chatbox .shz-chat-header{background:var(--os-dark-elev1,#0b2430);border-color:var(--os-dark-border,#374151);}
body.os-dark #shz-chatbox .msg{background:var(--os-dark-card,#111827);border-color:var(--os-dark-border,#374151);}
body.os-dark #shz-chatbox .msg.me{background:rgba(178,144,95,.1);}body.os-dark #shz-chatbox .shz-chat-input{background:var(--os-dark-elev1,#0b2430);border-color:var(--os-dark-border,#374151);}
body.os-dark #shz-chatbox input[type="text"]{background:transparent;color:var(--os-dark-text,#e5e7eb);border-color:var(--os-dark-border,#374151);}body.os-dark #shz-chat-launcher{border-color:var(--os-dark-text,#e5e7eb);color:var(--os-dark-text,#e5e7eb);}


/* === Fullscreen & Header Tweaks === */
#shz-chatbox.fullscreen{
  inset: 0;
  width: 100vw;
  height:auto;       /* دعم الجوال */
  min-height: auto;    /* احتياطي */
  max-width: none;
  max-height: none;
  border-radius: 14px;
}

#shz-chatbox .shz-chat-header{
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .6rem;
}

#shz-chatbox .shz-title{ font-weight: 800; }

#shz-chatbox .shz-bot-mark{
  inline-size: 30px; block-size: 30px;
  display: inline-grid; place-items: center;
  border: 1px solid var(--shz-border,#084F5D);
  border-radius: 50%;
  background: var(--shz-bg,#fff);
  user-select: none;
}
/* توحيد ألوان وإتاحة انتقالات ناعمة لرموز الإجراءات (نسخ + تقييم) */
#shz-chatbox .msg .msg-actions .act-copy i,
#shz-chatbox .msg .msg-actions .act-up i,
#shz-chatbox .msg .msg-actions .act-down i{
  pointer-events: none; /* حتى لا تلتقط <i> الأحداث بدلاً من الزر */
}

#shz-chatbox .msg .msg-actions button{
  color: var(--shz-text, #084F5D); /* نفس لون رمز النسخ الافتراضي */
  transition: color .18s ease, opacity .18s ease, box-shadow .18s ease;
}

/* عند التحويم أو الضغط: نفس سلوك رمز النسخ (أكسنت) */
#shz-chatbox .msg .msg-actions button:hover,
#shz-chatbox .msg .msg-actions button:active{
  color: var(--shz-btn-active, #B2905F);
  opacity: 1; /* يلغي تخفيف الشفافية السابق ليظهر اللون واضح */
}

/* فوكس واضح متوافق مع OS Dark tokens */
#shz-chatbox .msg .msg-actions button:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px var(--os-focus-ring-accent, rgba(178,144,95,.35));
  border-radius: var(--shz-radius, 14px);
}

/* حالة التعطيل */
#shz-chatbox .msg .msg-actions button[disabled]{
  opacity: .55;
  pointer-events: none;
}

/* توافق الوضع الداكن: نفس القاعدة لرمز النسخ تنطبق على التقييم */
body.os-dark #shz-chatbox .msg .msg-actions button{
  color: var(--os-dark-text, #e5e7eb);
}
body.os-dark #shz-chatbox .msg .msg-actions button:hover,
body.os-dark #shz-chatbox .msg .msg-actions button:active{
  color: var(--os-accent, var(--shz-btn-active, #B2905F));
}

 #shz-chatbox .shz-close{
   background: transparent; border: 0; cursor: pointer;
  font-size: 50px; line-height: 1; padding: .25rem .35rem !important;
   color: var(--shz-text,#084F5D);
 }

#shz-chatbox .msg-row{
  display: grid; grid-template-columns: auto 1fr; gap: .5rem; align-items: flex-start;
}

#shz-chatbox .msg .msg-actions{
  margin-top: .35rem; display: flex; gap: .4rem; opacity: .95; flex-wrap: wrap;
}
#shz-chatbox .msg .msg-actions button{
  background: transparent; cursor: pointer; border: 0;
  display: inline-flex; align-items: center; justify-content: center;
  padding: .25rem; font-size: 1em; line-height: 1;
  color: var(--shz-text,#084F5D);
}
#shz-chatbox .msg .msg-actions button:hover{ opacity: .65; }

#shz-chatbox .msg .msg-actions button:hover{
  border-color: var(--shz-btn-active,#B2905F); color: var(--shz-btn-active,#B2905F);
}

/* Toast */
#shz-chatbox .shz-toast{
  position: absolute; inset-inline: 0; inset-block-end: 14px;
  margin: 0 auto; width: max-content; max-width: calc(100% - 32px);
  background: var(--shz-bg,#fff); color: var(--shz-text,#084F5D);
  border: 0.5px solid var(--shz-border,#084F5D);
  border-radius: var(--shz-radius,14px);
  padding: .4rem .7rem; opacity: 0; transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}
#shz-chatbox .shz-toast.in{ opacity: 1; transform: translateY(0); }
/* تموضع التوست داخل #shz-chatbox */
#shz-chatbox .shz-toast.pos-top{
  inset-block-start: 17px;      /* أعلى الصندوق */
  inset-block-end: auto;
  transform: translateY(-18px);
}
#shz-chatbox .shz-toast.in.pos-top{
  transform: translateY(0);
}

#shz-chatbox .shz-toast.pos-center{
  inset-block-start: 40%;       /* منتصف الصندوق رأسيًا */
  inset-block-end: auto;
  transform: translateY(calc(-50% + 8px));
}
#shz-chatbox .shz-toast.in.pos-center{
  transform: translateY(-50%);
}



/* Dark-mode compatibility */
body.os-dark #shz-chatbox.fullscreen{
  background: var(--os-dark-card,#101826);
}
body.os-dark #shz-chatbox .shz-bot-mark,
body.os-dark #shz-chatbox .msg .msg-actions button{
  border-color: var(--os-dark-border,#374151);
  color: var(--os-dark-text,#e5e7eb);
}







/* كرت مميّز لصندوق الدردشة */
#shz-chatbox{
  box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

/* ملء الشاشة ينزلق من اليمين */
#shz-chatbox.fullscreen{
  position: fixed;
  inset: 0;
  right: 0 !important; left: auto !important;
  width: 100vw; height: auto;
  max-width: none; max-height: none; border-radius: 0;
  transform: translateX(100%);
  opacity: 0;
  transition: transform .28s ease, opacity .28s ease;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--kb-safe, 0px));
}
#shz-chatbox.fullscreen.in{
  transform: translateX(0);
  opacity: 1;
}

/* تثبيت خانة الكتابة أسفل مع دعم الكيبورد */
#shz-chatbox .shz-chat-input{
  position: sticky;
  bottom: 0;
  background: var(--shz-bg,#fff);
}

/* أيقونة البوت بشكل شارة دائرية */
#shz-chatbox .shz-bot-mark{
  inline-size: 30px; block-size: 30px;
  display: inline-grid; place-items: center;
  border: 1.5px solid var(--shz-border,#084F5D);
  border-radius: 50%;
  background: var(--shz-bg,#fff);
}

/* تباين عالي للتنبيه (الـtoast) */
#shz-chatbox .shz-toast{
  border-width: 2px;
  font-weight: 700;
}





/* ===== [ADD 2025-10-30] Header compact size + subline with green dots ===== */
#shz-chatbox .shz-chat-header{
  height:auto;              /* تصغير الارتفاع: اجعله تلقائي */
  min-height:56px;          /* أقل ارتفاع مريح للسطرين */
  padding:.001rem .9rem;      /* حشوة أصغر */
}

#shz-chatbox .shz-title-wrap{
  display:flex;
  flex-direction:column;
  line-height:1.15;
}

#shz-chatbox .shz-title{
  font-size:0.8rem;        /* تكبير خط "مساعد شازار" */
  font-weight:800;
  color:var(--shz-text,#084F5D);
}

#shz-chatbox .shz-subline{
  display:flex;
  align-items:center;
  gap:.35rem;
  font-size:.40rem;         /* سطر صغير */
  color:var(--shz-text,#084F5D);
  opacity:.8;
}

#shz-chatbox .shz-subline .dot{
  inline-size:5px;
  block-size:5px;
  border-radius:50%;
  background:var(--shz-ok,#2e7d32);   /* نقاط خضراء حسب توكنات شازار */
  animation:shz-dot-blink 1.4s infinite ease-in-out;
}

/* تدرّج بسيط حتى تبدو النقاط “حَيّة” */
#shz-chatbox .shz-subline .dot:nth-child(2){ animation-delay:.2s; }
#shz-chatbox .shz-subline .dot:nth-child(3){ animation-delay:.4s; }

@keyframes shz-dot-blink {
  0%, 80%, 100% { opacity:.25; }
  40%           { opacity:1; }
}











/* [REPLACE @ EOF] Typing indicator: dots only (no bubble, no avatar) */
#shz-chatbox .shz-typing {
  display: flex;
  align-items: center;
  padding: .25rem 0;
  margin: .25rem .5rem;
  pointer-events: none; /* لا تعيق اللمس/التمرير */
  /* اضبط محاذاة المؤشر مع رسائل البوت عند الحاجة: */
  margin-inline-start: var(--shz-typing-offset, 0); /* ضع قيمة مثل 40px إذا أردت محاذاة مع بداية محتوى رسائل البوت */
}

#shz-chatbox .shz-typing-dots {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

#shz-chatbox .shz-typing-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--shz-text, #084F5D);
  opacity: .6;
  animation: shz-typing-bounce 1s infinite ease-in-out;
}

#shz-chatbox .shz-typing-dots .dot:nth-child(2) { animation-delay: .15s; }
#shz-chatbox .shz-typing-dots .dot:nth-child(3) { animation-delay: .30s; }

@keyframes shz-typing-bounce {
  0%, 80%, 100% { transform: translateY(0);    opacity: .35; }
  40%           { transform: translateY(-3px); opacity: 1;    }
}




/* نص تنبيهي تحت خانة اكتب رسالتك */
#shz-chatbox .shz-chat-note{
  font-size: .4rem;
  color: var(--shz-bad, #c62828);
  padding: .001rem 1rem .4rem;
  line-height: 1.4;
  opacity: .95;
  text-align: center;
}
html[dir="rtl"] #shz-chatbox .shz-chat-note{ text-align: right; }



/* ===================[ OS Dark — chat header parts ]=================== */
body.os-dark #shz-chatbox{
  /* قِيَم افتراضية (تقدر تغيّرها من :root عندك) */
  --os-accent: var(--shz-btn-active, #B2905F);
  --os-accent-rgb: 178,144,95;
  --os-dark-text: #f6f7f9;
  --os-dark-text-soft: #D7DBE0;
  --os-dark-bg: #0f1417;
  --os-dark-card: #121a1e;
  --os-dark-border: #2b3a40;
  --os-dark-border-soft: #203038;
  --os-focus-ring: 0 0 0 3px rgba(var(--os-accent-rgb), .35);

  --os-btn-bg: transparent;
  --os-btn-text: var(--os-dark-text);
  --os-btn-border: var(--os-dark-border);
  --os-btn-focus-text: var(--os-accent);
  --os-btn-focus-border: var(--os-accent);

  --shz-ring: var(--os-focus-ring);
}

/* بروفايل البوت (الأيقونة الدائرية) */
body.os-dark #shz-chatbox .shz-bot-mark{
  display:inline-grid; place-items:center;
  width:36px; height:36px; border-radius:50%;
  color: var(--os-dark-text);
  background: var(--os-dark-card);
  border: 1.5px solid var(--os-dark-border);
}
body.os-dark #shz-chatbox .shz-bot-mark i{ 
  /* Font Awesome (fas) */
  color: var(--os-dark-text);
}

/* اسم البوت */
body.os-dark #shz-chatbox .shz-title{
  color: var(--os-dark-text) !important;
  font-weight: 800;
}
body.os-dark #shz-chatbox .shz-bot-subtitle{ /* إن وُجد سطر ثانٍ صغير */
  color: var(--os-dark-text-soft);
}

body.os-dark #shz-chatbox .shz-close-btn:hover,
body.os-dark #shz-chatbox .shz-close-btn:active{
  color: var(--os-btn-focus-text);
  border-color: var(--os-btn-focus-border);
  transform: translateY(-1px);
}
body.os-dark #shz-chatbox .shz-close-btn:focus-visible{
  outline: none; box-shadow: var(--shz-ring);
}

/* زرّ الإرسال في أسفل الدردشة */
body.os-dark #shz-chatbox .shz-send-btn{
  background: var(--os-btn-bg);
  color: var(--os-btn-text);
  border: 2px solid var(--os-btn-border);
  border-radius: var(--shz-radius);
  padding: .55rem .9rem;
  font-weight: 800;
  display: inline-flex; align-items: center; gap: .4rem;
  transition: border-color .2s, color .2s, transform .12s ease;
}
body.os-dark #shz-chatbox .shz-send-btn i{
  /* أيقونة Font Awesome (fas fa-paper-plane مثلاً) */
  color: currentColor;
}
body.os-dark #shz-chatbox .shz-send-btn:hover,
body.os-dark #shz-chatbox .shz-send-btn:active{
  color: var(--os-btn-focus-text);
  border-color: var(--os-btn-focus-border);
  transform: translateY(-1px);
}
body.os-dark #shz-chatbox .shz-send-btn:focus-visible{
  outline: none; box-shadow: var(--shz-ring);
}
body.os-dark #shz-chatbox .shz-send-btn[disabled]{
  opacity: .55; cursor: not-allowed; transform: none;
}

/* لمسة خفيفة على الهيدر (إن رغبت) */
body.os-dark #shz-chatbox .shz-chat-head{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08)) ,
              var(--os-dark-card);
  border-bottom: 1px solid var(--os-dark-border-soft);
  color: var(--os-dark-text);
}

/* تماشيًا مع سياسة الأزرار: outline وشفاف في الدارك */
body.os-dark #shz-chatbox .button,
body.os-dark #shz-chatbox button,
body.os-dark #shz-chatbox .wp-element-button{
  background: transparent;
  color: var(--os-dark-text);
  border-radius: var(--shz-radius);
}
body.os-dark #shz-chatbox .button:hover,
body.os-dark #shz-chatbox button:hover,
body.os-dark #shz-chatbox .wp-element-button:hover{
  color: var(--os-accent);
}
body.os-dark #shz-chatbox .button:focus-visible,
body.os-dark #shz-chatbox button:focus-visible,
body.os-dark #shz-chatbox .wp-element-button:focus-visible{
  outline:none; box-shadow: var(--os-focus-ring, var(--shz-ring));
}

/* زرّ الخروج (X) في الهيدر */
body.os-dark #shz-chatbox .shz-close-btn{
  background: var(--os-btn-bg);
  color: var(--os-btn-text);
  border:none !important;
  padding: .35rem .6rem;
  line-height: 1;
  display: inline-flex; align-items: center; gap: .35rem;
  transition: border-color .2s, color .2s, transform .12s ease;
}
/* دعم الوضع الداكن بعقد “OS Dark” لو موجود */
body.os-dark #shz-chatbox .shz-typing-dots .dot {
  background: var(--os-dark-text, #ffffff);
}

/* دعم الوضع الداكن حسب عقد OS Dark لديك */
body.os-dark #shz-chatbox .shz-subline{
  color:var(--os-dark-text,#E5E7EB);
}
body.os-dark #shz-chatbox .shz-subline .dot{
  background:var(--shz-ok,#2e7d32); /* نبقيها خضراء في الداكن أيضاً */
}

body.os-dark #shz-chatbox .shz-chat-note{
 background:var(--os-dark-elev1,#0b2430)
}
  
/* تباين مناسب في الوضع الداكن */
body.os-dark #shz-chatbox .shz-chat-note{ color: #ef4444; }




/* In-chat webview overlay */
#shz-chatbox .shz-webview{
  position:absolute;
  inset:0;
  background:var(--shz-bg,#fff);
  border-inline-start:1px solid var(--shz-border,#084F5D);
  display:flex;
  flex-direction:column;
  transform:translateX(6%);
  opacity:0;
  transition:transform .2s ease, opacity .2s ease;
  z-index:10000;
}
#shz-chatbox .shz-webview.in{ transform:none; opacity:1; }

#shz-chatbox .shz-webview-head{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--shz-muted,#F2DBAD);
  border-bottom:1px dashed var(--shz-border,#084F5D);
  padding:.6rem .8rem; font-weight:700;
}
#shz-chatbox .shz-webview-head .close{
  background:transparent; border:0; cursor:pointer; font-size:24px; line-height:1;
  color:var(--shz-text,#084F5D);
}

#shz-chatbox .shz-webview-frame{
  flex:1 1 auto; width:100%; border:0;
}

/* Dark mode */
body.os-dark #shz-chatbox .shz-webview{
  background:var(--os-dark-card,#111827);
  border-color:var(--os-dark-border,#374151);
}
body.os-dark #shz-chatbox .shz-webview-head{
  background:var(--os-dark-elev1,#0b2430);
  border-color:var(--os-dark-border,#374151);
  color:var(--os-dark-text,#e5e7eb);
}














/* === Force message directions across RTL/LTR & all devices === */
/* user (me) → right */
#shz-chatbox .msg.me{
  /* استخدم هوامش فيزيائية لضمان اليمين دائماً */
  margin-right: 0;
  margin-left: auto;    /* يدفع الفقاعة لليمين في كلٍ من LTR/RTL */
  text-align: right;
}

/* bot → left (with avatar row kept as avatar | content) */
#shz-chatbox .msg.bot{
  margin-right: auto;   /* يدفع الفقاعة لليسار */
  margin-left: 0;
  text-align:right;
}

/* typing dots → left and aligned under bot content */
#shz-chatbox .shz-typing{
  margin-right: auto;   /* لليسار دائماً */
  margin-left: 0;
  padding-inline-start: var(--shz-typing-offset, 40px); /* يزاح مع بداية محتوى البوت (بعد الأفاتر) */
}

/* تأكيد تخطيط صف محتوى البوت: [avatar][content] */
#shz-chatbox .msg.bot .msg-row{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .5rem;
  align-items: flex-start;

}

/* عرض الفقاعات مناسب لكل الشاشات */
#shz-chatbox .msg{
  max-width: 86%;
  width: fit-content;
}
@media (min-width: 901px){
  #shz-chatbox .msg{ max-width: 72%; }
}

/* وضع داكن — يحافظ على نفس الاتجاهات دون تغيّر الألوان لديك */
body.os-dark #shz-chatbox .shz-typing-dots .dot { opacity: .65; }










/* === Fix: bot avatar on the physical left and outside the bubble === */

/* ألغِ فقاعة البوت الرئيسية لأننا سنجعل الفقاعة على المحتوى فقط */
#shz-chatbox .msg.bot{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-inline-end: auto; /* يبقى الصف باتجاه اليسار */
}

/* صف رسالة البوت: نجبره على LTR حتى يكون العمود الأول (الأفاتر) على اليسار فعليًا */
#shz-chatbox .msg.bot .msg-row{
  display: grid;
  grid-template-columns: auto 1fr; /* avatar | content */
  gap: .2rem;
  align-items: flex-start;
  direction: ltr; /* مهم: يمنع انقلاب الأعمدة في RTL */
}

/* الأفاتر نفسه */
#shz-chatbox .msg.bot .shz-bot-mark{
  inline-size: var(--shz-avatar-size, 30px);
  block-size: var(--shz-avatar-size, 30px);
  margin:-1.4rem;               /* بدون إزاحات جانبية */
  margin-block-start: 2px;  /* محاذاة رأسية خفيفة مع الفقاعة */

    
}

/* ننقل الفقاعة إلى داخل المحتوى فقط ليظهر الأفاتر خارج الإطار */
#shz-chatbox .msg.bot .msg-content{
  background: var(--shz-bg, #FFFFFF);
  color: var(--shz-text, #084F5D);
  border: 0.5px solid var(--shz-border, #084F5D);
  border-radius: var(--shz-radius, 14px);
  padding: .6rem .8rem;
  max-width: 100%;
}

/* الوضع الداكن لفقاعة البوت (المحتوى فقط) */
body.os-dark #shz-chatbox .msg.bot .msg-content{
  background: var(--os-dark-card, #111827);
  color: var(--os-dark-text, #e5e7eb);
  border-color: var(--os-dark-border, #374151);
}

/* لو أردت تعديل قياس الأفاتر/الإزاحة لاحقًا من مكان واحد فقط: */
#shz-chatbox{ --shz-avatar-size: 30px; }


#shz-chatbox .msg .msg-actions{
margin-right:180px;

}