/* ============================================================================
   Discount — رموز التصميم. مصدرها اللوجو الحقيقي (Danzan.zip, 2026-08-19):
   أسود مصمت + لايم #9FD659 + أبيض، وبادچ أخضر بكلمة صغيرة جوّاه («medical»,
   «education»). مفيش لون رابع في العلامة.

   قاعدة اللايم اللي متتكسرش: **اللايم أرضية مش نص.** «education» على أبيض
   بيدي تباين 1.9:1 (غير مقروء)؛ أسود على لايم بيدي 13.6:1. فكل زرار أساسي =
   أرضية لايم + نص أسود، زي البادچ في اللوجو بالظبط.

   اللون الوحيد اللي مش من العلامة هو الأحمر، وله شغلانة واحدة بس: «إنهاء
   المكالمة». الموظف لازم يفرّق بين «كمّل» و«اقفل» من غير ما يقرا.

   يسبق هذا الملف: هوية «قَبول» (docs/BRAND-QABOOL.md) — قواعد نبرة الصوت
   فيها لسه سارية، الألوان والاسم لأ.
   ============================================================================ */

:root {
  color-scheme: light dark;

  /* ---- 1) العلامة الخام ------------------------------------------------- */
  --dc-lime:       #9FD659;
  --dc-lime-press: #8AC544;   /* الزرار وهو مضغوط */
  --dc-lime-wash:  #EEF7E1;   /* خلفية خفيفة لشِبس «تمام» */
  --dc-black:      #000000;
  --dc-white:      #FFFFFF;

  /* ---- 2) أدوار السطح والنص --------------------------------------------- */
  --dc-ground:     #FFFFFF;
  --dc-surface:    #FFFFFF;
  --dc-surface-2:  #F3F5EF;
  --dc-ink:        #0B0C0A;
  --dc-muted:      #666C60;   /* 5.6:1 على الأبيض */
  --dc-line:       #E4E7DE;
  --dc-on-lime:    #000000;   /* دايمًا أسود فوق اللايم */
  --dc-shadow:     0 1px 2px rgb(11 12 10 / 8%), 0 20px 40px -28px rgb(11 12 10 / 55%);

  /* ---- 3) الحالات -------------------------------------------------------- */
  --dc-stop:       #D92D20;   /* إنهاء المكالمة — الاستخدام الوحيد للأحمر */
  --dc-stop-wash:  #FDEBE9;
  --dc-wait:       #9A5B00;
  --dc-wait-wash:  #FBF0DC;

  /* ---- 4) الخطوط --------------------------------------------------------- */
  --dc-font: "Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  --dc-font-logo: "Poppins", "Cairo", system-ui, sans-serif;

  /* ---- 5) المقاسات — شاشة موبايل بتتقرا من بعيد وباليد الشمال ------------ */
  --dc-tap: 64px;             /* أصغر زرار في الشاشة دي. مش 48. */
  --dc-radius: 18px;
  --dc-radius-lg: 26px;

  /* ---- 6) أسماء متوافقة مع القوالب القديمة ------------------------------- */
  --ceramic: var(--dc-ground);   --surface: var(--dc-surface);
  --surface-2: var(--dc-surface-2); --ink: var(--dc-ink);
  --muted: var(--dc-muted);      --line: var(--dc-line);
  --iznik: var(--dc-lime);       --iznik-deep: var(--dc-ink);
  --iznik-soft: var(--dc-lime-wash);
  --tulip: var(--dc-stop);       --tulip-soft: var(--dc-stop-wash);
  --ok: #2F7A16;                 --ok-soft: var(--dc-lime-wash);
  --warn: var(--dc-wait);        --warn-soft: var(--dc-wait-wash);
  --shadow: var(--dc-shadow);
  --qb-font-ui: var(--dc-font);  --qb-font-display: var(--dc-font);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dc-ground:    #0B0C0A;
    --dc-surface:   #151812;
    --dc-surface-2: #1E2219;
    --dc-ink:       #F2F5EC;
    --dc-muted:     #9AA391;
    --dc-line:      #262B20;
    --dc-lime-wash: #1B2712;
    --dc-stop:      #FF6B5E;
    --dc-stop-wash: #2E1512;
    --dc-wait:      #E0A63C;
    --dc-wait-wash: #2C2210;
    --ok: #7CD44F;
    --dc-shadow:    0 1px 2px rgb(0 0 0 / 60%), 0 20px 44px -30px #000;
  }
}
:root[data-theme="dark"] {
  --dc-ground:#0B0C0A; --dc-surface:#151812; --dc-surface-2:#1E2219;
  --dc-ink:#F2F5EC; --dc-muted:#9AA391; --dc-line:#262B20;
  --dc-lime-wash:#1B2712; --dc-stop:#FF6B5E; --dc-stop-wash:#2E1512;
  --dc-wait:#E0A63C; --dc-wait-wash:#2C2210; --ok:#7CD44F;
  --dc-shadow:0 1px 2px rgb(0 0 0 / 60%), 0 20px 44px -30px #000;
}

/* ============================================================================
   ⛔ ٥ سبتمبر: `hidden` مكانش بيخفي حاجة.
   أي كلاس بيقول `display:flex` (زي `.pay-block` أو `.wa-row` أو `.btn`) بيغلب
   قاعدة المتصفح `[hidden]{display:none}` لأن قاعدة المؤلف أقوى من قاعدة الـUA.
   النتيجة المقيسة على /agent: ٣ عدّادات مكتوب عليها `hidden` بتترندر دايمًا
   (١٢٧px)، فشريط الأجر بيطلع عرضه ٤١٩px في شاشة ٣٦٠px ⇒ الصفحة بتزحف
   ٥٩px بالعرض. وعشان الصفحة RTL، الزحف ده بياكل **بداية** كل سطر مش نهايته.
   القاعدة دي موجودة أصلاً في kb.html — نُقلت هنا عشان تحمي كل الصفحات.
   ============================================================================ */
[hidden]{display:none!important}