/* =====================================================================
   ds.css — نظام التصميم: المصدر الوحيد لكل ألوان الموقع والخط (الفاتح + الداكن).

   مصدر الألوان (من 2026-10-17): «تناسق أودو» (Odoo 17) — اختيار صاحب الموقع:
   - الأزرار الأساسية: نيلي #4B4E9E (بدل بنفسجي أودو — نفس التناسق بلون مختلف).
   - الروابط، العنصر المختار، أيقونات الهوية، إطار التركيز: أخضر مزرق أودو #017379 (أغمق شوي من أودو #017E84 عشان التباين؛ الداكن #2EBCBF).
   - الرماديات: سلّم أودو (#F9FAFB … #111827). الداكن: خلفيات أودو الرمادية المزرقة (#1E212B / #262A36).
   - ألوان الحالات (أخضر/أحمر/أصفر) من سلالم Radix كما كانت.
   - الخط: Roboto للإنجليزي والأرقام + IBM Plex Sans Arabic للعربي.
   - كل نص تباينه 4.5 أو أكثر.

   طريقة العمل:
   - الصفحة تربطه أول شيء في <head>:  <link rel="stylesheet" href="/css/ds.css?v=2">
   - الوضع الداكن = كلاس "dark" على <html> (يبدّله theme.js) ← :root.dark بالأسفل.
   - لون الهوية (--brand وأخواته) معرّف هنا بقيمه للوضعين. theme.js يغيّره فقط
     إذا ضبط المدير لونًا آخر من إعدادات الهوية.
   - لا تعيد تعريف هذه الأسماء في :root الصفحة؛ استعملها كما هي.

   أدوار الألوان (استعمل الاسم حسب الدور، لا حسب اللون):
   - تعبئة زر أساسي:            background:var(--brand); color:var(--on-brand)
   - نص أو أيقونة بلون الهوية:   color:var(--brand-text)       (لا تستعمل var(--brand) للنص)
   - خلفية خفيفة بلون الهوية:     background:var(--brand-soft); color:var(--brand-strong)
   - العنصر المختار في القائمة:   background:var(--selected); color:var(--brand-strong)
   - المرور بالماوس:              background:var(--hover)
   - شارة حالة:                  background:var(--ok-bg); color:var(--ok-text)  (و bad / warn / info / neutral)
   - حدود خانة الكتابة:           border-color:var(--control)
   ===================================================================== */

:root{
  /* الأسطح */
  --bg:#FFFFFF;               /* خلفية الصفحة */
  --frame:#F9FAFB;            /* الشريط الجانبي والعلوي */
  --surface:#FFFFFF;          /* البطاقات والجداول */
  --surface-sunken:#F9FAFB;
  --surface-2:#F9FAFB;
  --card:#FFFFFF;
  --panel-bg:#FFFFFF;
  --rail-bg:#F9FAFB;
  --bg-secondary:#F9FAFB;
  --input-bg:#FFFFFF;
  --hover:#F3F4F6;            /* مرور الماوس */
  --row-hover:#F3F4F6;
  --selected:#E6F2F3;         /* العنصر المختار */
  --overlay:#FFFFFF;          /* القوائم المنبثقة */

  /* النصوص */
  --ink:#111827;              /* النص الأساسي */
  --body:#374151;             /* النص الثانوي */
  --muted:#5F636F;
  --text-primary:#111827;
  --text-secondary:#5F636F;
  --text-muted:#5F636F;
  --slate:#5F636F;
  --slate-light:#E7E9ED;
  --ink-soft:#5F636F;
  --placeholder:#6B6F7A;
  --icon:#6B6F7A;             /* أيقونات رمادية */
  --link:#017379;             /* الروابط */

  /* الحدود */
  --line:#D8DADD;             /* حدود البطاقات */
  --border:#D8DADD;
  --divider:#E7E9ED;          /* فواصل الصفوف */
  --border-strong:#D8DADD;    /* حد الزر الثانوي */
  --control:#9A9CA5;          /* حد خانة الكتابة */
  --control-hover:#7C7F89;
  --chip:#E7E9ED;

  /* لون الهوية (كحلي الشركة) */
  --brand:#4B4E9E;            /* تعبئة الزر الأساسي */
  --brand-dark:#3E4185;       /* مرور على الزر الأساسي */
  --brand-light:#E6F2F3;      /* خلفية خفيفة */
  --brand-soft:#E6F2F3;
  --brand-soft-hover:#D3EAEC;
  --brand-text:#017379;       /* نص/أيقونة بلون الهوية */
  --brand-strong:#01585C;     /* نص فوق الخلفية الخفيفة */
  --brand-border:#8CC5C8;
  --on-brand:#FFFFFF;         /* نص فوق الزر الأساسي */
  --nav-bar:#017379;          /* شريط العنصر المختار */
  --focus:#017379;            /* إطار التركيز */

  /* الحالات: نجاح (أخضر) */
  --ok:#218358;               /* نص/أيقونة */
  --ok-bg:#E6F6EB;            /* خلفية الشارة */
  --ok-text:#193B2D;          /* نص الشارة */
  --ok-line:#ADDDC0;
  /* خطأ / مرتجع / حذف (أحمر) */
  --bad:#CE2C31;
  --bad-bg:#FEEBEC;
  --bad-text:#CE2C31;         /* (أحمر واضح حتى يختلف عن الأخضر عند ضعاف تمييز الألوان) */
  --bad-soft:#FFF7F7;         /* خلفية زر الحذف */
  --bad-line:#F4A9AA;
  --danger-solid:#CE2C31;     /* زر الحذف داخل رسالة التأكيد فقط */
  --on-danger:#FFFFFF;
  /* انتظار / تنبيه (أصفر) */
  --warn:#AB6400;
  --warn-bg:#FFF7C2;
  --warn-text:#4F3422;
  --warn-line:#F3D673;
  /* معلومة / في الطريق / جديد (كحلي) */
  --info:#017379;
  --info-bg:#E6F2F3;
  --info-text:#01585C;
  /* محايد / ملغي (رمادي) */
  --neutral:#5A6575;
  --neutral-bg:#E7E9ED;
  --neutral-text:#5A6575;

  /* أسماء قديمة تستعملها الصفحات (تشير للأدوار أعلاه) */
  --green:var(--ok);       --green-light:var(--ok-bg);   --green-dark:var(--ok-text);
  --red:var(--bad);        --red-light:var(--bad-bg);    --red-dark:var(--bad-text);
  --amber:var(--warn);     --amber-light:var(--warn-bg); --amber-dark:var(--warn-text);
  --blue:var(--info);      --blue-light:var(--info-bg);  --blue-dark:var(--info-text);
  --violet:var(--info);    --violet-light:var(--info-bg);
  --success:var(--ok);     --success-light:var(--ok-bg);
  --danger:var(--bad);     --danger-light:var(--bad-bg); --danger-dark:var(--bad-text);
  --warning:var(--warn);   --warning-light:var(--warn-bg);

  /* الرسوم البيانية: لون واحد */
  --chart-1:#017E84;
  --chart-grid:#E7E9ED;

  /* رسالة التنبيه (toast) */
  --toast-bg:#111827;
  --toast-text:#FBFCFE;

  --shadow-card:0 1px 2px rgba(17,24,39,.06),0 1px 3px rgba(17,24,39,.05);

  /* الخط */
  --font:'Roboto','IBM Plex Sans Arabic','IBM Plex Sans',system-ui,'Segoe UI','Noto Sans Arabic','Tahoma',sans-serif;
}

/* الوضع الداكن: نفس الأسماء بقيم داكنة */
:root.dark{
  --bg:#1E212B;               /* خلفية الصفحة */
  --frame:#1B1E27;            /* الشريط الجانبي والعلوي */
  --surface:#262A36;          /* البطاقات والجداول */
  --surface-sunken:#22252F;
  --surface-2:#22252F;
  --card:#262A36;
  --panel-bg:#262A36;
  --rail-bg:#1B1E27;
  --bg-secondary:#22252F;
  --input-bg:#1E212B;
  --hover:#2F3341;
  --row-hover:#2F3341;
  --selected:#1D3A3E;
  --overlay:#2F3341;

  --ink:#E4E6EB;
  --body:#C4C7CE;
  --muted:#A3A7B1;
  --text-primary:#E4E6EB;
  --text-secondary:#A3A7B1;
  --text-muted:#A3A7B1;
  --slate:#A3A7B1;
  --slate-light:#2F3341;
  --ink-soft:#A3A7B1;
  --placeholder:#8A8F9C;
  --icon:#8A8F9C;
  --link:#2EBCBF;

  --line:#3C3F4C;
  --border:#3C3F4C;
  --divider:#33364A;
  --border-strong:#4A4D5C;
  --control:#6B6F7D;
  --control-hover:#8A8F9C;
  --chip:#2F3341;

  --brand:#4B4E9E;
  --brand-dark:#5C5FB0;
  --brand-light:#1D3A3E;
  --brand-soft:#1D3A3E;
  --brand-soft-hover:#244A4F;
  --brand-text:#2EBCBF;
  --brand-strong:#A8E6E7;
  --brand-border:#2A6F72;
  --on-brand:#FFFFFF;
  --nav-bar:#2EBCBF;
  --focus:#2EBCBF;

  --ok:#3DD68C;
  --ok-bg:#113B29;
  --ok-text:#3DD68C;
  --ok-line:#28684A;
  --bad:#FF9592;
  --bad-bg:#500F1C;
  --bad-text:#FF9592;
  --bad-soft:#500F1C;
  --bad-line:#8C333A;
  --danger-solid:#B54548;     /* red-dark 8 (نص أبيض 5.37) */
  --on-danger:#FFFFFF;
  --warn:#FFCA16;
  --warn-bg:#3F2700;
  --warn-text:#FFCA16;
  --warn-line:#714F19;
  --info:#2EBCBF;
  --info-bg:#1D3A3E;
  --info-text:#A8E6E7;
  --neutral:#AAB5C7;
  --neutral-bg:#2F3341;
  --neutral-text:#AAB5C7;

  --chart-1:#2EBCBF;
  --chart-grid:#33364A;

  --toast-bg:#2F3341;
  --toast-text:#ECEEF2;

  --shadow-card:0 1px 2px rgba(0,0,0,.4);
}