/* مظهر فقاعة مساعد الزوار بهوية الموقع — لا تعديل على ملف n8n نفسه، فقط تخصيص متغيرات CSS الموثّقة وقواعد مستقلة. */
:root {
  --chat--color-primary: var(--out, #0a9e88);
  --chat--color-primary--shade-100: var(--ink, #13204a);
  --chat--color-secondary: var(--glow, #3ce0c3);
  --chat--toggle--background: var(--out, #0a9e88);
  --chat--toggle--hover--background: var(--ink, #13204a);
  --chat--toggle--active--background: var(--ink, #13204a);
  --chat--toggle--color: #fff;
  --chat--toggle--width: 56px;
  --chat--toggle--height: 56px;
  --chat--window--width: 380px;
  --chat--window--height: 600px;
  --chat--window--border: 1px solid var(--rule, #d7dfe9);
  --chat--window--border-radius: 16px;
  --chat--header--background: var(--ink, #13204a);
  --chat--header--color: #fff;
  --chat--body--background: var(--paper, #f3f6f9);
  --chat--message--bot--background: var(--card, #ffffff);
  --chat--message--bot--color: var(--text, #101b3d);
  --chat--message--user--background: var(--out, #0a9e88);
  --chat--message--user--color: #fff;
  --chat--input--border-active: var(--out, #0a9e88);
  --chat--input--send--button--background: var(--out, #0a9e88);
  --chat--input--send--button--color: #fff;
  --chat--input--send--button--background-hover: var(--ink, #13204a);
  --chat--font-family: inherit;
}

.n8n-chat {
  direction: rtl;
}

/* زر الإرسال: واضح وبلون كامل حين تكتب رسالة، باهت واضح أنه معطَّل حين الحقل فارغ.
   (العكس كان يحدث: لون الأيقونة الافتراضي عند التعطيل يبرز أكثر من حالة التفعيل.) */
.chat-input-send-button {
  opacity: 1;
  transition: opacity 0.15s ease;
}
.chat-input-send-button[disabled] {
  opacity: 0.35;
}

/* الهاتف: نافذة بملء الشاشة بدل نافذة صغيرة بهوامش غير مناسبة. */
@media (max-width: 480px) {
  :root {
    --chat--window--width: 100vw;
    --chat--window--height: 100dvh;
    --chat--window--border-radius: 0px;
  }
  .chat-window-wrapper:has(.chat-window) {
    bottom: 0;
    right: 0;
    max-width: 100vw;
    max-height: 100dvh;
  }
}