/*
|------------------------------------------------------------------------------
| السمة الداكنة
|------------------------------------------------------------------------------
| القوالب مكتوبة بأصناف Tailwind الفاتحة (bg-white · text-slate-800 · border-slate-100).
| بدل إضافة بديل dark: إلى كل صنف في كل شاشة — وهو ما ينسى المرء نصفه ويتفكّك
| مع أول شاشة جديدة — تُعاد هنا خرائط اللوحة المحايدة وحدها تحت
| html[data-theme="dark"]. أي شاشة تلتزم اللوحة نفسها تصير داكنة مجاناً.
|
| الألوان النغمية (sky/teal/rose…) تمرّ عبر متغيّرات --t-rgb في لوحة القيادة،
| فيكفي خفض شفافياتها هنا.
*/

:root {
    color-scheme: light;

    /* الخطّ الشعري الفاصل. متغيّر لا لونٌ مثبَّت لأن قواعد <style> في الصفحة
       تأتي بعد هذا الملف فتغلبه — فيبقى الخطّ فاتحاً على خلفية داكنة. */
    --wc-hairline: #f1f5f9;
}

html[data-theme="dark"] {
    color-scheme: dark;

    --wc-bg:        #0a1424;  /* خلفية الصفحة */
    --wc-surface:   #101d33;  /* البطاقات واللوحات */
    --wc-raised:    #16263f;  /* عناصر داخل البطاقة */
    --wc-border:    #1e3352;
    --wc-border-sf: #172942;  /* حدود أخفت داخل البطاقات */
    --wc-text:      #e8eef6;
    --wc-text-2:    #9fb0c6;
    --wc-text-3:    #6b8099;
    --wc-brand:     #3d8ec9;  /* النايفي لا يُقرأ على خلفية داكنة */
    --wc-hairline:  #1b2c47;
}

/* انتقال ناعم عند التبديل — يُطفأ لمن يطلب تقليل الحركة */
html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}
@media (prefers-reduced-motion: reduce) {
    html.theme-switching *,
    html.theme-switching *::before,
    html.theme-switching *::after { transition: none !important; }
}

/* ── الأساس ── */
html[data-theme="dark"],
html[data-theme="dark"] body { background: var(--wc-bg); color: var(--wc-text); }

/* ── الأسطح ── */
html[data-theme="dark"] .bg-white          { background-color: var(--wc-surface) !important; }
html[data-theme="dark"] .bg-white\/80      { background-color: rgba(22, 38, 63, 0.8) !important; }
html[data-theme="dark"] .bg-slate-50       { background-color: var(--wc-bg) !important; }
html[data-theme="dark"] .bg-slate-50\/40,
html[data-theme="dark"] .bg-slate-50\/50,
html[data-theme="dark"] .bg-slate-50\/60,
html[data-theme="dark"] .bg-slate-50\/80   { background-color: rgba(22, 38, 63, 0.55) !important; }
html[data-theme="dark"] .bg-slate-100,
html[data-theme="dark"] .bg-slate-100\/70,
html[data-theme="dark"] .bg-slate-100\/80  { background-color: var(--wc-raised) !important; }
html[data-theme="dark"] .bg-slate-200      { background-color: #24395c !important; }
html[data-theme="dark"] .bg-slate-900\/20  { background-color: rgba(2, 8, 18, 0.55) !important; }

html[data-theme="dark"] .hover\:bg-slate-50:hover,
html[data-theme="dark"] .hover\:bg-slate-50\/60:hover,
html[data-theme="dark"] .hover\:bg-slate-100\/80:hover { background-color: #1a2d49 !important; }
html[data-theme="dark"] .hover\:bg-white:hover         { background-color: #1a2d49 !important; }

/* ── الحدود ── */
html[data-theme="dark"] .border-slate-50,
html[data-theme="dark"] .border-slate-100  { border-color: var(--wc-border-sf) !important; }

/*
 | ما كانت الشاشاتُ تستعمله قبل لوحة المتصلين: فاصلٌ بين الصفوف، وحلقةٌ
 | بيضاء حول نقطة الحال، ولونُ «يعمل». الأخضرُ الداكن على خلفيةٍ داكنة لا
 | يُقرأ، والحلقةُ البيضاء تصير ثقباً في اللوحة.
*/
html[data-theme="dark"] .divide-slate-50 > :not([hidden]) ~ :not([hidden]) { border-color: var(--wc-hairline) !important; }
html[data-theme="dark"] .text-slate-300   { color: var(--wc-text-3) !important; }
html[data-theme="dark"] .border-white     { border-color: var(--wc-surface) !important; }
html[data-theme="dark"] .text-emerald-600 { color: #34d399 !important; }
html[data-theme="dark"] .paginate__at     { color: var(--wc-text-2); }

/* ── شريط الجوال السفلي ── */
html[data-theme="dark"] .mobile-nav__grab          { background: var(--wc-surface); }
html[data-theme="dark"] .mobile-nav__grab::before  { background: var(--wc-border); }

html[data-theme="dark"] .bottom-bar__plate {
    background: var(--wc-surface);
    border-top-color: var(--wc-border-sf);
    box-shadow: 0 -6px 20px -12px rgba(0, 0, 0, 0.6);
}
html[data-theme="dark"] .bottom-bar__link              { color: var(--wc-text-3); }
html[data-theme="dark"] .bottom-bar__link.is-active    { color: var(--wc-text); }
html[data-theme="dark"] .bottom-bar__link.is-active .bottom-bar__icon { color: #3d8ec9; }
html[data-theme="dark"] .text-rose-700    { color: #fca5a5 !important; }
html[data-theme="dark"] .border-slate-200  { border-color: var(--wc-border) !important; }
html[data-theme="dark"] .divide-slate-100 > * + * { border-color: var(--wc-border-sf) !important; }

/* ── النص ── */
html[data-theme="dark"] .text-slate-900,
html[data-theme="dark"] .text-slate-800,
html[data-theme="dark"] .text-slate-700    { color: var(--wc-text) !important; }
html[data-theme="dark"] .text-slate-600,
html[data-theme="dark"] .text-slate-500    { color: var(--wc-text-2) !important; }
html[data-theme="dark"] .text-slate-400    { color: var(--wc-text-3) !important; }

/* ── العلامة ── */
html[data-theme="dark"] .text-brand,
html[data-theme="dark"] .text-brand\/70   { color: var(--wc-brand) !important; }
html[data-theme="dark"] .hover\:text-brand:hover { color: var(--wc-brand) !important; }
html[data-theme="dark"] .bg-brand          { background-color: #164f82 !important; }
html[data-theme="dark"] .bg-brand\/5,
html[data-theme="dark"] .bg-brand\/10      { background-color: rgba(61, 142, 201, 0.14) !important; }
html[data-theme="dark"] .border-brand\/15,
html[data-theme="dark"] .border-brand\/20,
html[data-theme="dark"] .border-brand\/25,
html[data-theme="dark"] .border-brand\/30  { border-color: rgba(61, 142, 201, 0.28) !important; }
html[data-theme="dark"] .hover\:bg-brand\/5:hover { background-color: rgba(61, 142, 201, 0.12) !important; }
html[data-theme="dark"] .hover\:border-brand\/20:hover { border-color: rgba(61, 142, 201, 0.3) !important; }

/* ── النغمات الفاتحة داخل اللوحات ── */
html[data-theme="dark"] .bg-sky-50    { background-color: rgba(14, 165, 233, 0.14) !important; }
html[data-theme="dark"] .bg-teal-50   { background-color: rgba(20, 184, 166, 0.14) !important; }
html[data-theme="dark"] .bg-amber-50,
html[data-theme="dark"] .bg-amber-50\/70 { background-color: rgba(245, 158, 11, 0.14) !important; }
html[data-theme="dark"] .bg-rose-50   { background-color: rgba(244, 63, 94, 0.14) !important; }
html[data-theme="dark"] .bg-amber-100 { background-color: rgba(245, 158, 11, 0.2) !important; }
html[data-theme="dark"] .border-sky-100,   html[data-theme="dark"] .border-sky-200   { border-color: rgba(14, 165, 233, 0.3) !important; }
html[data-theme="dark"] .border-teal-100,  html[data-theme="dark"] .border-teal-200  { border-color: rgba(20, 184, 166, 0.3) !important; }
html[data-theme="dark"] .border-amber-100, html[data-theme="dark"] .border-amber-200 { border-color: rgba(245, 158, 11, 0.3) !important; }
html[data-theme="dark"] .border-rose-100,  html[data-theme="dark"] .border-rose-200  { border-color: rgba(244, 63, 94, 0.3) !important; }
html[data-theme="dark"] .text-sky-600   { color: #7dd3fc !important; }
html[data-theme="dark"] .text-teal-600  { color: #5eead4 !important; }
html[data-theme="dark"] .text-amber-600,
html[data-theme="dark"] .text-amber-700 { color: #fcd34d !important; }
html[data-theme="dark"] .text-rose-600  { color: #fda4af !important; }
html[data-theme="dark"] .hover\:bg-rose-50\/50:hover { background-color: rgba(244, 63, 94, 0.12) !important; }

/* ── الظلال: الحواف الفاتحة لا تُرى على داكن، فتُستبدل بعمق أشد ── */
html[data-theme="dark"] [class*="shadow-"] { --tw-shadow-color: rgba(2, 8, 18, 0.6); }
html[data-theme="dark"] .shadow-sm,
html[data-theme="dark"] .shadow-md,
html[data-theme="dark"] .shadow-xl { box-shadow: 0 4px 14px -6px rgba(2, 8, 18, 0.7) !important; }

/* ── مكوّنات لوحة القيادة ── */
html[data-theme="dark"] .dash-card,
html[data-theme="dark"] .dash-quick-panel { background: var(--wc-surface); }
html[data-theme="dark"] .dash-quick-panel { border-color: var(--wc-border-sf); box-shadow: 0 2px 15px -3px rgba(2, 8, 18, 0.6); }
html[data-theme="dark"] .dash-card { box-shadow: 0 10px 24px -14px rgba(2, 8, 18, 0.9), 0 0 0 1px rgba(var(--t-rgb), 0.22); }
html[data-theme="dark"] .dash-card:hover { box-shadow: 0 16px 34px -16px rgba(2, 8, 18, 0.95), 0 0 0 1px rgba(var(--t-rgb), 0.38); }
html[data-theme="dark"] .dash-card__icon  { background: rgba(var(--t-rgb), 0.18); color: #fff; box-shadow: inset 0 0 0 1px rgba(var(--t-rgb), 0.32); }
html[data-theme="dark"] .dash-card__value { color: var(--wc-text); }
html[data-theme="dark"] .dash-card__label { color: var(--wc-text-2); }
html[data-theme="dark"] .dash-card__hint  { color: var(--wc-text-3); }
html[data-theme="dark"] .dash-share       { background: rgba(var(--t-rgb), 0.18); color: #fff; }
html[data-theme="dark"] .dash-card__progress { background: var(--wc-raised); }

html[data-theme="dark"] .dash-badge--up   { background: rgba(5, 150, 105, 0.18);  color: #6ee7b7; }
html[data-theme="dark"] .dash-badge--down { background: rgba(225, 29, 72, 0.18);  color: #fda4af; }

html[data-theme="dark"] .dash-quick-item        { background: var(--wc-raised); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .dash-quick-item:hover  { background: #1a2d49; border-color: var(--wc-border); box-shadow: 0 8px 20px -12px rgba(2, 8, 18, 0.9); }
html[data-theme="dark"] .dash-quick-item__label { color: var(--wc-text); }
html[data-theme="dark"] .dash-quick-item:hover .dash-quick-item__label,
html[data-theme="dark"] .dash-quick-item:hover .dash-quick-item__arrow { color: var(--wc-brand); }
html[data-theme="dark"] .dash-quick-item__arrow { color: var(--wc-text-3); }
html[data-theme="dark"] .dash-quick-tone-brand  .dash-quick-item__icon { background: rgba(61, 142, 201, 0.18); color: #7dd3fc; border-color: rgba(61, 142, 201, 0.3); }
html[data-theme="dark"] .dash-quick-tone-violet .dash-quick-item__icon { background: rgba(139, 92, 246, 0.18); color: #c4b5fd; border-color: rgba(139, 92, 246, 0.3); }
html[data-theme="dark"] .dash-quick-tone-sky    .dash-quick-item__icon { background: rgba(14, 165, 233, 0.18); color: #7dd3fc; border-color: rgba(14, 165, 233, 0.3); }
html[data-theme="dark"] .dash-quick-tone-teal   .dash-quick-item__icon { background: rgba(20, 184, 166, 0.18); color: #5eead4; border-color: rgba(20, 184, 166, 0.3); }
html[data-theme="dark"] .dash-quick-tone-amber  .dash-quick-item__icon { background: rgba(245, 158, 11, 0.18); color: #fcd34d; border-color: rgba(245, 158, 11, 0.3); }
html[data-theme="dark"] .dash-quick-tone-rose   .dash-quick-item__icon { background: rgba(244, 63, 94, 0.18);  color: #fda4af; border-color: rgba(244, 63, 94, 0.3); }
html[data-theme="dark"] .dash-quick-tone-slate  .dash-quick-item__icon { background: #1f3454; color: var(--wc-text-2); border-color: var(--wc-border); }

html[data-theme="dark"] .dash-rank:hover   { background: #1a2d49; border-color: var(--wc-border); }
html[data-theme="dark"] .dash-rank__no     { background: var(--wc-raised); border-color: var(--wc-border); color: var(--wc-text-2); }
html[data-theme="dark"] .dash-rank__no--first { background: var(--wc-brand); border-color: var(--wc-brand); color: #06121f; }
html[data-theme="dark"] .dash-rank__bar    { background: linear-gradient(to left, #7dd3fc, #3d8ec9); }

html[data-theme="dark"] .cal-nav        { background: transparent; border-color: transparent; color: var(--wc-text-3); }
html[data-theme="dark"] .cal-nav:hover  { background: var(--wc-raised); color: var(--wc-brand); }
html[data-theme="dark"] .cal-grid--head { border-color: rgba(30, 51, 82, 0.6); }
html[data-theme="dark"] .cal-wd         { color: var(--wc-text-3); }
html[data-theme="dark"] .cal-wd--off    { color: #54708f; }
html[data-theme="dark"] .cal-day:hover::before { background: var(--wc-raised); }
html[data-theme="dark"] .cal-day__n     { color: var(--wc-text-2); }
html[data-theme="dark"] .cal-day--off .cal-day__n { color: #54708f; }
html[data-theme="dark"] .cal-day--out .cal-day__n { color: #2b4265; }
html[data-theme="dark"] .cal-day--today::before,
html[data-theme="dark"] .cal-day--today:hover::before { background: var(--wc-brand); box-shadow: 0 0 0 4px rgba(61, 142, 201, 0.16); }
html[data-theme="dark"] .cal-day--today .cal-day__n { color: #06121f; }
html[data-theme="dark"] .cal-dot        { background: #5b8db8; }
html[data-theme="dark"] .cal-dot--late  { background: #fb7185; }
html[data-theme="dark"] .cal-day--today .cal-dot { background: rgba(6, 18, 31, 0.5); }
html[data-theme="dark"] .cal-prio--low  { background: #3a5171; }

/* ── الشريط العلوي والدرج ── */
html[data-theme="dark"] .mobile-nav { background: var(--wc-surface); border-left-color: var(--wc-border-sf); }
html[data-theme="dark"] #globalSearch { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text); }
html[data-theme="dark"] #globalSearch::placeholder { color: var(--wc-text-3); }
html[data-theme="dark"] #globalSearch:focus { background: var(--wc-bg); border-color: rgba(61, 142, 201, 0.45); }
html[data-theme="dark"] kbd { background: var(--wc-surface) !important; border-color: var(--wc-border) !important; color: var(--wc-text-3) !important; }
html[data-theme="dark"] .pace .pace-progress { background: var(--wc-brand); }

/* ── شاشة التحميل ── */
html[data-theme="dark"] .page-loader    { background: var(--wc-bg); }
html[data-theme="dark"] .page-loader-bg { background: linear-gradient(to bottom, rgba(61, 142, 201, 0.06), var(--wc-bg) 45%, var(--wc-bg)); }
html[data-theme="dark"] .loader-track-wrap { background: var(--wc-raised); }

/* ── الجداول ── */
html[data-theme="dark"] thead tr { background: rgba(22, 38, 63, 0.6) !important; }
html[data-theme="dark"] tbody tr:hover { background: rgba(26, 45, 73, 0.6) !important; }

/* ── اللوجو ──
   شعار الشركة نايفي على شفاف، فيختفي على سطح داكن. التحويل إلى أبيض خالص
   يُبقيه مقروءاً؛ ولو أردت الاحتفاظ بالذهبي ضع نسخة فاتحة في
   assets/images/logo-light.png واستبدل المصدر بدل هذا المرشّح. */
html[data-theme="dark"] .brand-logo {
    filter: brightness(0) invert(1);
}

/* ── بانتظار إجراء ── */
html[data-theme="dark"] .inbox-row        { border-color: var(--wc-border-sf); }
html[data-theme="dark"] .inbox-row:hover  { background: rgba(var(--t-rgb), 0.08); }
html[data-theme="dark"] .inbox-row__icon  { background: rgba(var(--t-rgb), 0.2); color: #fff; }
html[data-theme="dark"] .inbox-row:hover .inbox-row__icon { background: rgba(var(--t-rgb), 0.3); }
html[data-theme="dark"] .inbox-row__count { color: #fff; }
html[data-theme="dark"] .inbox-row__label { color: var(--wc-text-2); }
html[data-theme="dark"] .inbox-row:hover .inbox-row__label { color: var(--wc-text); }
html[data-theme="dark"] .inbox-row__arrow { color: var(--wc-text-3); }
html[data-theme="dark"] .inbox-row:hover .inbox-row__arrow { color: var(--wc-brand); }

/* ── بند قائمة محدّد ──
      خريطة الأصناف أعلاه تكتب text-slate-* بـ !important، فاللون هنا يحتاج مثلها */
html[data-theme="dark"] .menu-item.active {
    background: rgba(61, 142, 201, 0.18);
    color: #7dd3fc !important;
}
html[data-theme="dark"] .menu-item.active:hover {
    background: rgba(61, 142, 201, 0.24);
}
html[data-theme="dark"] .menu-item.active::after  { background: #3d8ec9; color: #06121f; }
html[data-theme="dark"] .menu-item.active .fi     { color: #7dd3fc !important; }

/*
|------------------------------------------------------------------------------
| المكوّنات المشتركة — النسخة الداكنة
|------------------------------------------------------------------------------
| ما في components.css مكتوب بألوان صريحة لا بأصناف Tailwind، فلا تصله خريطة
| الأصناف أعلاه؛ كل مكوّن منها يُقابَل هنا صراحةً.
*/

/* ── مجموعة أزرار الفلتر ── */
html[data-theme="dark"] .seg         { background: var(--wc-surface); border-color: var(--wc-border); }
html[data-theme="dark"] .seg__btn    { color: var(--wc-text-2); }
html[data-theme="dark"] .seg__btn:hover { background: var(--wc-raised); color: var(--wc-brand); }
html[data-theme="dark"] .seg__btn--on,
html[data-theme="dark"] .seg__btn--on:hover { background: var(--wc-brand); color: #06121f; box-shadow: none; }
html[data-theme="dark"] .seg__count  { background: rgba(159, 176, 198, 0.18); }
html[data-theme="dark"] .seg__btn--on .seg__count { background: rgba(6, 18, 31, 0.22); }

/* ── رأس عمود قابل للفرز ── */
html[data-theme="dark"] .th-sort           { color: var(--wc-text-3); }
html[data-theme="dark"] .th-sort:hover     { color: var(--wc-brand); }
html[data-theme="dark"] .th-sort__i--on    { color: var(--wc-brand); }

/* ── الحرف الأول بدل صورة ── */
html[data-theme="dark"] .u-avatar {
    background: rgba(61, 142, 201, 0.18);
    color: #7dd3fc;
    box-shadow: inset 0 0 0 1px rgba(61, 142, 201, 0.3);
}

/* ── شارة الحالة ── */
html[data-theme="dark"] .pill--on  { background: rgba(5, 150, 105, 0.18); color: #6ee7b7; }
html[data-theme="dark"] .pill--off { background: rgba(159, 176, 198, 0.14); color: var(--wc-text-2); }

/* ── أزرار الصف ── */
html[data-theme="dark"] .row-act                { color: var(--wc-text-3); }
html[data-theme="dark"] .row-act:hover          { background: rgba(61, 142, 201, 0.16); color: #7dd3fc; }
html[data-theme="dark"] .row-act--ok:hover      { background: rgba(5, 150, 105, 0.18);  color: #6ee7b7; }
html[data-theme="dark"] .row-act--warn:hover    { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
html[data-theme="dark"] .row-act--danger:hover  { background: rgba(244, 63, 94, 0.18);  color: #fda4af; }

/* ── حقول النموذج ── */
html[data-theme="dark"] .field__label { color: var(--wc-text-2); }
html[data-theme="dark"] .field__input {
    background: var(--wc-raised);
    border-color: var(--wc-border);
    color: var(--wc-text);
}
html[data-theme="dark"] .field__input::placeholder { color: var(--wc-text-3); }
html[data-theme="dark"] .field__input:focus {
    background: var(--wc-bg);
    border-color: rgba(61, 142, 201, 0.5);
    box-shadow: 0 0 0 4px rgba(61, 142, 201, 0.1);
}
html[data-theme="dark"] .field__hint  { color: var(--wc-text-3); }
html[data-theme="dark"] .field__error { color: #fda4af; }

/* ── الأزرار ── */
html[data-theme="dark"] .btn--primary { background: var(--wc-brand); color: #06121f; }
html[data-theme="dark"] .btn--primary:hover:not(:disabled) { background: #5aa3d8; }
html[data-theme="dark"] .btn--ghost   { background: var(--wc-raised); color: var(--wc-text-2); border-color: var(--wc-border); }
html[data-theme="dark"] .btn--ghost:hover:not(:disabled)   { background: #1f3454; color: var(--wc-text); }

/* ── النافذة المنبثقة ── */
html[data-theme="dark"] .modal__backdrop { background: rgba(2, 8, 18, 0.58); }
html[data-theme="dark"] .modal__panel {
    background: var(--wc-surface);
    box-shadow: 0 30px 60px -20px rgba(2, 8, 18, 0.9);
}

/* ── ترقيم الصفحات ── */
html[data-theme="dark"] .paginate__info       { color: var(--wc-text-3); }
html[data-theme="dark"] .paginate__link       { color: var(--wc-text-2); }
html[data-theme="dark"] .paginate__link:hover { background: var(--wc-raised); color: var(--wc-brand); }
html[data-theme="dark"] .paginate__link--on,
html[data-theme="dark"] .paginate__link--on:hover { background: var(--wc-brand); color: #06121f; }
html[data-theme="dark"] .paginate__link--off  { color: #2b4265; }

/* ── التنبيه العائم ── */
html[data-theme="dark"] .toast--success { background: rgba(34, 197, 94, 0.16);  border-color: rgba(34, 197, 94, 0.35);  color: #86efac; }
html[data-theme="dark"] .toast--error   { background: rgba(244, 63, 94, 0.16);  border-color: rgba(244, 63, 94, 0.35);  color: #fda4af; }
html[data-theme="dark"] .toast--warning { background: rgba(245, 158, 11, 0.16); border-color: rgba(245, 158, 11, 0.35); color: #fcd34d; }
html[data-theme="dark"] .toast--info    { background: rgba(14, 165, 233, 0.16); border-color: rgba(14, 165, 233, 0.35); color: #7dd3fc; }
html[data-theme="dark"] .toast          { box-shadow: 0 8px 24px -6px rgba(2, 8, 18, 0.7); }

/* ── مفتاح التبديل والبطاقات الجانبية ── */
html[data-theme="dark"] .switch__track { background: #2b4265; }
html[data-theme="dark"] .switch input:checked ~ .switch__track { background: var(--wc-brand); }
html[data-theme="dark"] .switch__thumb  { background: #e8eef6; }

html[data-theme="dark"] .aside-card         { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .aside-card__head   { color: var(--wc-text); border-bottom-color: var(--wc-border-sf); }
html[data-theme="dark"] .aside-card__head i { color: var(--wc-text-3); }
html[data-theme="dark"] .kv        { border-top-color: rgba(30, 51, 82, 0.5); }
html[data-theme="dark"] .kv__k     { color: var(--wc-text-3); }
html[data-theme="dark"] .kv__v     { color: var(--wc-text); }
html[data-theme="dark"] .kv__v--muted { color: var(--wc-text-3); }
html[data-theme="dark"] .danger-card { border-color: rgba(244, 63, 94, 0.3); }
html[data-theme="dark"] .danger-card .aside-card__head   { color: #fda4af; border-bottom-color: rgba(244, 63, 94, 0.2); }
html[data-theme="dark"] .danger-card .aside-card__head i { color: #fb7185; }

/* ── حقل كلمة المرور ── */
html[data-theme="dark"] .pw-btn:hover        { background: var(--wc-raised); color: var(--wc-brand); }
html[data-theme="dark"] .pw-rule             { color: var(--wc-text-3); }
html[data-theme="dark"] .pw-rule__mark       { background: #1f3454; }
html[data-theme="dark"] .pw-rule.is-ok       { color: #6ee7b7; }
html[data-theme="dark"] .pw-rule.is-ok .pw-rule__mark { background: #22c55e; color: #06121f; }
html[data-theme="dark"] .pw-strength__mask   { background: #1f3454; }
html[data-theme="dark"] .pw-strength__label  { color: var(--wc-text-3); }
html[data-theme="dark"] .pill--lock { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }

/* ── مصفوفة الصلاحيات ── */
html[data-theme="dark"] .perm-link          { color: var(--wc-brand); }
html[data-theme="dark"] .perm-module        { border-color: var(--wc-border-sf); }
html[data-theme="dark"] .perm-module__head  { background: var(--wc-raised); border-bottom-color: var(--wc-border-sf); }
html[data-theme="dark"] .perm-module__name  { color: var(--wc-text); }
html[data-theme="dark"] .perm-module__count { color: var(--wc-text-3); }
html[data-theme="dark"] .perm-row           { border-top-color: rgba(30, 51, 82, 0.5); }
html[data-theme="dark"] .perm-row:hover     { background: rgba(22, 38, 63, 0.5); }
html[data-theme="dark"] .perm-row__name     { color: var(--wc-text-2); }

html[data-theme="dark"] .perm-check          { background: var(--wc-raised); border-color: var(--wc-border); }
html[data-theme="dark"] .perm-check:hover:not(:disabled) { border-color: var(--wc-brand); }
html[data-theme="dark"] .perm-check.is-on    { background: var(--wc-brand); border-color: var(--wc-brand); color: #06121f; }
html[data-theme="dark"] .perm-check.is-some  { background: #2b4265; border-color: #4e7ca8; color: #7dd3fc; }

html[data-theme="dark"] .perm-act            { background: var(--wc-raised); border-color: var(--wc-border); color: var(--wc-text-2); }
html[data-theme="dark"] .perm-act:hover      { border-color: #4e7ca8; color: var(--wc-text); }
html[data-theme="dark"] .perm-act:has(input:checked) {
    background: rgba(61, 142, 201, 0.12);
    border-color: #3d8ec9;
    color: #7dd3fc;
}
html[data-theme="dark"] .perm-act--hot:has(input:checked) {
    background: rgba(245, 158, 11, 0.12);
    border-color: #eab308;
    color: #fcd34d;
}
/* ما يمنحه الدور: مؤشَّرٌ ومقفل، ويبقى مميّزاً عمّا مُنح مباشرةً */
html[data-theme="dark"] .perm-act--role,
html[data-theme="dark"] .perm-act--role:has(input:checked) {
    background: var(--wc-sunken, rgba(148, 163, 184, 0.06));
    border-color: var(--wc-border);
    border-style: dashed;
    color: var(--wc-text-2);
}

/* ── اختيار الأدوار ── */
html[data-theme="dark"] .role-chip        { background: var(--wc-raised); border-color: var(--wc-border); }
html[data-theme="dark"] .role-chip:hover  { border-color: #4e7ca8; }
html[data-theme="dark"] .role-chip:has(input:checked) { border-color: rgba(61, 142, 201, 0.5); background: rgba(61, 142, 201, 0.12); }
html[data-theme="dark"] .role-chip__mark  { background: var(--wc-surface); border-color: var(--wc-border); }
html[data-theme="dark"] .role-chip:has(input:checked) .role-chip__mark { background: var(--wc-brand); border-color: var(--wc-brand); color: #06121f; }
html[data-theme="dark"] .role-chip__name  { color: var(--wc-text); }
html[data-theme="dark"] .role-chip__desc  { color: var(--wc-text-3); }

/* ── سجل النشاط ── */
html[data-theme="dark"] .filter-select,
html[data-theme="dark"] .filter-date        { background: var(--wc-raised); border-color: var(--wc-border); color: var(--wc-text-2); }
html[data-theme="dark"] .filter-date > span { color: var(--wc-text-3); }
html[data-theme="dark"] .filter-date input  { color: var(--wc-text-2); }
html[data-theme="dark"] .filter-date input::-webkit-calendar-picker-indicator { filter: invert(0.7); }

html[data-theme="dark"] .act-icon--ok   { background: rgba(5, 150, 105, 0.18);  color: #6ee7b7; }
html[data-theme="dark"] .act-icon--bad  { background: rgba(244, 63, 94, 0.18);  color: #fda4af; }
html[data-theme="dark"] .act-icon--info { background: rgba(61, 142, 201, 0.18); color: #7dd3fc; }
html[data-theme="dark"] .act-icon--mute { background: var(--wc-raised);         color: var(--wc-text-2); }

html[data-theme="dark"] .diff        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .diff__head  { background: var(--wc-raised); border-bottom-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .diff__row   { border-top-color: rgba(30, 51, 82, 0.5); }
html[data-theme="dark"] .diff__field { color: var(--wc-text-2); }
html[data-theme="dark"] .diff__old   { color: #fda4af; text-decoration-color: rgba(253, 164, 175, 0.4); }
html[data-theme="dark"] .diff__new   { color: #6ee7b7; }

/* ── تفاصيل سجل النشاط ── */
html[data-theme="dark"] .tag        { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .tag--ok    { background: rgba(5, 150, 105, 0.18);  color: #6ee7b7; }
html[data-theme="dark"] .tag--bad   { background: rgba(244, 63, 94, 0.18);  color: #fda4af; }
html[data-theme="dark"] .tag--info  { background: rgba(61, 142, 201, 0.18); color: #7dd3fc; }
html[data-theme="dark"] .tag--mute  { background: var(--wc-raised);         color: var(--wc-text-2); }

html[data-theme="dark"] .det__title { color: var(--wc-text-3); }
html[data-theme="dark"] .det        { background: var(--wc-raised); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .det__k     { color: var(--wc-text-3); }
html[data-theme="dark"] .det__v     { color: var(--wc-text); }
html[data-theme="dark"] .det__v--mute { color: var(--wc-text-3); }
html[data-theme="dark"] .det__empty { background: var(--wc-raised); border-color: var(--wc-border); color: var(--wc-text-3); }

html[data-theme="dark"] .code       { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .raw summary { color: var(--wc-text-3); }
html[data-theme="dark"] .raw summary:hover { color: var(--wc-brand); }

html[data-theme="dark"] .val--old   { background: rgba(244, 63, 94, 0.16); color: #fda4af; }
html[data-theme="dark"] .val--new   { background: rgba(5, 150, 105, 0.18); color: #6ee7b7; }

/* ── الإعدادات ── */
html[data-theme="dark"] .set-nav          { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .set-nav__item:hover { background: var(--wc-raised); }
html[data-theme="dark"] .set-nav__item.is-on { background: rgba(61, 142, 201, 0.16); }
html[data-theme="dark"] .set-nav__icon    { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .set-nav__item.is-on .set-nav__icon { background: var(--wc-brand); color: #06121f; }
html[data-theme="dark"] .set-nav__name    { color: var(--wc-text); }
html[data-theme="dark"] .set-nav__item.is-on .set-nav__name { color: #7dd3fc; }
html[data-theme="dark"] .set-nav__hint    { color: var(--wc-text-3); }
html[data-theme="dark"] .set-nav__arrow   { color: var(--wc-text-3); }
html[data-theme="dark"] .suffix           { color: var(--wc-text-3); }

/* ── شجرة التصنيفات ── */
html[data-theme="dark"] .tree-row:hover      { background: var(--wc-raised); }
html[data-theme="dark"] .tree-row__bullet    { background: #3a5578; }
html[data-theme="dark"] .tree-caret          { color: var(--wc-text-3); }
html[data-theme="dark"] .tree-caret:hover    { background: var(--wc-raised); color: var(--wc-brand); }
html[data-theme="dark"] .tree-children       { border-inline-start-color: var(--wc-border); }

/* ── بطاقة اختيار ── */
html[data-theme="dark"] .type-card            { background: var(--wc-raised); border-color: var(--wc-border); }
html[data-theme="dark"] .type-card:hover      { border-color: #2a4a72; }
html[data-theme="dark"] .type-card--on        { background: rgba(61, 142, 201, 0.14); border-color: rgba(61, 142, 201, 0.4); }
html[data-theme="dark"] .type-card__check     { background: var(--wc-surface); border-color: var(--wc-border); }
html[data-theme="dark"] .type-card--on .type-card__check { background: var(--wc-brand); border-color: var(--wc-brand); color: #06121f; }

/* ── قائمة اختيار مخصّصة ── */
html[data-theme="dark"] .wc-select__trigger       { background: var(--wc-surface); border-color: var(--wc-border); }
html[data-theme="dark"] .wc-select__trigger:hover { border-color: #2a4a72; }
html[data-theme="dark"] .wc-select__trigger:focus-visible,
html[data-theme="dark"] .wc-select__trigger[aria-expanded="true"] {
    border-color: rgba(61, 142, 201, 0.45);
    box-shadow: 0 0 0 4px rgba(61, 142, 201, 0.1);
}
html[data-theme="dark"] .wc-select__value         { color: var(--wc-text); }
html[data-theme="dark"] .wc-select__value--empty  { color: var(--wc-text-3); }
html[data-theme="dark"] .wc-select__caret         { color: var(--wc-text-3); }
html[data-theme="dark"] .wc-select__panel         { background: var(--wc-surface); border-color: var(--wc-border); box-shadow: 0 18px 40px -16px rgba(2, 8, 18, 0.8); }
html[data-theme="dark"] .wc-select__search        { border-bottom-color: var(--wc-border-sf); }
html[data-theme="dark"] .wc-select__search input  { color: var(--wc-text); }
html[data-theme="dark"] .wc-select__search i      { color: var(--wc-text-3); }
html[data-theme="dark"] .wc-select__opt--cursor   { background: var(--wc-raised); }
html[data-theme="dark"] .wc-select__opt--on       { background: rgba(61, 142, 201, 0.16); }
html[data-theme="dark"] .wc-select__opt-label     { color: var(--wc-text); }
html[data-theme="dark"] .wc-select__opt--on .wc-select__opt-label,
html[data-theme="dark"] .wc-select__opt--on .wc-select__tick { color: #7dd3fc; }
html[data-theme="dark"] .wc-select__opt-hint      { color: var(--wc-text-3); }
html[data-theme="dark"] .wc-select__empty         { color: var(--wc-text-3); }

/* ── منطقة إفلات الصورة ── */
html[data-theme="dark"] .drop            { background: var(--wc-raised); border-color: var(--wc-border); }
html[data-theme="dark"] .drop:hover      { border-color: #2a4a72; }
html[data-theme="dark"] .drop--over      { background: rgba(61, 142, 201, 0.1); border-color: var(--wc-brand); }
html[data-theme="dark"] .drop__icon,
html[data-theme="dark"] .drop__preview   { background: var(--wc-surface); border-color: var(--wc-border); color: var(--wc-text-3); }
html[data-theme="dark"] .drop__title     { color: var(--wc-text); }
html[data-theme="dark"] .drop__hint      { color: var(--wc-text-3); }
html[data-theme="dark"] .drop__link      { color: var(--wc-brand); }
html[data-theme="dark"] .item-thumb      { background: var(--wc-surface); border-color: var(--wc-border); }
html[data-theme="dark"] .item-thumb--empty { background: var(--wc-raised); color: var(--wc-text-3); }

/* ── عارض الصورة والقصّ ── */
html[data-theme="dark"] .lightbox__close  { background: var(--wc-surface); color: var(--wc-text-2); }
html[data-theme="dark"] .lightbox__close:hover { background: var(--wc-raised); color: var(--wc-text); }
html[data-theme="dark"] .lightbox img     { background: var(--wc-surface); }
html[data-theme="dark"] .cropper-stage    { background: #060d18; }
html[data-theme="dark"] .crop-tools__sep  { background: var(--wc-border); }
html[data-theme="dark"] .crop-tool        { background: var(--wc-raised); border-color: var(--wc-border); color: var(--wc-text-2); }
html[data-theme="dark"] .crop-tool:hover  { background: #1f3454; color: var(--wc-text); }
html[data-theme="dark"] .crop-tool--on    { background: rgba(61, 142, 201, 0.16); border-color: rgba(61, 142, 201, 0.4); color: #7dd3fc; }

/* ── صفحة الصنف ── */
html[data-theme="dark"] .show-art       { background: var(--wc-raised); border-color: var(--wc-border); }
html[data-theme="dark"] .show-art--empty { color: var(--wc-text-3); }
html[data-theme="dark"] .view-thumb     { background: var(--wc-raised); border-color: var(--wc-border); }
html[data-theme="dark"] .pill--muted    { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .kv-grid .kv { background: var(--wc-raised); border-color: var(--wc-border-sf); }

/* ── بطاقة انتحال الهوية ── */
html[data-theme="dark"] .imp-chip        { background: rgba(242, 178, 51, 0.14); border-color: rgba(242, 178, 51, 0.4); color: #f8d88a; }
html[data-theme="dark"] .imp-chip__back  { background: rgba(242, 178, 51, 0.18); }
html[data-theme="dark"] .imp-chip__back:hover { background: rgba(242, 178, 51, 0.3); }
html[data-theme="dark"] .u-avatar--online::after { box-shadow: 0 0 0 2px var(--wc-surface); }
html[data-theme="dark"] .perm-chip { background: var(--wc-raised); color: var(--wc-text-2); }

/* ── سطر سند ── */
html[data-theme="dark"] .doc-line          { background: var(--wc-raised); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .doc-line__no      { color: var(--wc-text-3); }
html[data-theme="dark"] .doc-line__onhand,
html[data-theme="dark"] .doc-line__auto    { color: var(--wc-text-3); }

/* ألوان حالة السند */
html[data-theme="dark"] .pill--slate   { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .pill--emerald { background: rgba(5, 150, 105, 0.18); color: #6ee7b7; }
html[data-theme="dark"] .pill--rose    { background: rgba(225, 29, 72, 0.18); color: #fda4af; }
html[data-theme="dark"] .pill--amber   { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
html[data-theme="dark"] .attach-row        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .attach-row__thumb { background: var(--wc-raised); border-color: var(--wc-border); }

/* ── بطاقة رقم في صفحة المخزن ── */
html[data-theme="dark"] .wh-stat        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .wh-stat__icon  { background: rgba(61, 142, 201, 0.16); color: #7dd3fc; }
html[data-theme="dark"] .wh-stat__value { color: var(--wc-text); }
html[data-theme="dark"] .wh-stat__label { color: var(--wc-text-3); }
html[data-theme="dark"] .wh-stat--warn .wh-stat__icon  { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }
html[data-theme="dark"] .wh-stat--warn .wh-stat__value { color: #fcd34d; }

/* ── بطاقة حساب ── */
html[data-theme="dark"] .cash-card         { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .cash-card:hover   { background: var(--wc-raised); border-color: rgba(61, 142, 201, 0.3); }
html[data-theme="dark"] .cash-card__icon   { background: rgba(61, 142, 201, 0.16); color: #7dd3fc; }
html[data-theme="dark"] .bal__num   { color: var(--wc-text); }
html[data-theme="dark"] .bal__cur   { color: var(--wc-text-3); }
html[data-theme="dark"] .bal--neg  .bal__num { color: #fda4af; }
html[data-theme="dark"] .bal--zero .bal__num { color: var(--wc-text-3); }

html[data-theme="dark"] .cash-total          { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .cash-total__cur     { color: var(--wc-text-3); }
html[data-theme="dark"] .cash-total__value   { color: #7dd3fc; }
html[data-theme="dark"] .cash-total__meta    { color: var(--wc-text-3); }
html[data-theme="dark"] .cash-total--neg .cash-total__value { color: #fda4af; }

html[data-theme="dark"] .cash-group__name  { color: var(--wc-text-2); }
html[data-theme="dark"] .cash-group__count { color: var(--wc-text-3); background: var(--wc-raised); }
html[data-theme="dark"] .cash-group__rule  { background: var(--wc-border-sf); }

html[data-theme="dark"] .sup-row        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .sup-row:hover  { background: var(--wc-raised); border-color: rgba(61, 142, 201, 0.3); }
html[data-theme="dark"] .sup-row__icon  { background: rgba(61, 142, 201, 0.16); color: #7dd3fc; }
html[data-theme="dark"] .sup-row__cur   { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-2); }
html[data-theme="dark"] .sup-row__docs  { color: var(--wc-text-3); }
html[data-theme="dark"] .sup-row__act   { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .sup-row__act:hover { background: rgba(61, 142, 201, 0.18); border-color: rgba(61, 142, 201, 0.35); color: #7dd3fc; }
html[data-theme="dark"] .sup-row__act--danger:hover { background: rgba(190, 18, 60, 0.15); border-color: rgba(253, 164, 175, 0.3); color: #fda4af; }
html[data-theme="dark"] .sup-doc        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .sup-doc:hover  { background: var(--wc-raised); border-color: rgba(61, 142, 201, 0.3); }

html[data-theme="dark"] .cd-line         { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .cd-line__del    { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .cd-line__del:hover { background: rgba(190, 18, 60, 0.15); border-color: rgba(253, 164, 175, 0.3); color: #fda4af; }
html[data-theme="dark"] .stk-cta:hover      { background: var(--wc-raised); border-color: rgba(61, 142, 201, 0.4); }
html[data-theme="dark"] .stk-cta .emp-stat__v { color: #7dd3fc; }
html[data-theme="dark"] .isnad__word       { color: #e8eef6; }
html[data-theme="dark"] .isnad__glyph      { color: #e8eef6; }
html[data-theme="dark"] .isnad__tag        { color: var(--wc-text-3); }
html[data-theme="dark"] .logo-card        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .logo-card__frame { background: var(--wc-raised); }
html[data-theme="dark"] .logo-card__btn   { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .logo-card__btn:hover { background: rgba(61, 142, 201, 0.18); border-color: rgba(61, 142, 201, 0.35); color: #7dd3fc; }
html[data-theme="dark"] .logo-card__btn--danger:hover { background: rgba(190, 18, 60, 0.15); border-color: rgba(253, 164, 175, 0.3); color: #fda4af; }
html[data-theme="dark"] .logo-card__busy  { background: rgba(10, 20, 36, 0.75); color: var(--wc-text-2); }
html[data-theme="dark"] .stk-progress__bar  { background: var(--wc-raised); }
html[data-theme="dark"] .stk-progress__fill { background: #3d8ec9; }
html[data-theme="dark"] .stk-progress__text { color: var(--wc-text-2); }
html[data-theme="dark"] .emp-stat        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .emp-stat__k     { color: var(--wc-text-3); }
html[data-theme="dark"] .emp-stat__v     { color: #7dd3fc; }
html[data-theme="dark"] .emp-stat__m     { color: var(--wc-text-3); }
html[data-theme="dark"] .emp-stat--locked .emp-stat__v { color: var(--wc-text-3); }
html[data-theme="dark"] .emp-fact        { border-bottom-color: var(--wc-border-sf); }
html[data-theme="dark"] .emp-fact__k     { color: var(--wc-text-3); }
html[data-theme="dark"] .emp-fact__v     { color: var(--wc-text); }
html[data-theme="dark"] .emp-fact__v--empty { color: var(--wc-text-3); }
html[data-theme="dark"] .emp-thumb       { background: var(--wc-raised); }
html[data-theme="dark"] .emp-thumb--blank,
html[data-theme="dark"] .emp-avatar--blank { background: rgba(61, 142, 201, 0.16); color: #7dd3fc; }
html[data-theme="dark"] .emp-avatar      { background: var(--wc-raised); }
html[data-theme="dark"] .emp-photo       { background: var(--wc-raised); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .emp-photo:hover,
html[data-theme="dark"] .emp-photo--over { background: var(--wc-surface); border-color: rgba(61, 142, 201, 0.35); }
html[data-theme="dark"] .emp-photo__blank { color: var(--wc-text-3); }
html[data-theme="dark"] .cash-card__hidden { color: var(--wc-text-3); }

html[data-theme="dark"] .xfer        { background: var(--wc-surface); border-color: var(--wc-border-sf); }
html[data-theme="dark"] .xfer:hover  { background: var(--wc-raised); border-color: rgba(61, 142, 201, 0.3); }
html[data-theme="dark"] .xfer__arrow { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .xfer__acc   { color: var(--wc-text); }
html[data-theme="dark"] .xfer__role  { color: var(--wc-text-3); }
html[data-theme="dark"] .xfer__meta  { color: var(--wc-text-3); border-top-color: var(--wc-border-sf); }
html[data-theme="dark"] .xfer__out   { color: #fda4af; }
html[data-theme="dark"] .xfer__in    { color: #6ee7b7; }
html[data-theme="dark"] .xfer__act   { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .xfer__act:hover { background: rgba(190, 18, 60, 0.15); border-color: rgba(253, 164, 175, 0.3); color: #fda4af; }
html[data-theme="dark"] .xfer__rate  { background: var(--wc-raised); border-color: var(--wc-border-sf); color: var(--wc-text-3); }
html[data-theme="dark"] .field__input--locked { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .cur-chip       { background: var(--wc-raised); border-color: var(--wc-border); color: var(--wc-text-2); }
html[data-theme="dark"] .cur-chip:hover { background: #1f3454; }
html[data-theme="dark"] .cur-chip--on   { background: rgba(61, 142, 201, 0.16); border-color: rgba(61, 142, 201, 0.4); color: #7dd3fc; }
html[data-theme="dark"] .wh-stat--on { border-color: rgba(61, 142, 201, 0.4); background: rgba(61, 142, 201, 0.12); }


/* ── لوحات الشريط السفلي ── */
html[data-theme="dark"] .bsheet__panel      { background: var(--wc-surface); }
html[data-theme="dark"] .bsheet__grab::before { background: var(--wc-border); }
html[data-theme="dark"] .bsheet__head       { border-bottom-color: var(--wc-border-sf); }
html[data-theme="dark"] .bsheet__title      { color: var(--wc-text); }
html[data-theme="dark"] .bsheet__hint,
html[data-theme="dark"] .bsheet__empty      { color: var(--wc-text-3); }
html[data-theme="dark"] .bsheet__x          { background: var(--wc-raised); color: var(--wc-text-2); }
html[data-theme="dark"] .bsheet__group + .bsheet__group { border-top-color: var(--wc-border-sf); }
html[data-theme="dark"] .bsheet__group-head { color: var(--wc-text); }
html[data-theme="dark"] .bsheet__link       { color: var(--wc-text-2); }
html[data-theme="dark"] .bsheet__link i     { color: var(--wc-text-3); }
html[data-theme="dark"] .bsheet__link.is-active   { color: #7dd3fc; background: rgba(61, 142, 201, 0.12); }
html[data-theme="dark"] .bsheet__link.is-active i { color: #3d8ec9; }
html[data-theme="dark"] .bsheet__link--soon   { color: var(--wc-text-3); }
html[data-theme="dark"] .bsheet__link--soon i { color: var(--wc-border); }
html[data-theme="dark"] .bsheet__soon        { background: rgba(245, 158, 11, 0.18); color: #fcd34d; }