/* ══════════════════════════════════════════════════════════════════════════
   OpsMaster — نظام التصميم · طبقة الرموز والعناصر الأوّليّة
   المرحلة الخامسة · ٢٣ سبتمبر ٢٠٢٦
   ══════════════════════════════════════════════════════════════════════════

   ⚠️⚠️⚠️ **هذا الملفّ يُحمَّل بعد `opsmaster.css` ولا يُدمج فيه.**

   `opsmaster.css` يحمل الأساس القائم وكتلة الوضع الليليّ المولَّدة. وهذا
   الملفّ يضيف فوقه ما كان ناقصًا: رموزُ النصّ والحالة والمسافة والمقاس
   والحركة، وعناصر أوّليّة تُبنى منها الشاشات.

   ── لماذا وُجد ────────────────────────────────────────────────────────
   قياسُ ٢٣ سبتمبر على أربعمئة وخمسة قوالب: **٨٬٧٤٠ لونًا مثبَّتًا** بلا
   رمز، في ٣٨٦ قالبًا من ٤٠٥. وكلّ شاشةٍ جديدة كانت تُعيد إنتاج العيب،
   لأنّ الكاتب لم يجد رمزًا يستعمله فكتب اللون.

   **فالعلاج ليس تصحيح المواضع، بل أن يجد الكاتب رمزًا جاهزًا.**

   ── القاعدة ───────────────────────────────────────────────────────────
   ⚠️ لا يُكتب لونٌ مباشرةً في قالب. ما لا يوجد له رمزٌ هنا **يُضاف هنا**،
   لا يُكتب هناك.
   ══════════════════════════════════════════════════════════════════════ */


/* ══ ١ · الرموز ═══════════════════════════════════════════════════════ */

:root {
  /* ── النصّ ──────────────────────────────────────────────────────────
     أربع درجاتٍ لا أكثر. الخامسة تعني أنّ أحدها لا يُميَّز عن جاره. */
  --ops-ink:        rgb(30 41 59);      /* النصّ الأساس */
  --ops-ink-2:      rgb(51 65 85);      /* نصٌّ ثانويّ · وصفٌ تحت عنوان */
  --ops-muted:      rgb(100 116 139);   /* تسمياتٌ · وحدات · بياناتٌ مساعدة */
  --ops-faint:      rgb(148 163 184);   /* معطَّلٌ · نائبٌ عن قيمة */
  --ops-on-accent:  #ffffff;            /* نصٌّ فوق لون العلامة المشبع */

  /* ── الأسطح ─────────────────────────────────────────────────────────
     `--ops-canvas` و`--ops-surface` معرَّفان في `opsmaster.css`. */
  --ops-surface-2:  rgb(241 245 249);   /* رأس جدولٍ · رقاقة · حقلٌ غائر */
  --ops-surface-3:  rgb(226 232 240);   /* طبقةٌ ثالثة نادرة */

  /* ── الخطوط الفاصلة ────────────────────────────────────────────────
     `--ops-hairline` معرَّفٌ في `opsmaster.css` للفواصل الخافتة. */
  --ops-line:        rgb(203 213 225);  /* حدُّ بطاقةٍ أو حقل */
  --ops-line-strong: rgb(148 163 184);  /* حدٌّ يفصل قسمين */

  /* ── الحالة ─────────────────────────────────────────────────────────
     ⚠️ ثلاثة رموزٍ لكلّ حالة: نصٌّ وخلفيّةٌ وحدّ. وكتابةُ واحدٍ منها
        وحده هي أصل الشارات التي تختفي في الوضع الليليّ. */
  --ops-ok-fg:      rgb(21 94 62);    --ops-ok-bg:      rgb(220 244 231);  --ops-ok-line:      rgb(134 205 172);
  --ops-warn-fg:    rgb(124 74 5);    --ops-warn-bg:    rgb(253 240 214);  --ops-warn-line:    rgb(230 185 107);
  --ops-danger-fg:  rgb(140 26 26);   --ops-danger-bg:  rgb(252 230 230);  --ops-danger-line:  rgb(233 154 154);
  --ops-info-fg:    rgb(23 78 128);   --ops-info-bg:    rgb(224 239 252);  --ops-info-line:    rgb(140 190 234);
  --ops-neutral-fg: rgb(71 85 105);   --ops-neutral-bg: rgb(241 245 249);  --ops-neutral-line: rgb(203 213 225);

  /* ── لون العلامة ───────────────────────────────────────────────────
     ⚠️ `--brand-50..950` تأتي من `Themes::cssVariables()` لكلّ منشأة،
        فلا تُكتب هنا. وهذه أدوارٌ تشير إليها. */
  --ops-accent:     rgb(var(--brand-600));
  --ops-accent-ink: rgb(var(--brand-700));
  --ops-accent-bg:  rgb(var(--brand-50));
  --ops-accent-line:rgb(var(--brand-200));

  /* ── سُلّم النصّ ────────────────────────────────────────────────────
     ⚠️ العربيّة تحتاج ارتفاع سطرٍ أكبر من اللاتينيّة — والقيم هنا
        مضبوطةٌ عليها لا منقولةٌ عن سلّمٍ لاتينيّ. */
  --ops-fs-display: clamp(26px, 3.4vw, 34px);
  --ops-fs-1:  22px;   /* عنوان صفحة */
  --ops-fs-2:  18px;   /* عنوان قسم */
  --ops-fs-3:  16px;   /* عنوان بطاقة */
  --ops-fs-4:  15px;   /* نصٌّ أساس */
  --ops-fs-5:  13.5px; /* نصٌّ في جدول */
  --ops-fs-6:  12.5px; /* تسمية */
  --ops-fs-7:  11.5px; /* شارة · حاشية */

  --ops-lh-tight: 1.3;
  --ops-lh-head:  1.45;
  --ops-lh-body:  1.75;
  --ops-lh-loose: 1.9;

  --ops-fw-normal: 400;
  --ops-fw-medium: 500;
  --ops-fw-bold:   600;

  /* ── المسافة ───────────────────────────────────────────────────────
     أساسُها ٤ بكسل. وسُلّمٌ واحد يجعل الشاشات تبدو من منتجٍ واحد. */
  --ops-s-1:  4px;   --ops-s-2:  8px;   --ops-s-3: 12px;  --ops-s-4: 16px;
  --ops-s-5: 20px;   --ops-s-6: 24px;   --ops-s-8: 32px;  --ops-s-10: 40px;
  --ops-s-12: 48px;  --ops-s-16: 64px;

  /* ── الاستدارة ─────────────────────────────────────────────────────*/
  --ops-r-sm: 4px;  --ops-r-md: 6px;  --ops-r-lg: 10px;  --ops-r-xl: 14px;
  --ops-r-full: 999px;

  /* ── الحركة ────────────────────────────────────────────────────────
     ⚠️ حركةٌ تعمّ كلّ شيء لا تدلّ على شيء. ثلاث مددٍ لا أكثر. */
  --ops-dur-1: 120ms;   /* تحويم · تركيز */
  --ops-dur-2: 200ms;   /* فتحٌ وإغلاق */
  --ops-dur-3: 320ms;   /* انتقالُ لوحة */
  --ops-ease:  cubic-bezier(.2, .7, .3, 1);

  /* ── الطبقات ───────────────────────────────────────────────────────
     ⚠️ رقمٌ مكتوبٌ في قالبٍ هو أصل كلّ نافذةٍ تختفي خلف شريط. */
  --ops-z-base: 0;  --ops-z-sticky: 20;  --ops-z-nav: 40;
  --ops-z-dropdown: 60;  --ops-z-modal: 80;  --ops-z-toast: 100;

  /* ── الوصوليّة ─────────────────────────────────────────────────────
     ⚠️⚠️ الحدّ الأدنى لهدف اللمس ٤٤ بكسل. قياسُ ٢٣ سبتمبر وجد
        ٣٦ هدفًا دونه في شاشةٍ واحدة. */
  /* ── تمييز الصفّ بالمرور ────────────────────────────────────────────
     ⚠️⚠️ رمزٌ مستقلّ لا `--ops-surface-2`: ذاك لون رأس الجدول والرقاقة،
        وتغييرُه ليظهر المرور يغيّر معه الرأس. وفصلُهما يجعل شدّة التمييز
        قابلةً للضبط في موضعٍ واحد.

     ⚠️ والخلفيّة وحدها لا تكفي على شاشةٍ كبيرة: العين تتوه بين العمود
        الأوّل والأخير. فمعها **شريطٌ على حافة البداية** — وهو ما يُقرأ
        فورًا ولا يحتاج تركيزًا. */
  --ops-row-hover: rgb(var(--brand-500) / .13);
  --ops-row-edge:  rgb(var(--brand-600));

  --ops-tap: 44px;
  --ops-focus-ring: 0 0 0 2px var(--ops-surface), 0 0 0 4px rgb(var(--brand-500));
}


/* ══ ٢ · الوضع الليليّ ═══════════════════════════════════════════════
   ⚠️ يُعاد تعريف الرمز لا العنصر. وأيّ عنصرٍ يُلوَّن هنا بدل رمزه
      يصير استثناءً يُنسى عند أوّل تعديل. */

:root[data-theme="dark"] {
  --ops-ink:        rgb(230 237 243);
  --ops-ink-2:      rgb(195 205 216);
  --ops-muted:      rgb(139 148 158);
  --ops-faint:      rgb(110 118 129);
  --ops-on-accent:  rgb(13 17 23);

  --ops-surface-2:  rgb(28 35 44);
  --ops-surface-3:  rgb(38 46 56);

  --ops-line:        rgb(255 255 255 / .12);
  --ops-line-strong: rgb(255 255 255 / .20);

  --ops-ok-fg:      rgb(87 201 141);   --ops-ok-bg:      rgb(87 201 141 / .14);   --ops-ok-line:      rgb(87 201 141 / .35);
  --ops-warn-fg:    rgb(224 169 74);   --ops-warn-bg:    rgb(224 169 74 / .14);   --ops-warn-line:    rgb(224 169 74 / .35);
  --ops-danger-fg:  rgb(233 112 112);  --ops-danger-bg:  rgb(233 112 112 / .14);  --ops-danger-line:  rgb(233 112 112 / .35);
  --ops-info-fg:    rgb(110 168 240);  --ops-info-bg:    rgb(110 168 240 / .14);  --ops-info-line:    rgb(110 168 240 / .35);
  --ops-neutral-fg: rgb(139 148 158);  --ops-neutral-bg: rgb(255 255 255 / .06);  --ops-neutral-line: rgb(255 255 255 / .14);

  --ops-accent:     rgb(var(--brand-400));
  --ops-accent-ink: rgb(var(--brand-300));
  --ops-accent-bg:  rgb(var(--brand-900) / .30);
  --ops-accent-line:rgb(var(--brand-700));

  --ops-row-hover: rgb(255 255 255 / .10);
  --ops-row-edge:  rgb(var(--brand-300));

  --ops-focus-ring: 0 0 0 2px var(--ops-surface), 0 0 0 4px rgb(var(--brand-400));
}

/* ⚠️ تباينٌ عالٍ: من يضبط نظامه عليه يحتاجه فعلًا — ولا يُترك للحظّ. */
@media (prefers-contrast: more) {
  :root {
    --ops-ink: rgb(10 15 22);
    --ops-muted: rgb(71 85 105);
    --ops-line: rgb(100 116 139);
    --ops-line-strong: rgb(51 65 85);
  }
  :root { --ops-row-hover: rgb(var(--brand-500) / .24); }
  :root[data-theme="dark"] {
    --ops-row-hover: rgb(255 255 255 / .20);
    --ops-ink: #ffffff;
    --ops-muted: rgb(190 199 210);
    --ops-line: rgb(255 255 255 / .34);
    --ops-line-strong: rgb(255 255 255 / .55);
  }
}


/* ══ ٣ · الأساس ═══════════════════════════════════════════════════════ */

body { color: var(--ops-ink); }

/* ⚠️⚠️ التركيز يُرى دائمًا. إخفاؤه يُخرج المنتج من أيّ مراجعة وصوليّة،
   ويمنع من يعمل بلوحة المفاتيح وحدها من استعماله أصلًا. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--ops-focus-ring);
  border-radius: var(--ops-r-sm);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}


/* ══ ٤ · العناصر الأوّليّة ════════════════════════════════════════════
   ⚠️ كلٌّ منها مكتوبٌ بالخصائص المنطقيّة (`inline-start` لا `left`)،
      فيعمل في الاتّجاهين بلا نسخةٍ ثانية. */

/* ── الزرّ ──────────────────────────────────────────────────────────── */
.ops-btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--ops-s-2);
  min-height: var(--ops-tap);
  padding-block: var(--ops-s-2);
  padding-inline: var(--ops-s-4);
  border: 1px solid var(--ops-line);
  border-radius: var(--ops-r-md);
  background: var(--ops-surface);
  color: var(--ops-ink);
  font: var(--ops-fw-medium) var(--ops-fs-5)/1.2 var(--ops-font-ui);
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--ops-dur-1) var(--ops-ease),
              border-color var(--ops-dur-1) var(--ops-ease);
}
.ops-btn:hover { background: var(--ops-surface-2); }
.ops-btn:disabled, .ops-btn[aria-disabled="true"] {
  color: var(--ops-faint); cursor: not-allowed; background: var(--ops-surface);
}
.ops-btn--primary {
  background: var(--ops-accent); border-color: transparent; color: var(--ops-on-accent);
}
.ops-btn--primary:hover { background: rgb(var(--brand-700)); }
.ops-btn--ghost { background: transparent; border-color: transparent; color: var(--ops-accent-ink); }
.ops-btn--ghost:hover { background: var(--ops-accent-bg); }
.ops-btn--danger { background: var(--ops-danger-bg); border-color: var(--ops-danger-line); color: var(--ops-danger-fg); }
.ops-btn--sm { min-height: 34px; padding-inline: var(--ops-s-3); font-size: var(--ops-fs-6); }

/* ── البطاقة ───────────────────────────────────────────────────────── */
.ops-card {
  background: var(--ops-surface);
  border: 1px solid var(--ops-hairline);
  border-radius: var(--ops-r-lg);
  box-shadow: var(--ops-shadow-1);
}
.ops-card__head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--ops-s-3);
  padding: var(--ops-s-4) var(--ops-s-5);
  border-bottom: 1px solid var(--ops-hairline);
}
.ops-card__title { font: var(--ops-fw-bold) var(--ops-fs-3)/var(--ops-lh-head) var(--ops-font-display); margin: 0; }
.ops-card__body { padding: var(--ops-s-5); }

/* ── الشارة ────────────────────────────────────────────────────────── */
.ops-badge {
  display: inline-flex; align-items: center; gap: var(--ops-s-1);
  padding-block: 2px; padding-inline: var(--ops-s-2);
  border-radius: var(--ops-r-full);
  font: var(--ops-fw-bold) var(--ops-fs-7)/1.7 var(--ops-font-ui);
  background: var(--ops-neutral-bg); color: var(--ops-neutral-fg);
  white-space: nowrap;
}
.ops-badge--ok     { background: var(--ops-ok-bg);     color: var(--ops-ok-fg); }
.ops-badge--warn   { background: var(--ops-warn-bg);   color: var(--ops-warn-fg); }
.ops-badge--danger { background: var(--ops-danger-bg); color: var(--ops-danger-fg); }
.ops-badge--info   { background: var(--ops-info-bg);   color: var(--ops-info-fg); }

/* ── الحقل ─────────────────────────────────────────────────────────── */
.ops-field { display: flex; flex-direction: column; gap: var(--ops-s-1); }
.ops-label { font: var(--ops-fw-medium) var(--ops-fs-6)/1.6 var(--ops-font-ui); color: var(--ops-ink-2); }
.ops-label[data-required]::after { content: " *"; color: var(--ops-danger-fg); }
.ops-help  { font-size: var(--ops-fs-7); color: var(--ops-muted); line-height: 1.6; }
.ops-error { font-size: var(--ops-fs-7); color: var(--ops-danger-fg); line-height: 1.6; }

/* ── الجدول ────────────────────────────────────────────────────────── */
.ops-table { width: 100%; border-collapse: collapse; font-size: var(--ops-fs-5); }
.ops-table th, .ops-table td {
  padding: var(--ops-s-3) var(--ops-s-4);
  text-align: start;
  border-bottom: 1px solid var(--ops-hairline);
  vertical-align: top;
}
.ops-table thead th {
  background: var(--ops-surface-2); color: var(--ops-ink-2);
  font: var(--ops-fw-bold) var(--ops-fs-6)/1.6 var(--ops-font-ui);
  white-space: nowrap;
  position: sticky; top: 0; z-index: var(--ops-z-sticky);
}
/* ⚠️⚠️ تمييز الصفّ بالمرور **برمز**. وكتابةُ لونٍ هنا هي بعينها العطب
   الذي أخفى نصّ الصفّ في الوضع الليليّ بنسبة تباين ١٫٠٥ : ١. */
.ops-table tbody tr { transition: background-color var(--ops-dur-1) var(--ops-ease); }
.ops-table tbody tr:hover { background: var(--ops-row-hover); }

/* ⚠️ الشريط على **حافة البداية** لا اليسار: في العربيّة البداية يمين.
   وظلٌّ داخليّ لا حدّ — الحدّ يزيد عرض الخليّة فيقفز الجدول عند المرور. */
.ops-table tbody tr > td:first-child { box-shadow: inset 3px 0 0 -3px transparent; }
.ops-table tbody tr:hover > td:first-child { box-shadow: inset 4px 0 0 var(--ops-row-edge); }
[dir="rtl"] .ops-table tbody tr:hover > td:first-child { box-shadow: inset -4px 0 0 var(--ops-row-edge); }

/* ⚠️ من يتصفّح بلوحة المفاتيح يحتاج التمييز نفسه — وإلّا صار الجدول
   مقروءًا بالفأرة وحدها. */
.ops-table tbody tr:focus-within { background: var(--ops-row-hover); }
.ops-table tbody tr:focus-within > td:first-child { box-shadow: inset 4px 0 0 var(--ops-row-edge); }
[dir="rtl"] .ops-table tbody tr:focus-within > td:first-child { box-shadow: inset -4px 0 0 var(--ops-row-edge); }
.ops-table td.ops-num { font-variant-numeric: tabular-nums; direction: ltr; text-align: end; white-space: nowrap; }

/* ── بطاقة المؤشّر ─────────────────────────────────────────────────── */
.ops-kpi { display: flex; flex-direction: column; gap: var(--ops-s-1); padding: var(--ops-s-5); }
.ops-kpi__label { font-size: var(--ops-fs-6); color: var(--ops-muted); }
.ops-kpi__value {
  font: var(--ops-fw-bold) var(--ops-fs-1)/1 var(--ops-font-display);
  font-variant-numeric: tabular-nums; direction: ltr; text-align: start;
}
.ops-kpi__note { font-size: var(--ops-fs-7); color: var(--ops-ink-2); line-height: 1.6; }

/* ── الحالة الفارغة ────────────────────────────────────────────────── */
.ops-empty {
  display: flex; flex-direction: column; align-items: center; gap: var(--ops-s-3);
  padding: var(--ops-s-12) var(--ops-s-5); text-align: center; color: var(--ops-muted);
}
.ops-empty__title { font: var(--ops-fw-bold) var(--ops-fs-3)/1.4 var(--ops-font-display); color: var(--ops-ink); }

/* ── التنبيه ───────────────────────────────────────────────────────── */
.ops-note {
  border: 1px solid var(--ops-neutral-line); background: var(--ops-neutral-bg);
  color: var(--ops-ink); border-radius: var(--ops-r-md);
  padding: var(--ops-s-4) var(--ops-s-5); font-size: var(--ops-fs-5); line-height: var(--ops-lh-body);
}
.ops-note--ok     { border-color: var(--ops-ok-line);     background: var(--ops-ok-bg); }
.ops-note--warn   { border-color: var(--ops-warn-line);   background: var(--ops-warn-bg); }
.ops-note--danger { border-color: var(--ops-danger-line); background: var(--ops-danger-bg); }
.ops-note--info   { border-color: var(--ops-info-line);   background: var(--ops-info-bg); }

/* ── شريط الأدوات ──────────────────────────────────────────────────── */
.ops-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--ops-s-2);
  padding-block: var(--ops-s-3);
}
.ops-toolbar__spacer { margin-inline-start: auto; }

/* ── الغلاف القابل للتمرير ─────────────────────────────────────────── */
/* ⚠️ الجدول وحده يُمرَّر أفقيًّا، لا الصفحة. */
.ops-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }


/* ══ ٥ · الهاتف ═══════════════════════════════════════════════════════
   ⚠️⚠️ قياسُ ٢٣ سبتمبر: التخطيط ينجو من الهاتف والأصابع لا —
      ١٧٦ نصًّا دون ١٢٫٥ بكسل، و٣٦ هدف لمسٍ دون ٣٦ بكسل في شاشةٍ واحدة.
      فالحدّان هنا رمزان لا استثناءان. */

@media (max-width: 640px) {
  :root {
    --ops-fs-6: 13px;    /* لا تسميةَ دون ١٣ على الهاتف */
    --ops-fs-7: 12px;    /* ولا شارة دون ١٢ */
    --ops-s-5: 16px;
    --ops-s-6: 20px;
  }
  .ops-card__body, .ops-card__head { padding-inline: var(--ops-s-4); }
  .ops-table th, .ops-table td { padding-inline: var(--ops-s-3); }
  .ops-btn { width: 100%; }
  .ops-toolbar .ops-btn { width: auto; }
}


/* ══ ٦ · الوضع الليليّ — عائلات الألوان الدلاليّة ══════════════════════
   ═════════════════════════════════════════════════════════════════════

   ⚠️⚠️⚠️ **كتلةٌ مولَّدة. لا تُحرَّر باليد.** مصدرها
      `scripts/gen_dark_semantic.py`، وأيّ تعديلٍ يدويٍّ هنا يضيع عند
      إعادة التوليد.

   ⚠️⚠️ **لمَ وُجدت؟** كتلة الوضع الليليّ في `opsmaster.css` تغطّي
      الرماديّ والعلامة التجاريّة وحدهما، ولا تمسّ العائلات الدلاليّة.
      فكانت كلّ شارةٍ حمراء وكلّ تنبيهٍ كهرمانيّ يبقى بخلفيّةٍ شديدة
      الفتحة ونصٍّ شديد الدكنة فوق سطحٍ ليليّ — كتلةٌ بيضاء ساطعة
      في شاشةٍ سوداء، ونصٌّ لا يُقرأ.

   ⚠️⚠️⚠️ **والتوليد شاملٌ لا مبنيٌّ على مسح — وهذا هو الدرس.**
      وُلِّدت هذه الكتلة أوّلَ مرّةٍ من جرد الأصناف (٣١٥ صنفًا دلاليًّا
      في ٩٥٢ ملفًّا)، فبدت كاملة. ثمّ قِيست صفحة الأجهزة حيًّا فظهر
      `hover:text-emerald-800` عاملًا في الصفحة وغائبًا عن الجردين
      معًا — لأنّه **يُركَّب عند العرض** (`hover:text-{$tone}-800`)
      فلا يراه أيّ مسحٍ ساكن مهما اتّسع.

      فالمصفوفة الآن تُولَّد كاملةً: سبع عشرة عائلة × كلّ الدرجات التي
      تشملها السياسة × الصيغ الأربع. والمسح لم يبقَ له إلّا ذيلٌ واحد —
      لواحق الشفافيّة `/NN` — لأنّها لا تُعَدّ.

   ⚠️ **سياسة القلب** (انتقائيّةٌ عن قصد، لا عكسٌ شامل):
      • `bg-{50,100,200}`   ← الدرجة ٤٠٠ بشفافيّة ٠٫١٢ / ٠٫١٨ / ٠٫٢٤
      • `text-{500,600}`    ← الدرجة ٤٠٠ صريحةً
      • `text-{700..950}`   ← الدرجة ٣٠٠ (أفتح، لأنّها كانت الأدكن)
      • `border|ring|divide {50..300}` ← الدرجة ٤٠٠ بشفافيّة ٠٫٢٢–٠٫٣٦
      • ما بين ٣٠٠ و٤٠٠ في النصّ يُترك: مقروءٌ في الوضعين.

   ⚠️⚠️ **والبادئة `[data-theme=dark]` لا `:root[data-theme="dark"]`.**
      وذلك لتوفير عشرة كيلوبايت من التكرار المحض، ولا يُخسر بها شيء:
      لا قاعدة في `opsmaster.css` تمسّ صنفًا دلاليًّا (قِيس: صفر)،
      فلا منافس لهذه القواعد أصلًا. **فإن أُضيفت يومًا قاعدةٌ دلاليّة
      هناك بـ`!important`، غلبت هذه** — لأنّ نوعيّتها أعلى — فلتُضَف
      هنا لا هناك.

   ⚠️⚠️⚠️ **والشرطة المائلة تُهرَّب بخطٍّ مائلٍ عكسيٍّ واحدٍ لا اثنين.**
      `\/` صحيحة و`\\/` قاعدةٌ ميّتةٌ لا تطابق شيئًا — ولا يُبلِغ عنها
      المتصفّح بخطأ بل يتجاوزها صامتًا. وقد وُجدت ثلاث قواعدَ ميّتةٍ
      بهذا السبب في `opsmaster.css` يوم ٢٣ سبتمبر.

   ⚠️ **و`divide-*` تحتاج مُحدِّد تيلويند نفسه**
      `> :not([hidden]) ~ :not([hidden])` وإلّا لم تطابق الفواصل.

   العدد: ٣٢٧ قاعدة، ١٬١٤٣ مُحدِّدًا.
   ═════════════════════════════════════════════════════════════════════ */

[data-theme=dark] .text-red-500,
[data-theme=dark] .hover\:text-red-500:hover,
[data-theme=dark] .focus\:text-red-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-red-500,
[data-theme=dark] .text-red-600,
[data-theme=dark] .hover\:text-red-600:hover,
[data-theme=dark] .focus\:text-red-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-red-600{ color: rgb(248 113 113) !important; }
[data-theme=dark] .text-red-700,
[data-theme=dark] .hover\:text-red-700:hover,
[data-theme=dark] .focus\:text-red-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-red-700,
[data-theme=dark] .text-red-800,
[data-theme=dark] .hover\:text-red-800:hover,
[data-theme=dark] .focus\:text-red-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-red-800,
[data-theme=dark] .text-red-900,
[data-theme=dark] .hover\:text-red-900:hover,
[data-theme=dark] .focus\:text-red-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-red-900,
[data-theme=dark] .text-red-950,
[data-theme=dark] .hover\:text-red-950:hover,
[data-theme=dark] .focus\:text-red-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-red-950{ color: rgb(252 165 165) !important; }
[data-theme=dark] .bg-red-50,
[data-theme=dark] .hover\:bg-red-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-red-50{ background-color: rgb(248 113 113 / 0.12) !important; }
[data-theme=dark] .bg-red-100,
[data-theme=dark] .hover\:bg-red-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-red-100{ background-color: rgb(248 113 113 / 0.18) !important; }
[data-theme=dark] .bg-red-200,
[data-theme=dark] .hover\:bg-red-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-red-200{ background-color: rgb(248 113 113 / 0.24) !important; }
[data-theme=dark] .border-red-50,
[data-theme=dark] .hover\:border-red-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-red-50{ border-color: rgb(248 113 113 / 0.22) !important; }
[data-theme=dark] .ring-red-50,
[data-theme=dark] .hover\:ring-red-50:hover,
[data-theme=dark] .focus\:ring-red-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-red-50{ --tw-ring-color: rgb(248 113 113 / 0.22) !important; }
[data-theme=dark] .divide-red-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(248 113 113 / 0.22) !important; }
[data-theme=dark] .border-red-100,
[data-theme=dark] .hover\:border-red-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-red-100{ border-color: rgb(248 113 113 / 0.26) !important; }
[data-theme=dark] .ring-red-100,
[data-theme=dark] .hover\:ring-red-100:hover,
[data-theme=dark] .focus\:ring-red-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-red-100{ --tw-ring-color: rgb(248 113 113 / 0.26) !important; }
[data-theme=dark] .divide-red-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(248 113 113 / 0.26) !important; }
[data-theme=dark] .border-red-200,
[data-theme=dark] .hover\:border-red-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-red-200{ border-color: rgb(248 113 113 / 0.3) !important; }
[data-theme=dark] .ring-red-200,
[data-theme=dark] .hover\:ring-red-200:hover,
[data-theme=dark] .focus\:ring-red-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-red-200{ --tw-ring-color: rgb(248 113 113 / 0.3) !important; }
[data-theme=dark] .divide-red-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(248 113 113 / 0.3) !important; }
[data-theme=dark] .border-red-300,
[data-theme=dark] .hover\:border-red-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-red-300{ border-color: rgb(248 113 113 / 0.36) !important; }
[data-theme=dark] .ring-red-300,
[data-theme=dark] .hover\:ring-red-300:hover,
[data-theme=dark] .focus\:ring-red-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-red-300{ --tw-ring-color: rgb(248 113 113 / 0.36) !important; }
[data-theme=dark] .divide-red-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(248 113 113 / 0.36) !important; }
[data-theme=dark] .text-orange-500,
[data-theme=dark] .hover\:text-orange-500:hover,
[data-theme=dark] .focus\:text-orange-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-orange-500,
[data-theme=dark] .text-orange-600,
[data-theme=dark] .hover\:text-orange-600:hover,
[data-theme=dark] .focus\:text-orange-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-orange-600{ color: rgb(251 146 60) !important; }
[data-theme=dark] .text-orange-700,
[data-theme=dark] .hover\:text-orange-700:hover,
[data-theme=dark] .focus\:text-orange-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-orange-700,
[data-theme=dark] .text-orange-800,
[data-theme=dark] .hover\:text-orange-800:hover,
[data-theme=dark] .focus\:text-orange-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-orange-800,
[data-theme=dark] .text-orange-900,
[data-theme=dark] .hover\:text-orange-900:hover,
[data-theme=dark] .focus\:text-orange-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-orange-900,
[data-theme=dark] .text-orange-950,
[data-theme=dark] .hover\:text-orange-950:hover,
[data-theme=dark] .focus\:text-orange-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-orange-950{ color: rgb(253 186 116) !important; }
[data-theme=dark] .bg-orange-50,
[data-theme=dark] .hover\:bg-orange-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-orange-50{ background-color: rgb(251 146 60 / 0.12) !important; }
[data-theme=dark] .bg-orange-100,
[data-theme=dark] .hover\:bg-orange-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-orange-100{ background-color: rgb(251 146 60 / 0.18) !important; }
[data-theme=dark] .bg-orange-200,
[data-theme=dark] .hover\:bg-orange-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-orange-200{ background-color: rgb(251 146 60 / 0.24) !important; }
[data-theme=dark] .border-orange-50,
[data-theme=dark] .hover\:border-orange-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-orange-50{ border-color: rgb(251 146 60 / 0.22) !important; }
[data-theme=dark] .ring-orange-50,
[data-theme=dark] .hover\:ring-orange-50:hover,
[data-theme=dark] .focus\:ring-orange-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-orange-50{ --tw-ring-color: rgb(251 146 60 / 0.22) !important; }
[data-theme=dark] .divide-orange-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 146 60 / 0.22) !important; }
[data-theme=dark] .border-orange-100,
[data-theme=dark] .hover\:border-orange-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-orange-100{ border-color: rgb(251 146 60 / 0.26) !important; }
[data-theme=dark] .ring-orange-100,
[data-theme=dark] .hover\:ring-orange-100:hover,
[data-theme=dark] .focus\:ring-orange-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-orange-100{ --tw-ring-color: rgb(251 146 60 / 0.26) !important; }
[data-theme=dark] .divide-orange-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 146 60 / 0.26) !important; }
[data-theme=dark] .border-orange-200,
[data-theme=dark] .hover\:border-orange-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-orange-200{ border-color: rgb(251 146 60 / 0.3) !important; }
[data-theme=dark] .ring-orange-200,
[data-theme=dark] .hover\:ring-orange-200:hover,
[data-theme=dark] .focus\:ring-orange-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-orange-200{ --tw-ring-color: rgb(251 146 60 / 0.3) !important; }
[data-theme=dark] .divide-orange-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 146 60 / 0.3) !important; }
[data-theme=dark] .border-orange-300,
[data-theme=dark] .hover\:border-orange-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-orange-300{ border-color: rgb(251 146 60 / 0.36) !important; }
[data-theme=dark] .ring-orange-300,
[data-theme=dark] .hover\:ring-orange-300:hover,
[data-theme=dark] .focus\:ring-orange-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-orange-300{ --tw-ring-color: rgb(251 146 60 / 0.36) !important; }
[data-theme=dark] .divide-orange-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 146 60 / 0.36) !important; }
[data-theme=dark] .text-amber-500,
[data-theme=dark] .hover\:text-amber-500:hover,
[data-theme=dark] .focus\:text-amber-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-amber-500,
[data-theme=dark] .text-amber-600,
[data-theme=dark] .hover\:text-amber-600:hover,
[data-theme=dark] .focus\:text-amber-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-amber-600{ color: rgb(251 191 36) !important; }
[data-theme=dark] .text-amber-700,
[data-theme=dark] .hover\:text-amber-700:hover,
[data-theme=dark] .focus\:text-amber-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-amber-700,
[data-theme=dark] .text-amber-800,
[data-theme=dark] .hover\:text-amber-800:hover,
[data-theme=dark] .focus\:text-amber-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-amber-800,
[data-theme=dark] .text-amber-900,
[data-theme=dark] .hover\:text-amber-900:hover,
[data-theme=dark] .focus\:text-amber-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-amber-900,
[data-theme=dark] .text-amber-950,
[data-theme=dark] .hover\:text-amber-950:hover,
[data-theme=dark] .focus\:text-amber-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-amber-950{ color: rgb(252 211 77) !important; }
[data-theme=dark] .bg-amber-50,
[data-theme=dark] .hover\:bg-amber-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-amber-50{ background-color: rgb(251 191 36 / 0.12) !important; }
[data-theme=dark] .bg-amber-100,
[data-theme=dark] .hover\:bg-amber-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-amber-100{ background-color: rgb(251 191 36 / 0.18) !important; }
[data-theme=dark] .bg-amber-200,
[data-theme=dark] .hover\:bg-amber-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-amber-200{ background-color: rgb(251 191 36 / 0.24) !important; }
[data-theme=dark] .border-amber-50,
[data-theme=dark] .hover\:border-amber-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-amber-50{ border-color: rgb(251 191 36 / 0.22) !important; }
[data-theme=dark] .ring-amber-50,
[data-theme=dark] .hover\:ring-amber-50:hover,
[data-theme=dark] .focus\:ring-amber-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-amber-50{ --tw-ring-color: rgb(251 191 36 / 0.22) !important; }
[data-theme=dark] .divide-amber-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 191 36 / 0.22) !important; }
[data-theme=dark] .border-amber-100,
[data-theme=dark] .hover\:border-amber-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-amber-100{ border-color: rgb(251 191 36 / 0.26) !important; }
[data-theme=dark] .ring-amber-100,
[data-theme=dark] .hover\:ring-amber-100:hover,
[data-theme=dark] .focus\:ring-amber-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-amber-100{ --tw-ring-color: rgb(251 191 36 / 0.26) !important; }
[data-theme=dark] .divide-amber-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 191 36 / 0.26) !important; }
[data-theme=dark] .border-amber-200,
[data-theme=dark] .hover\:border-amber-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-amber-200{ border-color: rgb(251 191 36 / 0.3) !important; }
[data-theme=dark] .ring-amber-200,
[data-theme=dark] .hover\:ring-amber-200:hover,
[data-theme=dark] .focus\:ring-amber-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-amber-200{ --tw-ring-color: rgb(251 191 36 / 0.3) !important; }
[data-theme=dark] .divide-amber-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 191 36 / 0.3) !important; }
[data-theme=dark] .border-amber-300,
[data-theme=dark] .hover\:border-amber-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-amber-300{ border-color: rgb(251 191 36 / 0.36) !important; }
[data-theme=dark] .ring-amber-300,
[data-theme=dark] .hover\:ring-amber-300:hover,
[data-theme=dark] .focus\:ring-amber-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-amber-300{ --tw-ring-color: rgb(251 191 36 / 0.36) !important; }
[data-theme=dark] .divide-amber-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 191 36 / 0.36) !important; }
[data-theme=dark] .text-yellow-500,
[data-theme=dark] .hover\:text-yellow-500:hover,
[data-theme=dark] .focus\:text-yellow-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-yellow-500,
[data-theme=dark] .text-yellow-600,
[data-theme=dark] .hover\:text-yellow-600:hover,
[data-theme=dark] .focus\:text-yellow-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-yellow-600{ color: rgb(250 204 21) !important; }
[data-theme=dark] .text-yellow-700,
[data-theme=dark] .hover\:text-yellow-700:hover,
[data-theme=dark] .focus\:text-yellow-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-yellow-700,
[data-theme=dark] .text-yellow-800,
[data-theme=dark] .hover\:text-yellow-800:hover,
[data-theme=dark] .focus\:text-yellow-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-yellow-800,
[data-theme=dark] .text-yellow-900,
[data-theme=dark] .hover\:text-yellow-900:hover,
[data-theme=dark] .focus\:text-yellow-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-yellow-900,
[data-theme=dark] .text-yellow-950,
[data-theme=dark] .hover\:text-yellow-950:hover,
[data-theme=dark] .focus\:text-yellow-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-yellow-950{ color: rgb(253 224 71) !important; }
[data-theme=dark] .bg-yellow-50,
[data-theme=dark] .hover\:bg-yellow-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-yellow-50{ background-color: rgb(250 204 21 / 0.12) !important; }
[data-theme=dark] .bg-yellow-100,
[data-theme=dark] .hover\:bg-yellow-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-yellow-100{ background-color: rgb(250 204 21 / 0.18) !important; }
[data-theme=dark] .bg-yellow-200,
[data-theme=dark] .hover\:bg-yellow-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-yellow-200{ background-color: rgb(250 204 21 / 0.24) !important; }
[data-theme=dark] .border-yellow-50,
[data-theme=dark] .hover\:border-yellow-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-yellow-50{ border-color: rgb(250 204 21 / 0.22) !important; }
[data-theme=dark] .ring-yellow-50,
[data-theme=dark] .hover\:ring-yellow-50:hover,
[data-theme=dark] .focus\:ring-yellow-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-yellow-50{ --tw-ring-color: rgb(250 204 21 / 0.22) !important; }
[data-theme=dark] .divide-yellow-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(250 204 21 / 0.22) !important; }
[data-theme=dark] .border-yellow-100,
[data-theme=dark] .hover\:border-yellow-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-yellow-100{ border-color: rgb(250 204 21 / 0.26) !important; }
[data-theme=dark] .ring-yellow-100,
[data-theme=dark] .hover\:ring-yellow-100:hover,
[data-theme=dark] .focus\:ring-yellow-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-yellow-100{ --tw-ring-color: rgb(250 204 21 / 0.26) !important; }
[data-theme=dark] .divide-yellow-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(250 204 21 / 0.26) !important; }
[data-theme=dark] .border-yellow-200,
[data-theme=dark] .hover\:border-yellow-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-yellow-200{ border-color: rgb(250 204 21 / 0.3) !important; }
[data-theme=dark] .ring-yellow-200,
[data-theme=dark] .hover\:ring-yellow-200:hover,
[data-theme=dark] .focus\:ring-yellow-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-yellow-200{ --tw-ring-color: rgb(250 204 21 / 0.3) !important; }
[data-theme=dark] .divide-yellow-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(250 204 21 / 0.3) !important; }
[data-theme=dark] .border-yellow-300,
[data-theme=dark] .hover\:border-yellow-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-yellow-300{ border-color: rgb(250 204 21 / 0.36) !important; }
[data-theme=dark] .ring-yellow-300,
[data-theme=dark] .hover\:ring-yellow-300:hover,
[data-theme=dark] .focus\:ring-yellow-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-yellow-300{ --tw-ring-color: rgb(250 204 21 / 0.36) !important; }
[data-theme=dark] .divide-yellow-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(250 204 21 / 0.36) !important; }
[data-theme=dark] .text-lime-500,
[data-theme=dark] .hover\:text-lime-500:hover,
[data-theme=dark] .focus\:text-lime-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-lime-500,
[data-theme=dark] .text-lime-600,
[data-theme=dark] .hover\:text-lime-600:hover,
[data-theme=dark] .focus\:text-lime-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-lime-600{ color: rgb(163 230 53) !important; }
[data-theme=dark] .text-lime-700,
[data-theme=dark] .hover\:text-lime-700:hover,
[data-theme=dark] .focus\:text-lime-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-lime-700,
[data-theme=dark] .text-lime-800,
[data-theme=dark] .hover\:text-lime-800:hover,
[data-theme=dark] .focus\:text-lime-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-lime-800,
[data-theme=dark] .text-lime-900,
[data-theme=dark] .hover\:text-lime-900:hover,
[data-theme=dark] .focus\:text-lime-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-lime-900,
[data-theme=dark] .text-lime-950,
[data-theme=dark] .hover\:text-lime-950:hover,
[data-theme=dark] .focus\:text-lime-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-lime-950{ color: rgb(190 242 100) !important; }
[data-theme=dark] .bg-lime-50,
[data-theme=dark] .hover\:bg-lime-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-lime-50{ background-color: rgb(163 230 53 / 0.12) !important; }
[data-theme=dark] .bg-lime-100,
[data-theme=dark] .hover\:bg-lime-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-lime-100{ background-color: rgb(163 230 53 / 0.18) !important; }
[data-theme=dark] .bg-lime-200,
[data-theme=dark] .hover\:bg-lime-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-lime-200{ background-color: rgb(163 230 53 / 0.24) !important; }
[data-theme=dark] .border-lime-50,
[data-theme=dark] .hover\:border-lime-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-lime-50{ border-color: rgb(163 230 53 / 0.22) !important; }
[data-theme=dark] .ring-lime-50,
[data-theme=dark] .hover\:ring-lime-50:hover,
[data-theme=dark] .focus\:ring-lime-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-lime-50{ --tw-ring-color: rgb(163 230 53 / 0.22) !important; }
[data-theme=dark] .divide-lime-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(163 230 53 / 0.22) !important; }
[data-theme=dark] .border-lime-100,
[data-theme=dark] .hover\:border-lime-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-lime-100{ border-color: rgb(163 230 53 / 0.26) !important; }
[data-theme=dark] .ring-lime-100,
[data-theme=dark] .hover\:ring-lime-100:hover,
[data-theme=dark] .focus\:ring-lime-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-lime-100{ --tw-ring-color: rgb(163 230 53 / 0.26) !important; }
[data-theme=dark] .divide-lime-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(163 230 53 / 0.26) !important; }
[data-theme=dark] .border-lime-200,
[data-theme=dark] .hover\:border-lime-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-lime-200{ border-color: rgb(163 230 53 / 0.3) !important; }
[data-theme=dark] .ring-lime-200,
[data-theme=dark] .hover\:ring-lime-200:hover,
[data-theme=dark] .focus\:ring-lime-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-lime-200{ --tw-ring-color: rgb(163 230 53 / 0.3) !important; }
[data-theme=dark] .divide-lime-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(163 230 53 / 0.3) !important; }
[data-theme=dark] .border-lime-300,
[data-theme=dark] .hover\:border-lime-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-lime-300{ border-color: rgb(163 230 53 / 0.36) !important; }
[data-theme=dark] .ring-lime-300,
[data-theme=dark] .hover\:ring-lime-300:hover,
[data-theme=dark] .focus\:ring-lime-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-lime-300{ --tw-ring-color: rgb(163 230 53 / 0.36) !important; }
[data-theme=dark] .divide-lime-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(163 230 53 / 0.36) !important; }
[data-theme=dark] .text-green-500,
[data-theme=dark] .hover\:text-green-500:hover,
[data-theme=dark] .focus\:text-green-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-green-500,
[data-theme=dark] .text-green-600,
[data-theme=dark] .hover\:text-green-600:hover,
[data-theme=dark] .focus\:text-green-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-green-600{ color: rgb(74 222 128) !important; }
[data-theme=dark] .text-green-700,
[data-theme=dark] .hover\:text-green-700:hover,
[data-theme=dark] .focus\:text-green-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-green-700,
[data-theme=dark] .text-green-800,
[data-theme=dark] .hover\:text-green-800:hover,
[data-theme=dark] .focus\:text-green-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-green-800,
[data-theme=dark] .text-green-900,
[data-theme=dark] .hover\:text-green-900:hover,
[data-theme=dark] .focus\:text-green-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-green-900,
[data-theme=dark] .text-green-950,
[data-theme=dark] .hover\:text-green-950:hover,
[data-theme=dark] .focus\:text-green-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-green-950{ color: rgb(134 239 172) !important; }
[data-theme=dark] .bg-green-50,
[data-theme=dark] .hover\:bg-green-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-green-50{ background-color: rgb(74 222 128 / 0.12) !important; }
[data-theme=dark] .bg-green-100,
[data-theme=dark] .hover\:bg-green-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-green-100{ background-color: rgb(74 222 128 / 0.18) !important; }
[data-theme=dark] .bg-green-200,
[data-theme=dark] .hover\:bg-green-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-green-200{ background-color: rgb(74 222 128 / 0.24) !important; }
[data-theme=dark] .border-green-50,
[data-theme=dark] .hover\:border-green-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-green-50{ border-color: rgb(74 222 128 / 0.22) !important; }
[data-theme=dark] .ring-green-50,
[data-theme=dark] .hover\:ring-green-50:hover,
[data-theme=dark] .focus\:ring-green-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-green-50{ --tw-ring-color: rgb(74 222 128 / 0.22) !important; }
[data-theme=dark] .divide-green-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(74 222 128 / 0.22) !important; }
[data-theme=dark] .border-green-100,
[data-theme=dark] .hover\:border-green-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-green-100{ border-color: rgb(74 222 128 / 0.26) !important; }
[data-theme=dark] .ring-green-100,
[data-theme=dark] .hover\:ring-green-100:hover,
[data-theme=dark] .focus\:ring-green-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-green-100{ --tw-ring-color: rgb(74 222 128 / 0.26) !important; }
[data-theme=dark] .divide-green-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(74 222 128 / 0.26) !important; }
[data-theme=dark] .border-green-200,
[data-theme=dark] .hover\:border-green-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-green-200{ border-color: rgb(74 222 128 / 0.3) !important; }
[data-theme=dark] .ring-green-200,
[data-theme=dark] .hover\:ring-green-200:hover,
[data-theme=dark] .focus\:ring-green-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-green-200{ --tw-ring-color: rgb(74 222 128 / 0.3) !important; }
[data-theme=dark] .divide-green-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(74 222 128 / 0.3) !important; }
[data-theme=dark] .border-green-300,
[data-theme=dark] .hover\:border-green-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-green-300{ border-color: rgb(74 222 128 / 0.36) !important; }
[data-theme=dark] .ring-green-300,
[data-theme=dark] .hover\:ring-green-300:hover,
[data-theme=dark] .focus\:ring-green-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-green-300{ --tw-ring-color: rgb(74 222 128 / 0.36) !important; }
[data-theme=dark] .divide-green-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(74 222 128 / 0.36) !important; }
[data-theme=dark] .text-emerald-500,
[data-theme=dark] .hover\:text-emerald-500:hover,
[data-theme=dark] .focus\:text-emerald-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-emerald-500,
[data-theme=dark] .text-emerald-600,
[data-theme=dark] .hover\:text-emerald-600:hover,
[data-theme=dark] .focus\:text-emerald-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-emerald-600{ color: rgb(52 211 153) !important; }
[data-theme=dark] .text-emerald-700,
[data-theme=dark] .hover\:text-emerald-700:hover,
[data-theme=dark] .focus\:text-emerald-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-emerald-700,
[data-theme=dark] .text-emerald-800,
[data-theme=dark] .hover\:text-emerald-800:hover,
[data-theme=dark] .focus\:text-emerald-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-emerald-800,
[data-theme=dark] .text-emerald-900,
[data-theme=dark] .hover\:text-emerald-900:hover,
[data-theme=dark] .focus\:text-emerald-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-emerald-900,
[data-theme=dark] .text-emerald-950,
[data-theme=dark] .hover\:text-emerald-950:hover,
[data-theme=dark] .focus\:text-emerald-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-emerald-950{ color: rgb(110 231 183) !important; }
[data-theme=dark] .bg-emerald-50,
[data-theme=dark] .hover\:bg-emerald-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-emerald-50{ background-color: rgb(52 211 153 / 0.12) !important; }
[data-theme=dark] .bg-emerald-100,
[data-theme=dark] .hover\:bg-emerald-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-emerald-100{ background-color: rgb(52 211 153 / 0.18) !important; }
[data-theme=dark] .bg-emerald-200,
[data-theme=dark] .hover\:bg-emerald-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-emerald-200{ background-color: rgb(52 211 153 / 0.24) !important; }
[data-theme=dark] .border-emerald-50,
[data-theme=dark] .hover\:border-emerald-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-emerald-50{ border-color: rgb(52 211 153 / 0.22) !important; }
[data-theme=dark] .ring-emerald-50,
[data-theme=dark] .hover\:ring-emerald-50:hover,
[data-theme=dark] .focus\:ring-emerald-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-emerald-50{ --tw-ring-color: rgb(52 211 153 / 0.22) !important; }
[data-theme=dark] .divide-emerald-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(52 211 153 / 0.22) !important; }
[data-theme=dark] .border-emerald-100,
[data-theme=dark] .hover\:border-emerald-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-emerald-100{ border-color: rgb(52 211 153 / 0.26) !important; }
[data-theme=dark] .ring-emerald-100,
[data-theme=dark] .hover\:ring-emerald-100:hover,
[data-theme=dark] .focus\:ring-emerald-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-emerald-100{ --tw-ring-color: rgb(52 211 153 / 0.26) !important; }
[data-theme=dark] .divide-emerald-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(52 211 153 / 0.26) !important; }
[data-theme=dark] .border-emerald-200,
[data-theme=dark] .hover\:border-emerald-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-emerald-200{ border-color: rgb(52 211 153 / 0.3) !important; }
[data-theme=dark] .ring-emerald-200,
[data-theme=dark] .hover\:ring-emerald-200:hover,
[data-theme=dark] .focus\:ring-emerald-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-emerald-200{ --tw-ring-color: rgb(52 211 153 / 0.3) !important; }
[data-theme=dark] .divide-emerald-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(52 211 153 / 0.3) !important; }
[data-theme=dark] .border-emerald-300,
[data-theme=dark] .hover\:border-emerald-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-emerald-300{ border-color: rgb(52 211 153 / 0.36) !important; }
[data-theme=dark] .ring-emerald-300,
[data-theme=dark] .hover\:ring-emerald-300:hover,
[data-theme=dark] .focus\:ring-emerald-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-emerald-300{ --tw-ring-color: rgb(52 211 153 / 0.36) !important; }
[data-theme=dark] .divide-emerald-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(52 211 153 / 0.36) !important; }
[data-theme=dark] .text-teal-500,
[data-theme=dark] .hover\:text-teal-500:hover,
[data-theme=dark] .focus\:text-teal-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-teal-500,
[data-theme=dark] .text-teal-600,
[data-theme=dark] .hover\:text-teal-600:hover,
[data-theme=dark] .focus\:text-teal-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-teal-600{ color: rgb(45 212 191) !important; }
[data-theme=dark] .text-teal-700,
[data-theme=dark] .hover\:text-teal-700:hover,
[data-theme=dark] .focus\:text-teal-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-teal-700,
[data-theme=dark] .text-teal-800,
[data-theme=dark] .hover\:text-teal-800:hover,
[data-theme=dark] .focus\:text-teal-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-teal-800,
[data-theme=dark] .text-teal-900,
[data-theme=dark] .hover\:text-teal-900:hover,
[data-theme=dark] .focus\:text-teal-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-teal-900,
[data-theme=dark] .text-teal-950,
[data-theme=dark] .hover\:text-teal-950:hover,
[data-theme=dark] .focus\:text-teal-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-teal-950{ color: rgb(94 234 212) !important; }
[data-theme=dark] .bg-teal-50,
[data-theme=dark] .hover\:bg-teal-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-teal-50{ background-color: rgb(45 212 191 / 0.12) !important; }
[data-theme=dark] .bg-teal-100,
[data-theme=dark] .hover\:bg-teal-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-teal-100{ background-color: rgb(45 212 191 / 0.18) !important; }
[data-theme=dark] .bg-teal-200,
[data-theme=dark] .hover\:bg-teal-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-teal-200{ background-color: rgb(45 212 191 / 0.24) !important; }
[data-theme=dark] .border-teal-50,
[data-theme=dark] .hover\:border-teal-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-teal-50{ border-color: rgb(45 212 191 / 0.22) !important; }
[data-theme=dark] .ring-teal-50,
[data-theme=dark] .hover\:ring-teal-50:hover,
[data-theme=dark] .focus\:ring-teal-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-teal-50{ --tw-ring-color: rgb(45 212 191 / 0.22) !important; }
[data-theme=dark] .divide-teal-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(45 212 191 / 0.22) !important; }
[data-theme=dark] .border-teal-100,
[data-theme=dark] .hover\:border-teal-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-teal-100{ border-color: rgb(45 212 191 / 0.26) !important; }
[data-theme=dark] .ring-teal-100,
[data-theme=dark] .hover\:ring-teal-100:hover,
[data-theme=dark] .focus\:ring-teal-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-teal-100{ --tw-ring-color: rgb(45 212 191 / 0.26) !important; }
[data-theme=dark] .divide-teal-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(45 212 191 / 0.26) !important; }
[data-theme=dark] .border-teal-200,
[data-theme=dark] .hover\:border-teal-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-teal-200{ border-color: rgb(45 212 191 / 0.3) !important; }
[data-theme=dark] .ring-teal-200,
[data-theme=dark] .hover\:ring-teal-200:hover,
[data-theme=dark] .focus\:ring-teal-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-teal-200{ --tw-ring-color: rgb(45 212 191 / 0.3) !important; }
[data-theme=dark] .divide-teal-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(45 212 191 / 0.3) !important; }
[data-theme=dark] .border-teal-300,
[data-theme=dark] .hover\:border-teal-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-teal-300{ border-color: rgb(45 212 191 / 0.36) !important; }
[data-theme=dark] .ring-teal-300,
[data-theme=dark] .hover\:ring-teal-300:hover,
[data-theme=dark] .focus\:ring-teal-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-teal-300{ --tw-ring-color: rgb(45 212 191 / 0.36) !important; }
[data-theme=dark] .divide-teal-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(45 212 191 / 0.36) !important; }
[data-theme=dark] .text-cyan-500,
[data-theme=dark] .hover\:text-cyan-500:hover,
[data-theme=dark] .focus\:text-cyan-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-cyan-500,
[data-theme=dark] .text-cyan-600,
[data-theme=dark] .hover\:text-cyan-600:hover,
[data-theme=dark] .focus\:text-cyan-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-cyan-600{ color: rgb(34 211 238) !important; }
[data-theme=dark] .text-cyan-700,
[data-theme=dark] .hover\:text-cyan-700:hover,
[data-theme=dark] .focus\:text-cyan-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-cyan-700,
[data-theme=dark] .text-cyan-800,
[data-theme=dark] .hover\:text-cyan-800:hover,
[data-theme=dark] .focus\:text-cyan-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-cyan-800,
[data-theme=dark] .text-cyan-900,
[data-theme=dark] .hover\:text-cyan-900:hover,
[data-theme=dark] .focus\:text-cyan-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-cyan-900,
[data-theme=dark] .text-cyan-950,
[data-theme=dark] .hover\:text-cyan-950:hover,
[data-theme=dark] .focus\:text-cyan-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-cyan-950{ color: rgb(103 232 249) !important; }
[data-theme=dark] .bg-cyan-50,
[data-theme=dark] .hover\:bg-cyan-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-cyan-50{ background-color: rgb(34 211 238 / 0.12) !important; }
[data-theme=dark] .bg-cyan-100,
[data-theme=dark] .hover\:bg-cyan-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-cyan-100{ background-color: rgb(34 211 238 / 0.18) !important; }
[data-theme=dark] .bg-cyan-200,
[data-theme=dark] .hover\:bg-cyan-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-cyan-200{ background-color: rgb(34 211 238 / 0.24) !important; }
[data-theme=dark] .border-cyan-50,
[data-theme=dark] .hover\:border-cyan-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-cyan-50{ border-color: rgb(34 211 238 / 0.22) !important; }
[data-theme=dark] .ring-cyan-50,
[data-theme=dark] .hover\:ring-cyan-50:hover,
[data-theme=dark] .focus\:ring-cyan-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-cyan-50{ --tw-ring-color: rgb(34 211 238 / 0.22) !important; }
[data-theme=dark] .divide-cyan-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(34 211 238 / 0.22) !important; }
[data-theme=dark] .border-cyan-100,
[data-theme=dark] .hover\:border-cyan-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-cyan-100{ border-color: rgb(34 211 238 / 0.26) !important; }
[data-theme=dark] .ring-cyan-100,
[data-theme=dark] .hover\:ring-cyan-100:hover,
[data-theme=dark] .focus\:ring-cyan-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-cyan-100{ --tw-ring-color: rgb(34 211 238 / 0.26) !important; }
[data-theme=dark] .divide-cyan-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(34 211 238 / 0.26) !important; }
[data-theme=dark] .border-cyan-200,
[data-theme=dark] .hover\:border-cyan-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-cyan-200{ border-color: rgb(34 211 238 / 0.3) !important; }
[data-theme=dark] .ring-cyan-200,
[data-theme=dark] .hover\:ring-cyan-200:hover,
[data-theme=dark] .focus\:ring-cyan-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-cyan-200{ --tw-ring-color: rgb(34 211 238 / 0.3) !important; }
[data-theme=dark] .divide-cyan-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(34 211 238 / 0.3) !important; }
[data-theme=dark] .border-cyan-300,
[data-theme=dark] .hover\:border-cyan-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-cyan-300{ border-color: rgb(34 211 238 / 0.36) !important; }
[data-theme=dark] .ring-cyan-300,
[data-theme=dark] .hover\:ring-cyan-300:hover,
[data-theme=dark] .focus\:ring-cyan-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-cyan-300{ --tw-ring-color: rgb(34 211 238 / 0.36) !important; }
[data-theme=dark] .divide-cyan-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(34 211 238 / 0.36) !important; }
[data-theme=dark] .text-sky-500,
[data-theme=dark] .hover\:text-sky-500:hover,
[data-theme=dark] .focus\:text-sky-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-sky-500,
[data-theme=dark] .text-sky-600,
[data-theme=dark] .hover\:text-sky-600:hover,
[data-theme=dark] .focus\:text-sky-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-sky-600{ color: rgb(56 189 248) !important; }
[data-theme=dark] .text-sky-700,
[data-theme=dark] .hover\:text-sky-700:hover,
[data-theme=dark] .focus\:text-sky-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-sky-700,
[data-theme=dark] .text-sky-800,
[data-theme=dark] .hover\:text-sky-800:hover,
[data-theme=dark] .focus\:text-sky-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-sky-800,
[data-theme=dark] .text-sky-900,
[data-theme=dark] .hover\:text-sky-900:hover,
[data-theme=dark] .focus\:text-sky-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-sky-900,
[data-theme=dark] .text-sky-950,
[data-theme=dark] .hover\:text-sky-950:hover,
[data-theme=dark] .focus\:text-sky-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-sky-950{ color: rgb(125 211 252) !important; }
[data-theme=dark] .bg-sky-50,
[data-theme=dark] .hover\:bg-sky-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-sky-50{ background-color: rgb(56 189 248 / 0.12) !important; }
[data-theme=dark] .bg-sky-100,
[data-theme=dark] .hover\:bg-sky-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-sky-100{ background-color: rgb(56 189 248 / 0.18) !important; }
[data-theme=dark] .bg-sky-200,
[data-theme=dark] .hover\:bg-sky-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-sky-200{ background-color: rgb(56 189 248 / 0.24) !important; }
[data-theme=dark] .border-sky-50,
[data-theme=dark] .hover\:border-sky-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-sky-50{ border-color: rgb(56 189 248 / 0.22) !important; }
[data-theme=dark] .ring-sky-50,
[data-theme=dark] .hover\:ring-sky-50:hover,
[data-theme=dark] .focus\:ring-sky-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-sky-50{ --tw-ring-color: rgb(56 189 248 / 0.22) !important; }
[data-theme=dark] .divide-sky-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(56 189 248 / 0.22) !important; }
[data-theme=dark] .border-sky-100,
[data-theme=dark] .hover\:border-sky-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-sky-100{ border-color: rgb(56 189 248 / 0.26) !important; }
[data-theme=dark] .ring-sky-100,
[data-theme=dark] .hover\:ring-sky-100:hover,
[data-theme=dark] .focus\:ring-sky-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-sky-100{ --tw-ring-color: rgb(56 189 248 / 0.26) !important; }
[data-theme=dark] .divide-sky-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(56 189 248 / 0.26) !important; }
[data-theme=dark] .border-sky-200,
[data-theme=dark] .hover\:border-sky-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-sky-200{ border-color: rgb(56 189 248 / 0.3) !important; }
[data-theme=dark] .ring-sky-200,
[data-theme=dark] .hover\:ring-sky-200:hover,
[data-theme=dark] .focus\:ring-sky-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-sky-200{ --tw-ring-color: rgb(56 189 248 / 0.3) !important; }
[data-theme=dark] .divide-sky-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(56 189 248 / 0.3) !important; }
[data-theme=dark] .border-sky-300,
[data-theme=dark] .hover\:border-sky-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-sky-300{ border-color: rgb(56 189 248 / 0.36) !important; }
[data-theme=dark] .ring-sky-300,
[data-theme=dark] .hover\:ring-sky-300:hover,
[data-theme=dark] .focus\:ring-sky-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-sky-300{ --tw-ring-color: rgb(56 189 248 / 0.36) !important; }
[data-theme=dark] .divide-sky-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(56 189 248 / 0.36) !important; }
[data-theme=dark] .text-blue-500,
[data-theme=dark] .hover\:text-blue-500:hover,
[data-theme=dark] .focus\:text-blue-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-blue-500,
[data-theme=dark] .text-blue-600,
[data-theme=dark] .hover\:text-blue-600:hover,
[data-theme=dark] .focus\:text-blue-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-blue-600{ color: rgb(96 165 250) !important; }
[data-theme=dark] .text-blue-700,
[data-theme=dark] .hover\:text-blue-700:hover,
[data-theme=dark] .focus\:text-blue-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-blue-700,
[data-theme=dark] .text-blue-800,
[data-theme=dark] .hover\:text-blue-800:hover,
[data-theme=dark] .focus\:text-blue-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-blue-800,
[data-theme=dark] .text-blue-900,
[data-theme=dark] .hover\:text-blue-900:hover,
[data-theme=dark] .focus\:text-blue-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-blue-900,
[data-theme=dark] .text-blue-950,
[data-theme=dark] .hover\:text-blue-950:hover,
[data-theme=dark] .focus\:text-blue-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-blue-950{ color: rgb(147 197 253) !important; }
[data-theme=dark] .bg-blue-50,
[data-theme=dark] .hover\:bg-blue-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-blue-50{ background-color: rgb(96 165 250 / 0.12) !important; }
[data-theme=dark] .bg-blue-100,
[data-theme=dark] .hover\:bg-blue-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-blue-100{ background-color: rgb(96 165 250 / 0.18) !important; }
[data-theme=dark] .bg-blue-200,
[data-theme=dark] .hover\:bg-blue-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-blue-200{ background-color: rgb(96 165 250 / 0.24) !important; }
[data-theme=dark] .border-blue-50,
[data-theme=dark] .hover\:border-blue-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-blue-50{ border-color: rgb(96 165 250 / 0.22) !important; }
[data-theme=dark] .ring-blue-50,
[data-theme=dark] .hover\:ring-blue-50:hover,
[data-theme=dark] .focus\:ring-blue-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-blue-50{ --tw-ring-color: rgb(96 165 250 / 0.22) !important; }
[data-theme=dark] .divide-blue-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(96 165 250 / 0.22) !important; }
[data-theme=dark] .border-blue-100,
[data-theme=dark] .hover\:border-blue-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-blue-100{ border-color: rgb(96 165 250 / 0.26) !important; }
[data-theme=dark] .ring-blue-100,
[data-theme=dark] .hover\:ring-blue-100:hover,
[data-theme=dark] .focus\:ring-blue-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-blue-100{ --tw-ring-color: rgb(96 165 250 / 0.26) !important; }
[data-theme=dark] .divide-blue-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(96 165 250 / 0.26) !important; }
[data-theme=dark] .border-blue-200,
[data-theme=dark] .hover\:border-blue-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-blue-200{ border-color: rgb(96 165 250 / 0.3) !important; }
[data-theme=dark] .ring-blue-200,
[data-theme=dark] .hover\:ring-blue-200:hover,
[data-theme=dark] .focus\:ring-blue-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-blue-200{ --tw-ring-color: rgb(96 165 250 / 0.3) !important; }
[data-theme=dark] .divide-blue-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(96 165 250 / 0.3) !important; }
[data-theme=dark] .border-blue-300,
[data-theme=dark] .hover\:border-blue-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-blue-300{ border-color: rgb(96 165 250 / 0.36) !important; }
[data-theme=dark] .ring-blue-300,
[data-theme=dark] .hover\:ring-blue-300:hover,
[data-theme=dark] .focus\:ring-blue-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-blue-300{ --tw-ring-color: rgb(96 165 250 / 0.36) !important; }
[data-theme=dark] .divide-blue-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(96 165 250 / 0.36) !important; }
[data-theme=dark] .text-indigo-500,
[data-theme=dark] .hover\:text-indigo-500:hover,
[data-theme=dark] .focus\:text-indigo-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-indigo-500,
[data-theme=dark] .text-indigo-600,
[data-theme=dark] .hover\:text-indigo-600:hover,
[data-theme=dark] .focus\:text-indigo-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-indigo-600{ color: rgb(129 140 248) !important; }
[data-theme=dark] .text-indigo-700,
[data-theme=dark] .hover\:text-indigo-700:hover,
[data-theme=dark] .focus\:text-indigo-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-indigo-700,
[data-theme=dark] .text-indigo-800,
[data-theme=dark] .hover\:text-indigo-800:hover,
[data-theme=dark] .focus\:text-indigo-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-indigo-800,
[data-theme=dark] .text-indigo-900,
[data-theme=dark] .hover\:text-indigo-900:hover,
[data-theme=dark] .focus\:text-indigo-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-indigo-900,
[data-theme=dark] .text-indigo-950,
[data-theme=dark] .hover\:text-indigo-950:hover,
[data-theme=dark] .focus\:text-indigo-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-indigo-950{ color: rgb(165 180 252) !important; }
[data-theme=dark] .bg-indigo-50,
[data-theme=dark] .hover\:bg-indigo-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-indigo-50{ background-color: rgb(129 140 248 / 0.12) !important; }
[data-theme=dark] .bg-indigo-100,
[data-theme=dark] .hover\:bg-indigo-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-indigo-100{ background-color: rgb(129 140 248 / 0.18) !important; }
[data-theme=dark] .bg-indigo-200,
[data-theme=dark] .hover\:bg-indigo-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-indigo-200{ background-color: rgb(129 140 248 / 0.24) !important; }
[data-theme=dark] .border-indigo-50,
[data-theme=dark] .hover\:border-indigo-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-indigo-50{ border-color: rgb(129 140 248 / 0.22) !important; }
[data-theme=dark] .ring-indigo-50,
[data-theme=dark] .hover\:ring-indigo-50:hover,
[data-theme=dark] .focus\:ring-indigo-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-indigo-50{ --tw-ring-color: rgb(129 140 248 / 0.22) !important; }
[data-theme=dark] .divide-indigo-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(129 140 248 / 0.22) !important; }
[data-theme=dark] .border-indigo-100,
[data-theme=dark] .hover\:border-indigo-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-indigo-100{ border-color: rgb(129 140 248 / 0.26) !important; }
[data-theme=dark] .ring-indigo-100,
[data-theme=dark] .hover\:ring-indigo-100:hover,
[data-theme=dark] .focus\:ring-indigo-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-indigo-100{ --tw-ring-color: rgb(129 140 248 / 0.26) !important; }
[data-theme=dark] .divide-indigo-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(129 140 248 / 0.26) !important; }
[data-theme=dark] .border-indigo-200,
[data-theme=dark] .hover\:border-indigo-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-indigo-200{ border-color: rgb(129 140 248 / 0.3) !important; }
[data-theme=dark] .ring-indigo-200,
[data-theme=dark] .hover\:ring-indigo-200:hover,
[data-theme=dark] .focus\:ring-indigo-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-indigo-200{ --tw-ring-color: rgb(129 140 248 / 0.3) !important; }
[data-theme=dark] .divide-indigo-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(129 140 248 / 0.3) !important; }
[data-theme=dark] .border-indigo-300,
[data-theme=dark] .hover\:border-indigo-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-indigo-300{ border-color: rgb(129 140 248 / 0.36) !important; }
[data-theme=dark] .ring-indigo-300,
[data-theme=dark] .hover\:ring-indigo-300:hover,
[data-theme=dark] .focus\:ring-indigo-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-indigo-300{ --tw-ring-color: rgb(129 140 248 / 0.36) !important; }
[data-theme=dark] .divide-indigo-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(129 140 248 / 0.36) !important; }
[data-theme=dark] .text-violet-500,
[data-theme=dark] .hover\:text-violet-500:hover,
[data-theme=dark] .focus\:text-violet-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-violet-500,
[data-theme=dark] .text-violet-600,
[data-theme=dark] .hover\:text-violet-600:hover,
[data-theme=dark] .focus\:text-violet-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-violet-600{ color: rgb(167 139 250) !important; }
[data-theme=dark] .text-violet-700,
[data-theme=dark] .hover\:text-violet-700:hover,
[data-theme=dark] .focus\:text-violet-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-violet-700,
[data-theme=dark] .text-violet-800,
[data-theme=dark] .hover\:text-violet-800:hover,
[data-theme=dark] .focus\:text-violet-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-violet-800,
[data-theme=dark] .text-violet-900,
[data-theme=dark] .hover\:text-violet-900:hover,
[data-theme=dark] .focus\:text-violet-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-violet-900,
[data-theme=dark] .text-violet-950,
[data-theme=dark] .hover\:text-violet-950:hover,
[data-theme=dark] .focus\:text-violet-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-violet-950{ color: rgb(196 181 253) !important; }
[data-theme=dark] .bg-violet-50,
[data-theme=dark] .hover\:bg-violet-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-violet-50{ background-color: rgb(167 139 250 / 0.12) !important; }
[data-theme=dark] .bg-violet-100,
[data-theme=dark] .hover\:bg-violet-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-violet-100{ background-color: rgb(167 139 250 / 0.18) !important; }
[data-theme=dark] .bg-violet-200,
[data-theme=dark] .hover\:bg-violet-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-violet-200{ background-color: rgb(167 139 250 / 0.24) !important; }
[data-theme=dark] .border-violet-50,
[data-theme=dark] .hover\:border-violet-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-violet-50{ border-color: rgb(167 139 250 / 0.22) !important; }
[data-theme=dark] .ring-violet-50,
[data-theme=dark] .hover\:ring-violet-50:hover,
[data-theme=dark] .focus\:ring-violet-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-violet-50{ --tw-ring-color: rgb(167 139 250 / 0.22) !important; }
[data-theme=dark] .divide-violet-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(167 139 250 / 0.22) !important; }
[data-theme=dark] .border-violet-100,
[data-theme=dark] .hover\:border-violet-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-violet-100{ border-color: rgb(167 139 250 / 0.26) !important; }
[data-theme=dark] .ring-violet-100,
[data-theme=dark] .hover\:ring-violet-100:hover,
[data-theme=dark] .focus\:ring-violet-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-violet-100{ --tw-ring-color: rgb(167 139 250 / 0.26) !important; }
[data-theme=dark] .divide-violet-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(167 139 250 / 0.26) !important; }
[data-theme=dark] .border-violet-200,
[data-theme=dark] .hover\:border-violet-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-violet-200{ border-color: rgb(167 139 250 / 0.3) !important; }
[data-theme=dark] .ring-violet-200,
[data-theme=dark] .hover\:ring-violet-200:hover,
[data-theme=dark] .focus\:ring-violet-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-violet-200{ --tw-ring-color: rgb(167 139 250 / 0.3) !important; }
[data-theme=dark] .divide-violet-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(167 139 250 / 0.3) !important; }
[data-theme=dark] .border-violet-300,
[data-theme=dark] .hover\:border-violet-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-violet-300{ border-color: rgb(167 139 250 / 0.36) !important; }
[data-theme=dark] .ring-violet-300,
[data-theme=dark] .hover\:ring-violet-300:hover,
[data-theme=dark] .focus\:ring-violet-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-violet-300{ --tw-ring-color: rgb(167 139 250 / 0.36) !important; }
[data-theme=dark] .divide-violet-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(167 139 250 / 0.36) !important; }
[data-theme=dark] .text-purple-500,
[data-theme=dark] .hover\:text-purple-500:hover,
[data-theme=dark] .focus\:text-purple-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-purple-500,
[data-theme=dark] .text-purple-600,
[data-theme=dark] .hover\:text-purple-600:hover,
[data-theme=dark] .focus\:text-purple-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-purple-600{ color: rgb(192 132 252) !important; }
[data-theme=dark] .text-purple-700,
[data-theme=dark] .hover\:text-purple-700:hover,
[data-theme=dark] .focus\:text-purple-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-purple-700,
[data-theme=dark] .text-purple-800,
[data-theme=dark] .hover\:text-purple-800:hover,
[data-theme=dark] .focus\:text-purple-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-purple-800,
[data-theme=dark] .text-purple-900,
[data-theme=dark] .hover\:text-purple-900:hover,
[data-theme=dark] .focus\:text-purple-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-purple-900,
[data-theme=dark] .text-purple-950,
[data-theme=dark] .hover\:text-purple-950:hover,
[data-theme=dark] .focus\:text-purple-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-purple-950{ color: rgb(216 180 254) !important; }
[data-theme=dark] .bg-purple-50,
[data-theme=dark] .hover\:bg-purple-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-purple-50{ background-color: rgb(192 132 252 / 0.12) !important; }
[data-theme=dark] .bg-purple-100,
[data-theme=dark] .hover\:bg-purple-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-purple-100{ background-color: rgb(192 132 252 / 0.18) !important; }
[data-theme=dark] .bg-purple-200,
[data-theme=dark] .hover\:bg-purple-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-purple-200{ background-color: rgb(192 132 252 / 0.24) !important; }
[data-theme=dark] .border-purple-50,
[data-theme=dark] .hover\:border-purple-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-purple-50{ border-color: rgb(192 132 252 / 0.22) !important; }
[data-theme=dark] .ring-purple-50,
[data-theme=dark] .hover\:ring-purple-50:hover,
[data-theme=dark] .focus\:ring-purple-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-purple-50{ --tw-ring-color: rgb(192 132 252 / 0.22) !important; }
[data-theme=dark] .divide-purple-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(192 132 252 / 0.22) !important; }
[data-theme=dark] .border-purple-100,
[data-theme=dark] .hover\:border-purple-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-purple-100{ border-color: rgb(192 132 252 / 0.26) !important; }
[data-theme=dark] .ring-purple-100,
[data-theme=dark] .hover\:ring-purple-100:hover,
[data-theme=dark] .focus\:ring-purple-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-purple-100{ --tw-ring-color: rgb(192 132 252 / 0.26) !important; }
[data-theme=dark] .divide-purple-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(192 132 252 / 0.26) !important; }
[data-theme=dark] .border-purple-200,
[data-theme=dark] .hover\:border-purple-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-purple-200{ border-color: rgb(192 132 252 / 0.3) !important; }
[data-theme=dark] .ring-purple-200,
[data-theme=dark] .hover\:ring-purple-200:hover,
[data-theme=dark] .focus\:ring-purple-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-purple-200{ --tw-ring-color: rgb(192 132 252 / 0.3) !important; }
[data-theme=dark] .divide-purple-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(192 132 252 / 0.3) !important; }
[data-theme=dark] .border-purple-300,
[data-theme=dark] .hover\:border-purple-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-purple-300{ border-color: rgb(192 132 252 / 0.36) !important; }
[data-theme=dark] .ring-purple-300,
[data-theme=dark] .hover\:ring-purple-300:hover,
[data-theme=dark] .focus\:ring-purple-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-purple-300{ --tw-ring-color: rgb(192 132 252 / 0.36) !important; }
[data-theme=dark] .divide-purple-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(192 132 252 / 0.36) !important; }
[data-theme=dark] .text-fuchsia-500,
[data-theme=dark] .hover\:text-fuchsia-500:hover,
[data-theme=dark] .focus\:text-fuchsia-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-fuchsia-500,
[data-theme=dark] .text-fuchsia-600,
[data-theme=dark] .hover\:text-fuchsia-600:hover,
[data-theme=dark] .focus\:text-fuchsia-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-fuchsia-600{ color: rgb(232 121 249) !important; }
[data-theme=dark] .text-fuchsia-700,
[data-theme=dark] .hover\:text-fuchsia-700:hover,
[data-theme=dark] .focus\:text-fuchsia-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-fuchsia-700,
[data-theme=dark] .text-fuchsia-800,
[data-theme=dark] .hover\:text-fuchsia-800:hover,
[data-theme=dark] .focus\:text-fuchsia-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-fuchsia-800,
[data-theme=dark] .text-fuchsia-900,
[data-theme=dark] .hover\:text-fuchsia-900:hover,
[data-theme=dark] .focus\:text-fuchsia-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-fuchsia-900,
[data-theme=dark] .text-fuchsia-950,
[data-theme=dark] .hover\:text-fuchsia-950:hover,
[data-theme=dark] .focus\:text-fuchsia-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-fuchsia-950{ color: rgb(240 171 252) !important; }
[data-theme=dark] .bg-fuchsia-50,
[data-theme=dark] .hover\:bg-fuchsia-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-fuchsia-50{ background-color: rgb(232 121 249 / 0.12) !important; }
[data-theme=dark] .bg-fuchsia-100,
[data-theme=dark] .hover\:bg-fuchsia-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-fuchsia-100{ background-color: rgb(232 121 249 / 0.18) !important; }
[data-theme=dark] .bg-fuchsia-200,
[data-theme=dark] .hover\:bg-fuchsia-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-fuchsia-200{ background-color: rgb(232 121 249 / 0.24) !important; }
[data-theme=dark] .border-fuchsia-50,
[data-theme=dark] .hover\:border-fuchsia-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-fuchsia-50{ border-color: rgb(232 121 249 / 0.22) !important; }
[data-theme=dark] .ring-fuchsia-50,
[data-theme=dark] .hover\:ring-fuchsia-50:hover,
[data-theme=dark] .focus\:ring-fuchsia-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-fuchsia-50{ --tw-ring-color: rgb(232 121 249 / 0.22) !important; }
[data-theme=dark] .divide-fuchsia-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(232 121 249 / 0.22) !important; }
[data-theme=dark] .border-fuchsia-100,
[data-theme=dark] .hover\:border-fuchsia-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-fuchsia-100{ border-color: rgb(232 121 249 / 0.26) !important; }
[data-theme=dark] .ring-fuchsia-100,
[data-theme=dark] .hover\:ring-fuchsia-100:hover,
[data-theme=dark] .focus\:ring-fuchsia-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-fuchsia-100{ --tw-ring-color: rgb(232 121 249 / 0.26) !important; }
[data-theme=dark] .divide-fuchsia-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(232 121 249 / 0.26) !important; }
[data-theme=dark] .border-fuchsia-200,
[data-theme=dark] .hover\:border-fuchsia-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-fuchsia-200{ border-color: rgb(232 121 249 / 0.3) !important; }
[data-theme=dark] .ring-fuchsia-200,
[data-theme=dark] .hover\:ring-fuchsia-200:hover,
[data-theme=dark] .focus\:ring-fuchsia-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-fuchsia-200{ --tw-ring-color: rgb(232 121 249 / 0.3) !important; }
[data-theme=dark] .divide-fuchsia-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(232 121 249 / 0.3) !important; }
[data-theme=dark] .border-fuchsia-300,
[data-theme=dark] .hover\:border-fuchsia-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-fuchsia-300{ border-color: rgb(232 121 249 / 0.36) !important; }
[data-theme=dark] .ring-fuchsia-300,
[data-theme=dark] .hover\:ring-fuchsia-300:hover,
[data-theme=dark] .focus\:ring-fuchsia-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-fuchsia-300{ --tw-ring-color: rgb(232 121 249 / 0.36) !important; }
[data-theme=dark] .divide-fuchsia-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(232 121 249 / 0.36) !important; }
[data-theme=dark] .text-pink-500,
[data-theme=dark] .hover\:text-pink-500:hover,
[data-theme=dark] .focus\:text-pink-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-pink-500,
[data-theme=dark] .text-pink-600,
[data-theme=dark] .hover\:text-pink-600:hover,
[data-theme=dark] .focus\:text-pink-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-pink-600{ color: rgb(244 114 182) !important; }
[data-theme=dark] .text-pink-700,
[data-theme=dark] .hover\:text-pink-700:hover,
[data-theme=dark] .focus\:text-pink-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-pink-700,
[data-theme=dark] .text-pink-800,
[data-theme=dark] .hover\:text-pink-800:hover,
[data-theme=dark] .focus\:text-pink-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-pink-800,
[data-theme=dark] .text-pink-900,
[data-theme=dark] .hover\:text-pink-900:hover,
[data-theme=dark] .focus\:text-pink-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-pink-900,
[data-theme=dark] .text-pink-950,
[data-theme=dark] .hover\:text-pink-950:hover,
[data-theme=dark] .focus\:text-pink-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-pink-950{ color: rgb(249 168 212) !important; }
[data-theme=dark] .bg-pink-50,
[data-theme=dark] .hover\:bg-pink-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-pink-50{ background-color: rgb(244 114 182 / 0.12) !important; }
[data-theme=dark] .bg-pink-100,
[data-theme=dark] .hover\:bg-pink-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-pink-100{ background-color: rgb(244 114 182 / 0.18) !important; }
[data-theme=dark] .bg-pink-200,
[data-theme=dark] .hover\:bg-pink-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-pink-200{ background-color: rgb(244 114 182 / 0.24) !important; }
[data-theme=dark] .border-pink-50,
[data-theme=dark] .hover\:border-pink-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-pink-50{ border-color: rgb(244 114 182 / 0.22) !important; }
[data-theme=dark] .ring-pink-50,
[data-theme=dark] .hover\:ring-pink-50:hover,
[data-theme=dark] .focus\:ring-pink-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-pink-50{ --tw-ring-color: rgb(244 114 182 / 0.22) !important; }
[data-theme=dark] .divide-pink-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(244 114 182 / 0.22) !important; }
[data-theme=dark] .border-pink-100,
[data-theme=dark] .hover\:border-pink-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-pink-100{ border-color: rgb(244 114 182 / 0.26) !important; }
[data-theme=dark] .ring-pink-100,
[data-theme=dark] .hover\:ring-pink-100:hover,
[data-theme=dark] .focus\:ring-pink-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-pink-100{ --tw-ring-color: rgb(244 114 182 / 0.26) !important; }
[data-theme=dark] .divide-pink-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(244 114 182 / 0.26) !important; }
[data-theme=dark] .border-pink-200,
[data-theme=dark] .hover\:border-pink-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-pink-200{ border-color: rgb(244 114 182 / 0.3) !important; }
[data-theme=dark] .ring-pink-200,
[data-theme=dark] .hover\:ring-pink-200:hover,
[data-theme=dark] .focus\:ring-pink-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-pink-200{ --tw-ring-color: rgb(244 114 182 / 0.3) !important; }
[data-theme=dark] .divide-pink-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(244 114 182 / 0.3) !important; }
[data-theme=dark] .border-pink-300,
[data-theme=dark] .hover\:border-pink-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-pink-300{ border-color: rgb(244 114 182 / 0.36) !important; }
[data-theme=dark] .ring-pink-300,
[data-theme=dark] .hover\:ring-pink-300:hover,
[data-theme=dark] .focus\:ring-pink-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-pink-300{ --tw-ring-color: rgb(244 114 182 / 0.36) !important; }
[data-theme=dark] .divide-pink-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(244 114 182 / 0.36) !important; }
[data-theme=dark] .text-rose-500,
[data-theme=dark] .hover\:text-rose-500:hover,
[data-theme=dark] .focus\:text-rose-500:focus,
[data-theme=dark] .group:hover .group-hover\:text-rose-500,
[data-theme=dark] .text-rose-600,
[data-theme=dark] .hover\:text-rose-600:hover,
[data-theme=dark] .focus\:text-rose-600:focus,
[data-theme=dark] .group:hover .group-hover\:text-rose-600{ color: rgb(251 113 133) !important; }
[data-theme=dark] .text-rose-700,
[data-theme=dark] .hover\:text-rose-700:hover,
[data-theme=dark] .focus\:text-rose-700:focus,
[data-theme=dark] .group:hover .group-hover\:text-rose-700,
[data-theme=dark] .text-rose-800,
[data-theme=dark] .hover\:text-rose-800:hover,
[data-theme=dark] .focus\:text-rose-800:focus,
[data-theme=dark] .group:hover .group-hover\:text-rose-800,
[data-theme=dark] .text-rose-900,
[data-theme=dark] .hover\:text-rose-900:hover,
[data-theme=dark] .focus\:text-rose-900:focus,
[data-theme=dark] .group:hover .group-hover\:text-rose-900,
[data-theme=dark] .text-rose-950,
[data-theme=dark] .hover\:text-rose-950:hover,
[data-theme=dark] .focus\:text-rose-950:focus,
[data-theme=dark] .group:hover .group-hover\:text-rose-950{ color: rgb(253 164 175) !important; }
[data-theme=dark] .bg-rose-50,
[data-theme=dark] .hover\:bg-rose-50:hover,
[data-theme=dark] .group:hover .group-hover\:bg-rose-50{ background-color: rgb(251 113 133 / 0.12) !important; }
[data-theme=dark] .bg-rose-100,
[data-theme=dark] .hover\:bg-rose-100:hover,
[data-theme=dark] .group:hover .group-hover\:bg-rose-100{ background-color: rgb(251 113 133 / 0.18) !important; }
[data-theme=dark] .bg-rose-200,
[data-theme=dark] .hover\:bg-rose-200:hover,
[data-theme=dark] .group:hover .group-hover\:bg-rose-200{ background-color: rgb(251 113 133 / 0.24) !important; }
[data-theme=dark] .border-rose-50,
[data-theme=dark] .hover\:border-rose-50:hover,
[data-theme=dark] .group:hover .group-hover\:border-rose-50{ border-color: rgb(251 113 133 / 0.22) !important; }
[data-theme=dark] .ring-rose-50,
[data-theme=dark] .hover\:ring-rose-50:hover,
[data-theme=dark] .focus\:ring-rose-50:focus,
[data-theme=dark] .group:hover .group-hover\:ring-rose-50{ --tw-ring-color: rgb(251 113 133 / 0.22) !important; }
[data-theme=dark] .divide-rose-50 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 113 133 / 0.22) !important; }
[data-theme=dark] .border-rose-100,
[data-theme=dark] .hover\:border-rose-100:hover,
[data-theme=dark] .group:hover .group-hover\:border-rose-100{ border-color: rgb(251 113 133 / 0.26) !important; }
[data-theme=dark] .ring-rose-100,
[data-theme=dark] .hover\:ring-rose-100:hover,
[data-theme=dark] .focus\:ring-rose-100:focus,
[data-theme=dark] .group:hover .group-hover\:ring-rose-100{ --tw-ring-color: rgb(251 113 133 / 0.26) !important; }
[data-theme=dark] .divide-rose-100 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 113 133 / 0.26) !important; }
[data-theme=dark] .border-rose-200,
[data-theme=dark] .hover\:border-rose-200:hover,
[data-theme=dark] .group:hover .group-hover\:border-rose-200{ border-color: rgb(251 113 133 / 0.3) !important; }
[data-theme=dark] .ring-rose-200,
[data-theme=dark] .hover\:ring-rose-200:hover,
[data-theme=dark] .focus\:ring-rose-200:focus,
[data-theme=dark] .group:hover .group-hover\:ring-rose-200{ --tw-ring-color: rgb(251 113 133 / 0.3) !important; }
[data-theme=dark] .divide-rose-200 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 113 133 / 0.3) !important; }
[data-theme=dark] .border-rose-300,
[data-theme=dark] .hover\:border-rose-300:hover,
[data-theme=dark] .group:hover .group-hover\:border-rose-300{ border-color: rgb(251 113 133 / 0.36) !important; }
[data-theme=dark] .ring-rose-300,
[data-theme=dark] .hover\:ring-rose-300:hover,
[data-theme=dark] .focus\:ring-rose-300:focus,
[data-theme=dark] .group:hover .group-hover\:ring-rose-300{ --tw-ring-color: rgb(251 113 133 / 0.36) !important; }
[data-theme=dark] .divide-rose-300 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(251 113 133 / 0.36) !important; }
[data-theme=dark] .bg-amber-50\/40{ background-color: rgb(251 191 36 / 0.048) !important; }
[data-theme=dark] .bg-emerald-50\/40{ background-color: rgb(52 211 153 / 0.048) !important; }
[data-theme=dark] .bg-emerald-50\/50{ background-color: rgb(52 211 153 / 0.06) !important; }
[data-theme=dark] .bg-emerald-50\/60{ background-color: rgb(52 211 153 / 0.072) !important; }
[data-theme=dark] .bg-red-50\/40{ background-color: rgb(248 113 113 / 0.048) !important; }
[data-theme=dark] .bg-red-50\/70{ background-color: rgb(248 113 113 / 0.084) !important; }
[data-theme=dark] .bg-rose-50\/70{ background-color: rgb(251 113 133 / 0.084) !important; }
[data-theme=dark] .bg-violet-50\/40{ background-color: rgb(167 139 250 / 0.048) !important; }
[data-theme=dark] .bg-violet-50\/50{ background-color: rgb(167 139 250 / 0.06) !important; }
[data-theme=dark] .border-amber-200\/70{ border-color: rgb(251 191 36 / 0.21) !important; }
[data-theme=dark] .border-blue-200\/70{ border-color: rgb(96 165 250 / 0.21) !important; }
[data-theme=dark] .border-rose-200\/70{ border-color: rgb(251 113 133 / 0.21) !important; }
[data-theme=dark] .hover\:bg-amber-50\/50:hover{ background-color: rgb(251 191 36 / 0.06) !important; }
[data-theme=dark] .hover\:bg-amber-50\/60:hover{ background-color: rgb(251 191 36 / 0.072) !important; }
[data-theme=dark] .hover\:bg-blue-50\/40:hover{ background-color: rgb(96 165 250 / 0.048) !important; }
[data-theme=dark] .hover\:bg-emerald-50\/50:hover{ background-color: rgb(52 211 153 / 0.06) !important; }
[data-theme=dark] .hover\:bg-teal-50\/70:hover{ background-color: rgb(45 212 191 / 0.084) !important; }
[data-theme=dark] .ring-emerald-300\/30{ --tw-ring-color: rgb(52 211 153 / 0.108) !important; }
[data-theme=dark] .ring-red-300\/30{ --tw-ring-color: rgb(248 113 113 / 0.108) !important; }
[data-theme=dark] .text-amber-800\/70{ color: rgb(252 211 77 / 0.7) !important; }
[data-theme=dark] .text-amber-800\/80{ color: rgb(252 211 77 / 0.8) !important; }
[data-theme=dark] .text-amber-800\/90{ color: rgb(252 211 77 / 0.9) !important; }
[data-theme=dark] .text-amber-900\/70{ color: rgb(252 211 77 / 0.7) !important; }
[data-theme=dark] .text-amber-900\/80{ color: rgb(252 211 77 / 0.8) !important; }
[data-theme=dark] .text-blue-800\/70{ color: rgb(147 197 253 / 0.7) !important; }
[data-theme=dark] .text-blue-800\/80{ color: rgb(147 197 253 / 0.8) !important; }
[data-theme=dark] .text-blue-900\/60{ color: rgb(147 197 253 / 0.6) !important; }
[data-theme=dark] .text-emerald-800\/80{ color: rgb(110 231 183 / 0.8) !important; }
[data-theme=dark] .text-orange-900\/60{ color: rgb(253 186 116 / 0.6) !important; }
[data-theme=dark] .text-orange-900\/70{ color: rgb(253 186 116 / 0.7) !important; }
[data-theme=dark] .text-orange-900\/80{ color: rgb(253 186 116 / 0.8) !important; }
[data-theme=dark] .text-red-600\/80{ color: rgb(248 113 113 / 0.8) !important; }
[data-theme=dark] .text-red-800\/70{ color: rgb(252 165 165 / 0.7) !important; }
[data-theme=dark] .text-red-800\/80{ color: rgb(252 165 165 / 0.8) !important; }
[data-theme=dark] .text-rose-800\/90{ color: rgb(253 164 175 / 0.9) !important; }
[data-theme=dark] .text-sky-900\/80{ color: rgb(125 211 252 / 0.8) !important; }
[data-theme=dark] .text-violet-800\/70{ color: rgb(196 181 253 / 0.7) !important; }
[data-theme=dark] .text-violet-900\/80{ color: rgb(196 181 253 / 0.8) !important; }


/* ══ ٧ · إصلاح الرقاقة المشبعة ═════════════════════════════════════════
   ═════════════════════════════════════════════════════════════════════

   ⚠️⚠️⚠️ **هذه الكتلة تنقض جزءًا من الكتلة السابقة عن قصد، ولا تُحذف.**

   سياسة القلب تقلب النصّ ٧٠٠–٩٥٠ إلى الدرجة ٣٠٠، ولا تقلب الخلفيّات
   من ٣٠٠ فصاعدًا لأنّها مشبعةٌ مقروءةٌ في الوضعين. وحين يجتمع الأمران
   في عنصرٍ واحدٍ من العائلة نفسها — وهو نمط «الرقاقة الملوّنة»:
   `bg-amber-300 text-amber-950` — تبقى الخلفيّة كهرمانيّةً ساطعةً
   ويصير النصّ كهرمانيًّا فاتحًا فوقها. أي **نصٌّ بلون خلفيّته حرفيًّا**.

   ⚠️⚠️ وقد قِيس هذا حيًّا في صفحة الأجهزة يوم ٢٣ سبتمبر:
      اللون ‎rgb(252 211 77)‎ والخلفيّة ‎rgb(252 211 77)‎ — تباينٌ ١ : ١.
      وكان العنصر مخفيًّا وقتها (شارةٌ شرطيّة)، فلولا القياس الساكن
      لظهر أوّل مرّةٍ عند العميل لا عندنا.

   ⚠️ والعلاج: يُعاد النصّ إلى قيمته الأصليّة في تيلويند متى حمل العنصر
      خلفيّةً مشبعةً من عائلته (٣٠٠ إلى ٦٠٠). ونوعيّة المُحدِّد هنا أعلى
      (صنف + سمة) فتغلب قاعدة القلب بلا ترتيبٍ ولا حيلة.

   ⚠️⚠️ **ولمَ ٣٠٠–٦٠٠ وحدها؟** لأنّ ما فوقها (٧٠٠–٩٥٠) خلفيّاتٌ غامقةٌ
      لا تُصحب بنصٍّ غامقٍ أصلًا — ولو صُحبت لكانت غير مقروءةٍ في الوضع
      الفاتح نفسه، وذلك عطبٌ في القالب لا في السمة.

   العدد: ٦٨ قاعدة، ٢٧٢ مُحدِّدًا.
   ═════════════════════════════════════════════════════════════════════ */

[data-theme=dark] .text-red-700[class*="bg-red-300"],
[data-theme=dark] .text-red-700[class*="bg-red-400"],
[data-theme=dark] .text-red-700[class*="bg-red-500"],
[data-theme=dark] .text-red-700[class*="bg-red-600"]{ color: rgb(185 28 28) !important; }
[data-theme=dark] .text-red-800[class*="bg-red-300"],
[data-theme=dark] .text-red-800[class*="bg-red-400"],
[data-theme=dark] .text-red-800[class*="bg-red-500"],
[data-theme=dark] .text-red-800[class*="bg-red-600"]{ color: rgb(153 27 27) !important; }
[data-theme=dark] .text-red-900[class*="bg-red-300"],
[data-theme=dark] .text-red-900[class*="bg-red-400"],
[data-theme=dark] .text-red-900[class*="bg-red-500"],
[data-theme=dark] .text-red-900[class*="bg-red-600"]{ color: rgb(127 29 29) !important; }
[data-theme=dark] .text-red-950[class*="bg-red-300"],
[data-theme=dark] .text-red-950[class*="bg-red-400"],
[data-theme=dark] .text-red-950[class*="bg-red-500"],
[data-theme=dark] .text-red-950[class*="bg-red-600"]{ color: rgb(69 10 10) !important; }
[data-theme=dark] .text-orange-700[class*="bg-orange-300"],
[data-theme=dark] .text-orange-700[class*="bg-orange-400"],
[data-theme=dark] .text-orange-700[class*="bg-orange-500"],
[data-theme=dark] .text-orange-700[class*="bg-orange-600"]{ color: rgb(194 65 12) !important; }
[data-theme=dark] .text-orange-800[class*="bg-orange-300"],
[data-theme=dark] .text-orange-800[class*="bg-orange-400"],
[data-theme=dark] .text-orange-800[class*="bg-orange-500"],
[data-theme=dark] .text-orange-800[class*="bg-orange-600"]{ color: rgb(154 52 18) !important; }
[data-theme=dark] .text-orange-900[class*="bg-orange-300"],
[data-theme=dark] .text-orange-900[class*="bg-orange-400"],
[data-theme=dark] .text-orange-900[class*="bg-orange-500"],
[data-theme=dark] .text-orange-900[class*="bg-orange-600"]{ color: rgb(124 45 18) !important; }
[data-theme=dark] .text-orange-950[class*="bg-orange-300"],
[data-theme=dark] .text-orange-950[class*="bg-orange-400"],
[data-theme=dark] .text-orange-950[class*="bg-orange-500"],
[data-theme=dark] .text-orange-950[class*="bg-orange-600"]{ color: rgb(67 20 7) !important; }
[data-theme=dark] .text-amber-700[class*="bg-amber-300"],
[data-theme=dark] .text-amber-700[class*="bg-amber-400"],
[data-theme=dark] .text-amber-700[class*="bg-amber-500"],
[data-theme=dark] .text-amber-700[class*="bg-amber-600"]{ color: rgb(180 83 9) !important; }
[data-theme=dark] .text-amber-800[class*="bg-amber-300"],
[data-theme=dark] .text-amber-800[class*="bg-amber-400"],
[data-theme=dark] .text-amber-800[class*="bg-amber-500"],
[data-theme=dark] .text-amber-800[class*="bg-amber-600"]{ color: rgb(146 64 14) !important; }
[data-theme=dark] .text-amber-900[class*="bg-amber-300"],
[data-theme=dark] .text-amber-900[class*="bg-amber-400"],
[data-theme=dark] .text-amber-900[class*="bg-amber-500"],
[data-theme=dark] .text-amber-900[class*="bg-amber-600"]{ color: rgb(120 53 15) !important; }
[data-theme=dark] .text-amber-950[class*="bg-amber-300"],
[data-theme=dark] .text-amber-950[class*="bg-amber-400"],
[data-theme=dark] .text-amber-950[class*="bg-amber-500"],
[data-theme=dark] .text-amber-950[class*="bg-amber-600"]{ color: rgb(69 26 3) !important; }
[data-theme=dark] .text-yellow-700[class*="bg-yellow-300"],
[data-theme=dark] .text-yellow-700[class*="bg-yellow-400"],
[data-theme=dark] .text-yellow-700[class*="bg-yellow-500"],
[data-theme=dark] .text-yellow-700[class*="bg-yellow-600"]{ color: rgb(161 98 7) !important; }
[data-theme=dark] .text-yellow-800[class*="bg-yellow-300"],
[data-theme=dark] .text-yellow-800[class*="bg-yellow-400"],
[data-theme=dark] .text-yellow-800[class*="bg-yellow-500"],
[data-theme=dark] .text-yellow-800[class*="bg-yellow-600"]{ color: rgb(133 77 14) !important; }
[data-theme=dark] .text-yellow-900[class*="bg-yellow-300"],
[data-theme=dark] .text-yellow-900[class*="bg-yellow-400"],
[data-theme=dark] .text-yellow-900[class*="bg-yellow-500"],
[data-theme=dark] .text-yellow-900[class*="bg-yellow-600"]{ color: rgb(113 63 18) !important; }
[data-theme=dark] .text-yellow-950[class*="bg-yellow-300"],
[data-theme=dark] .text-yellow-950[class*="bg-yellow-400"],
[data-theme=dark] .text-yellow-950[class*="bg-yellow-500"],
[data-theme=dark] .text-yellow-950[class*="bg-yellow-600"]{ color: rgb(66 32 6) !important; }
[data-theme=dark] .text-lime-700[class*="bg-lime-300"],
[data-theme=dark] .text-lime-700[class*="bg-lime-400"],
[data-theme=dark] .text-lime-700[class*="bg-lime-500"],
[data-theme=dark] .text-lime-700[class*="bg-lime-600"]{ color: rgb(77 124 15) !important; }
[data-theme=dark] .text-lime-800[class*="bg-lime-300"],
[data-theme=dark] .text-lime-800[class*="bg-lime-400"],
[data-theme=dark] .text-lime-800[class*="bg-lime-500"],
[data-theme=dark] .text-lime-800[class*="bg-lime-600"]{ color: rgb(63 98 18) !important; }
[data-theme=dark] .text-lime-900[class*="bg-lime-300"],
[data-theme=dark] .text-lime-900[class*="bg-lime-400"],
[data-theme=dark] .text-lime-900[class*="bg-lime-500"],
[data-theme=dark] .text-lime-900[class*="bg-lime-600"]{ color: rgb(54 83 20) !important; }
[data-theme=dark] .text-lime-950[class*="bg-lime-300"],
[data-theme=dark] .text-lime-950[class*="bg-lime-400"],
[data-theme=dark] .text-lime-950[class*="bg-lime-500"],
[data-theme=dark] .text-lime-950[class*="bg-lime-600"]{ color: rgb(26 46 5) !important; }
[data-theme=dark] .text-green-700[class*="bg-green-300"],
[data-theme=dark] .text-green-700[class*="bg-green-400"],
[data-theme=dark] .text-green-700[class*="bg-green-500"],
[data-theme=dark] .text-green-700[class*="bg-green-600"]{ color: rgb(21 128 61) !important; }
[data-theme=dark] .text-green-800[class*="bg-green-300"],
[data-theme=dark] .text-green-800[class*="bg-green-400"],
[data-theme=dark] .text-green-800[class*="bg-green-500"],
[data-theme=dark] .text-green-800[class*="bg-green-600"]{ color: rgb(22 101 52) !important; }
[data-theme=dark] .text-green-900[class*="bg-green-300"],
[data-theme=dark] .text-green-900[class*="bg-green-400"],
[data-theme=dark] .text-green-900[class*="bg-green-500"],
[data-theme=dark] .text-green-900[class*="bg-green-600"]{ color: rgb(20 83 45) !important; }
[data-theme=dark] .text-green-950[class*="bg-green-300"],
[data-theme=dark] .text-green-950[class*="bg-green-400"],
[data-theme=dark] .text-green-950[class*="bg-green-500"],
[data-theme=dark] .text-green-950[class*="bg-green-600"]{ color: rgb(5 46 22) !important; }
[data-theme=dark] .text-emerald-700[class*="bg-emerald-300"],
[data-theme=dark] .text-emerald-700[class*="bg-emerald-400"],
[data-theme=dark] .text-emerald-700[class*="bg-emerald-500"],
[data-theme=dark] .text-emerald-700[class*="bg-emerald-600"]{ color: rgb(4 120 87) !important; }
[data-theme=dark] .text-emerald-800[class*="bg-emerald-300"],
[data-theme=dark] .text-emerald-800[class*="bg-emerald-400"],
[data-theme=dark] .text-emerald-800[class*="bg-emerald-500"],
[data-theme=dark] .text-emerald-800[class*="bg-emerald-600"]{ color: rgb(6 95 70) !important; }
[data-theme=dark] .text-emerald-900[class*="bg-emerald-300"],
[data-theme=dark] .text-emerald-900[class*="bg-emerald-400"],
[data-theme=dark] .text-emerald-900[class*="bg-emerald-500"],
[data-theme=dark] .text-emerald-900[class*="bg-emerald-600"]{ color: rgb(6 78 59) !important; }
[data-theme=dark] .text-emerald-950[class*="bg-emerald-300"],
[data-theme=dark] .text-emerald-950[class*="bg-emerald-400"],
[data-theme=dark] .text-emerald-950[class*="bg-emerald-500"],
[data-theme=dark] .text-emerald-950[class*="bg-emerald-600"]{ color: rgb(2 44 34) !important; }
[data-theme=dark] .text-teal-700[class*="bg-teal-300"],
[data-theme=dark] .text-teal-700[class*="bg-teal-400"],
[data-theme=dark] .text-teal-700[class*="bg-teal-500"],
[data-theme=dark] .text-teal-700[class*="bg-teal-600"]{ color: rgb(15 118 110) !important; }
[data-theme=dark] .text-teal-800[class*="bg-teal-300"],
[data-theme=dark] .text-teal-800[class*="bg-teal-400"],
[data-theme=dark] .text-teal-800[class*="bg-teal-500"],
[data-theme=dark] .text-teal-800[class*="bg-teal-600"]{ color: rgb(17 94 89) !important; }
[data-theme=dark] .text-teal-900[class*="bg-teal-300"],
[data-theme=dark] .text-teal-900[class*="bg-teal-400"],
[data-theme=dark] .text-teal-900[class*="bg-teal-500"],
[data-theme=dark] .text-teal-900[class*="bg-teal-600"]{ color: rgb(19 78 74) !important; }
[data-theme=dark] .text-teal-950[class*="bg-teal-300"],
[data-theme=dark] .text-teal-950[class*="bg-teal-400"],
[data-theme=dark] .text-teal-950[class*="bg-teal-500"],
[data-theme=dark] .text-teal-950[class*="bg-teal-600"]{ color: rgb(4 47 46) !important; }
[data-theme=dark] .text-cyan-700[class*="bg-cyan-300"],
[data-theme=dark] .text-cyan-700[class*="bg-cyan-400"],
[data-theme=dark] .text-cyan-700[class*="bg-cyan-500"],
[data-theme=dark] .text-cyan-700[class*="bg-cyan-600"]{ color: rgb(14 116 144) !important; }
[data-theme=dark] .text-cyan-800[class*="bg-cyan-300"],
[data-theme=dark] .text-cyan-800[class*="bg-cyan-400"],
[data-theme=dark] .text-cyan-800[class*="bg-cyan-500"],
[data-theme=dark] .text-cyan-800[class*="bg-cyan-600"]{ color: rgb(21 94 117) !important; }
[data-theme=dark] .text-cyan-900[class*="bg-cyan-300"],
[data-theme=dark] .text-cyan-900[class*="bg-cyan-400"],
[data-theme=dark] .text-cyan-900[class*="bg-cyan-500"],
[data-theme=dark] .text-cyan-900[class*="bg-cyan-600"]{ color: rgb(22 78 99) !important; }
[data-theme=dark] .text-cyan-950[class*="bg-cyan-300"],
[data-theme=dark] .text-cyan-950[class*="bg-cyan-400"],
[data-theme=dark] .text-cyan-950[class*="bg-cyan-500"],
[data-theme=dark] .text-cyan-950[class*="bg-cyan-600"]{ color: rgb(8 51 68) !important; }
[data-theme=dark] .text-sky-700[class*="bg-sky-300"],
[data-theme=dark] .text-sky-700[class*="bg-sky-400"],
[data-theme=dark] .text-sky-700[class*="bg-sky-500"],
[data-theme=dark] .text-sky-700[class*="bg-sky-600"]{ color: rgb(3 105 161) !important; }
[data-theme=dark] .text-sky-800[class*="bg-sky-300"],
[data-theme=dark] .text-sky-800[class*="bg-sky-400"],
[data-theme=dark] .text-sky-800[class*="bg-sky-500"],
[data-theme=dark] .text-sky-800[class*="bg-sky-600"]{ color: rgb(7 89 133) !important; }
[data-theme=dark] .text-sky-900[class*="bg-sky-300"],
[data-theme=dark] .text-sky-900[class*="bg-sky-400"],
[data-theme=dark] .text-sky-900[class*="bg-sky-500"],
[data-theme=dark] .text-sky-900[class*="bg-sky-600"]{ color: rgb(12 74 110) !important; }
[data-theme=dark] .text-sky-950[class*="bg-sky-300"],
[data-theme=dark] .text-sky-950[class*="bg-sky-400"],
[data-theme=dark] .text-sky-950[class*="bg-sky-500"],
[data-theme=dark] .text-sky-950[class*="bg-sky-600"]{ color: rgb(8 47 73) !important; }
[data-theme=dark] .text-blue-700[class*="bg-blue-300"],
[data-theme=dark] .text-blue-700[class*="bg-blue-400"],
[data-theme=dark] .text-blue-700[class*="bg-blue-500"],
[data-theme=dark] .text-blue-700[class*="bg-blue-600"]{ color: rgb(29 78 216) !important; }
[data-theme=dark] .text-blue-800[class*="bg-blue-300"],
[data-theme=dark] .text-blue-800[class*="bg-blue-400"],
[data-theme=dark] .text-blue-800[class*="bg-blue-500"],
[data-theme=dark] .text-blue-800[class*="bg-blue-600"]{ color: rgb(30 64 175) !important; }
[data-theme=dark] .text-blue-900[class*="bg-blue-300"],
[data-theme=dark] .text-blue-900[class*="bg-blue-400"],
[data-theme=dark] .text-blue-900[class*="bg-blue-500"],
[data-theme=dark] .text-blue-900[class*="bg-blue-600"]{ color: rgb(30 58 138) !important; }
[data-theme=dark] .text-blue-950[class*="bg-blue-300"],
[data-theme=dark] .text-blue-950[class*="bg-blue-400"],
[data-theme=dark] .text-blue-950[class*="bg-blue-500"],
[data-theme=dark] .text-blue-950[class*="bg-blue-600"]{ color: rgb(23 37 84) !important; }
[data-theme=dark] .text-indigo-700[class*="bg-indigo-300"],
[data-theme=dark] .text-indigo-700[class*="bg-indigo-400"],
[data-theme=dark] .text-indigo-700[class*="bg-indigo-500"],
[data-theme=dark] .text-indigo-700[class*="bg-indigo-600"]{ color: rgb(67 56 202) !important; }
[data-theme=dark] .text-indigo-800[class*="bg-indigo-300"],
[data-theme=dark] .text-indigo-800[class*="bg-indigo-400"],
[data-theme=dark] .text-indigo-800[class*="bg-indigo-500"],
[data-theme=dark] .text-indigo-800[class*="bg-indigo-600"]{ color: rgb(55 48 163) !important; }
[data-theme=dark] .text-indigo-900[class*="bg-indigo-300"],
[data-theme=dark] .text-indigo-900[class*="bg-indigo-400"],
[data-theme=dark] .text-indigo-900[class*="bg-indigo-500"],
[data-theme=dark] .text-indigo-900[class*="bg-indigo-600"]{ color: rgb(49 46 129) !important; }
[data-theme=dark] .text-indigo-950[class*="bg-indigo-300"],
[data-theme=dark] .text-indigo-950[class*="bg-indigo-400"],
[data-theme=dark] .text-indigo-950[class*="bg-indigo-500"],
[data-theme=dark] .text-indigo-950[class*="bg-indigo-600"]{ color: rgb(30 27 75) !important; }
[data-theme=dark] .text-violet-700[class*="bg-violet-300"],
[data-theme=dark] .text-violet-700[class*="bg-violet-400"],
[data-theme=dark] .text-violet-700[class*="bg-violet-500"],
[data-theme=dark] .text-violet-700[class*="bg-violet-600"]{ color: rgb(109 40 217) !important; }
[data-theme=dark] .text-violet-800[class*="bg-violet-300"],
[data-theme=dark] .text-violet-800[class*="bg-violet-400"],
[data-theme=dark] .text-violet-800[class*="bg-violet-500"],
[data-theme=dark] .text-violet-800[class*="bg-violet-600"]{ color: rgb(91 33 182) !important; }
[data-theme=dark] .text-violet-900[class*="bg-violet-300"],
[data-theme=dark] .text-violet-900[class*="bg-violet-400"],
[data-theme=dark] .text-violet-900[class*="bg-violet-500"],
[data-theme=dark] .text-violet-900[class*="bg-violet-600"]{ color: rgb(76 29 149) !important; }
[data-theme=dark] .text-violet-950[class*="bg-violet-300"],
[data-theme=dark] .text-violet-950[class*="bg-violet-400"],
[data-theme=dark] .text-violet-950[class*="bg-violet-500"],
[data-theme=dark] .text-violet-950[class*="bg-violet-600"]{ color: rgb(46 16 101) !important; }
[data-theme=dark] .text-purple-700[class*="bg-purple-300"],
[data-theme=dark] .text-purple-700[class*="bg-purple-400"],
[data-theme=dark] .text-purple-700[class*="bg-purple-500"],
[data-theme=dark] .text-purple-700[class*="bg-purple-600"]{ color: rgb(126 34 206) !important; }
[data-theme=dark] .text-purple-800[class*="bg-purple-300"],
[data-theme=dark] .text-purple-800[class*="bg-purple-400"],
[data-theme=dark] .text-purple-800[class*="bg-purple-500"],
[data-theme=dark] .text-purple-800[class*="bg-purple-600"]{ color: rgb(107 33 168) !important; }
[data-theme=dark] .text-purple-900[class*="bg-purple-300"],
[data-theme=dark] .text-purple-900[class*="bg-purple-400"],
[data-theme=dark] .text-purple-900[class*="bg-purple-500"],
[data-theme=dark] .text-purple-900[class*="bg-purple-600"]{ color: rgb(88 28 135) !important; }
[data-theme=dark] .text-purple-950[class*="bg-purple-300"],
[data-theme=dark] .text-purple-950[class*="bg-purple-400"],
[data-theme=dark] .text-purple-950[class*="bg-purple-500"],
[data-theme=dark] .text-purple-950[class*="bg-purple-600"]{ color: rgb(59 7 100) !important; }
[data-theme=dark] .text-fuchsia-700[class*="bg-fuchsia-300"],
[data-theme=dark] .text-fuchsia-700[class*="bg-fuchsia-400"],
[data-theme=dark] .text-fuchsia-700[class*="bg-fuchsia-500"],
[data-theme=dark] .text-fuchsia-700[class*="bg-fuchsia-600"]{ color: rgb(162 28 175) !important; }
[data-theme=dark] .text-fuchsia-800[class*="bg-fuchsia-300"],
[data-theme=dark] .text-fuchsia-800[class*="bg-fuchsia-400"],
[data-theme=dark] .text-fuchsia-800[class*="bg-fuchsia-500"],
[data-theme=dark] .text-fuchsia-800[class*="bg-fuchsia-600"]{ color: rgb(134 25 143) !important; }
[data-theme=dark] .text-fuchsia-900[class*="bg-fuchsia-300"],
[data-theme=dark] .text-fuchsia-900[class*="bg-fuchsia-400"],
[data-theme=dark] .text-fuchsia-900[class*="bg-fuchsia-500"],
[data-theme=dark] .text-fuchsia-900[class*="bg-fuchsia-600"]{ color: rgb(112 26 117) !important; }
[data-theme=dark] .text-fuchsia-950[class*="bg-fuchsia-300"],
[data-theme=dark] .text-fuchsia-950[class*="bg-fuchsia-400"],
[data-theme=dark] .text-fuchsia-950[class*="bg-fuchsia-500"],
[data-theme=dark] .text-fuchsia-950[class*="bg-fuchsia-600"]{ color: rgb(74 4 78) !important; }
[data-theme=dark] .text-pink-700[class*="bg-pink-300"],
[data-theme=dark] .text-pink-700[class*="bg-pink-400"],
[data-theme=dark] .text-pink-700[class*="bg-pink-500"],
[data-theme=dark] .text-pink-700[class*="bg-pink-600"]{ color: rgb(190 24 93) !important; }
[data-theme=dark] .text-pink-800[class*="bg-pink-300"],
[data-theme=dark] .text-pink-800[class*="bg-pink-400"],
[data-theme=dark] .text-pink-800[class*="bg-pink-500"],
[data-theme=dark] .text-pink-800[class*="bg-pink-600"]{ color: rgb(157 23 77) !important; }
[data-theme=dark] .text-pink-900[class*="bg-pink-300"],
[data-theme=dark] .text-pink-900[class*="bg-pink-400"],
[data-theme=dark] .text-pink-900[class*="bg-pink-500"],
[data-theme=dark] .text-pink-900[class*="bg-pink-600"]{ color: rgb(131 24 67) !important; }
[data-theme=dark] .text-pink-950[class*="bg-pink-300"],
[data-theme=dark] .text-pink-950[class*="bg-pink-400"],
[data-theme=dark] .text-pink-950[class*="bg-pink-500"],
[data-theme=dark] .text-pink-950[class*="bg-pink-600"]{ color: rgb(80 7 36) !important; }
[data-theme=dark] .text-rose-700[class*="bg-rose-300"],
[data-theme=dark] .text-rose-700[class*="bg-rose-400"],
[data-theme=dark] .text-rose-700[class*="bg-rose-500"],
[data-theme=dark] .text-rose-700[class*="bg-rose-600"]{ color: rgb(190 18 60) !important; }
[data-theme=dark] .text-rose-800[class*="bg-rose-300"],
[data-theme=dark] .text-rose-800[class*="bg-rose-400"],
[data-theme=dark] .text-rose-800[class*="bg-rose-500"],
[data-theme=dark] .text-rose-800[class*="bg-rose-600"]{ color: rgb(159 18 57) !important; }
[data-theme=dark] .text-rose-900[class*="bg-rose-300"],
[data-theme=dark] .text-rose-900[class*="bg-rose-400"],
[data-theme=dark] .text-rose-900[class*="bg-rose-500"],
[data-theme=dark] .text-rose-900[class*="bg-rose-600"]{ color: rgb(136 19 55) !important; }
[data-theme=dark] .text-rose-950[class*="bg-rose-300"],
[data-theme=dark] .text-rose-950[class*="bg-rose-400"],
[data-theme=dark] .text-rose-950[class*="bg-rose-500"],
[data-theme=dark] .text-rose-950[class*="bg-rose-600"]{ color: rgb(76 5 25) !important; }