/* ==========================================================================
   Salam BI — ثيم «الأزرق الملكي والقرمزي» (Royal Blue & Crimson Premium)
   id: royal-blue-crimson — نهاري + ليلي
   - نظام الثيمات في البرنامج: html[data-color-theme="<id>"] + كلاس .dark للوضع الليلي
     (بدل data-theme / data-mode في الملف المرجعي) — نفس المحدد ونفس التخزين في localStorage.
   - التوكنات في الأعلى، والمكونات تقرأ المتغيرات فقط → نفس قواعد المكونات للوضعين.
   - كل القواعد مقيدة بـ [data-color-theme="royal-blue-crimson"] فلا تمس أي ثيم آخر.
   ========================================================================== */

/* ---------------- ألوان العلامة المشتركة ---------------- */
html[data-color-theme="royal-blue-crimson"] {
  --brand-blue: #0B3D91; --brand-blue-light: #2563C7; --brand-blue-bright: #3B82F6; --brand-blue-deep: #06285F;
  --brand-red: #E10600; --brand-red-light: #FF3030; --brand-red-dark: #B80000;
  --brand-light-blue: #E8F1FB; --brand-steel-blue: #6B7893;
  --success: #159A65; --warning: #F2A900; --info: #0B83D9;
  --chart-blue: #0B3D91; --chart-blue-light: #3B82F6; --chart-red: #E10600; --chart-cyan: #22B8CF;
  --chart-green: #159A65; --chart-yellow: #F2A900; --chart-purple: #8064D9;
  --rbc-radius: 16px;
  --rbc-ease: 200ms cubic-bezier(.2, .8, .2, 1);
  /* شاشة الدخول */
  --login-panel: linear-gradient(145deg, #06285F 0%, #0B3D91 55%, #0E1726 100%);
  --login-panel-shadow: rgba(6, 40, 95, 0.5);
  --login-accent: #FF3030; --login-accent-soft: #CFE0F7;
  --login-glow: rgba(225, 6, 0, 0.28); --login-glow-2: rgba(59, 130, 246, 0.28);
  --login-slice: linear-gradient(135deg, #0B3D91 0%, #2563C7 55%, #E10600 100%);
  --login-page-light: linear-gradient(120deg, #FFFFFF 0%, #E8F1FB 55%, #D7E7FA 100%);
}

/* ---------------- الوضع النهاري ---------------- */
html:not(.dark)[data-color-theme="royal-blue-crimson"] {
  --app-bg: #F7FAFF; --app-bg-secondary: #EDF3FA;
  --surface: #FFFFFF; --surface-secondary: #F2F6FC; --surface-hover: #E8F1FB;
  --brand-primary: #0B3D91; --brand-primary-hover: #082F73; --brand-secondary: #2563C7;
  --accent: #E10600; --accent-hover: #B80000; --accent-soft: #FDE8E7;
  --text-primary: #0F2D5B; --text-secondary: #526176; --text-muted: #5E6B85; /* ≥4.7:1 على كل خلفيات النهاري */
  --accent-text: #C00500; /* قرمزي أغمق للنص فوق --accent-soft (5.5:1) */
  --border: #D5E2F2; --divider: #E5ECF5;
  --card-bg: rgba(255, 255, 255, 0.88);
  --card-shadow: 0 10px 30px rgba(11, 61, 145, 0.08);
  --card-shadow-hover: 0 16px 38px rgba(11, 61, 145, 0.13);
  --focus-ring: rgba(37, 99, 199, 0.25);
  --rbc-side-bg: #FFFFFF; --rbc-top-bg: rgba(255, 255, 255, 0.92);
  --rbc-input-bg: #F2F6FC; --rbc-thead: #E8F1FB; --rbc-secondary-btn: #E8F1FB;
  --rbc-hero: linear-gradient(120deg, #FFFFFF 0%, #E8F1FB 55%, #D7E7FA 100%);
  --rbc-page-bg:
    radial-gradient(1100px 620px at 100% -5%, rgba(37, 99, 199, 0.08), transparent 62%),
    radial-gradient(900px 520px at -5% 105%, rgba(225, 6, 0, 0.04), transparent 60%),
    linear-gradient(180deg, #F7FAFF 0%, #EDF3FA 100%);
  --rbc-icon-ink: #0B3D91;

  /* ربط التوكنات بمتغيرات البرنامج الحالية */
  --brand-50: 232 241 251;  --brand-100: 211 227 247; --brand-200: 170 199 238; --brand-300: 121 163 225;
  --brand-400: 67 120 210;  --brand-500: 37 99 199;   --brand-600: 11 61 145;   --brand-700: 8 47 115;
  --brand-800: 6 40 95;     --brand-900: 8 31 59;     --brand-950: 5 18 36;
  --slate-50: 247 250 255;  --slate-100: 237 243 250; --slate-200: 213 226 242; --slate-300: 190 203 221;
  --slate-400: 140 154 178; --slate-500: 107 120 147; --slate-600: 82 97 118;   --slate-700: 52 73 110;
  --slate-800: 31 58 102;   --slate-900: 15 45 91;    --slate-950: 8 31 59;
  --surface-light: 247 250 255; --surface-lightcard: 255 255 255; --surface-lightborder: 213 226 242;
  --bg: #F7FAFF; --panel: #FFFFFF; --card: #FFFFFF; --line: #D5E2F2;
  --text: #0F2D5B; --muted: #526176;
  --navy: #0B3D91; --navy-2: #082F73; --navy-3: #2563C7; --danger: #E10600;
  --palette-accent: #0B3D91; --palette-accent-hover: #082F73; --palette-accent-shadow: rgba(11, 61, 145, 0.26);
  --palette-pill-bg: #E8F1FB; --palette-focus-ring: rgba(37, 99, 199, 0.25); --palette-tint: rgba(11, 61, 145, 0.05);
  --palette-table-th: #E8F1FB; --palette-table-border: #0B3D91;
  --palette-accent-grad: linear-gradient(135deg, #0B3D91, #2563C7);
  --theme-primary: #0B3D91; --theme-secondary: #2563C7; --theme-accent: #E10600;
  --theme-gradient: linear-gradient(135deg, #0B3D91, #2563C7);
  --on-primary: #FFFFFF;
  --row-alt: #F7FAFF; --row-hover: #E8F1FB;
  --chart-muted: #8C9AB2; --chart-grid: #E5ECF5; --chart-text: #0F2D5B; --chart-text-soft: #526176;
  --chart-target: #E10600;
  --chart-palette: #0B3D91, #E10600, #3B82F6, #22B8CF, #159A65, #F2A900, #8064D9;
}

/* ---------------- الوضع الليلي ---------------- */
html.dark[data-color-theme="royal-blue-crimson"] {
  --app-bg: #0E1726; --app-bg-secondary: #101E32;
  --surface: #16263F; --surface-secondary: #1B304D; --surface-hover: #223B5D;
  --brand-primary: #0B3D91; --brand-primary-hover: #1456B8; --brand-secondary: #3B82F6;
  --accent: #FF3030; --accent-hover: #FF5555; --accent-soft: rgba(225, 6, 0, 0.16);
  --text-primary: #F1F5FB; --text-secondary: #C0CCDD; --text-muted: #9AA9C4;
  --accent-text: #FF7A7A; /* فوق --accent-soft في الليلي (5.8:1) */
  --border: rgba(154, 169, 196, 0.18); --divider: rgba(154, 169, 196, 0.12);
  --card-bg: rgba(22, 38, 63, 0.88);
  --card-shadow: 0 16px 40px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --card-shadow-hover: 0 20px 48px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --focus-ring: rgba(59, 130, 246, 0.35);
  --rbc-side-bg: #0B1A30; --rbc-top-bg: rgba(14, 23, 38, 0.90);
  --rbc-input-bg: #101E32; --rbc-thead: #1B304D; --rbc-secondary-btn: #223B5D;
  --rbc-hero: linear-gradient(120deg, #0E1726 0%, #102D52 55%, #0B3D91 100%);
  --rbc-page-bg:
    radial-gradient(1100px 650px at 100% -5%, rgba(59, 130, 246, 0.16), transparent 62%),
    radial-gradient(850px 520px at -5% 105%, rgba(225, 6, 0, 0.07), transparent 60%),
    linear-gradient(180deg, #0E1726 0%, #101E32 100%);
  --rbc-icon-ink: #8DB8FF;

  --brand-50: 232 241 251;  --brand-100: 211 227 247; --brand-200: 170 199 238; --brand-300: 141 184 255;
  --brand-400: 96 154 248;  --brand-500: 59 130 246;  --brand-600: 37 99 199;   --brand-700: 20 86 184;
  --brand-800: 11 61 145;   --brand-900: 6 40 95;     --brand-950: 5 18 36;
  --slate-50: 241 245 251;  --slate-100: 228 234 244; --slate-200: 205 214 230; --slate-300: 192 204 221;
  --slate-400: 154 169 196; --slate-500: 115 133 165; --slate-600: 79 106 146;  --slate-700: 52 80 122;
  --slate-800: 34 59 93;    --slate-900: 22 38 63;    --slate-950: 14 23 38;
  --surface-dark: 14 23 38; --surface-darkcard: 22 38 63; --surface-darkborder: 39 60 92;
  --bg: #0E1726; --panel: #16263F; --card: #16263F; --line: rgba(154, 169, 196, 0.18);
  --text: #F1F5FB; --muted: #C0CCDD;
  --navy: #3B82F6; --navy-2: #1456B8; --navy-3: #8DB8FF; --danger: #FF3030;
  --palette-accent: #3B82F6; --palette-accent-hover: #1456B8; --palette-accent-shadow: rgba(59, 130, 246, 0.38);
  --palette-pill-bg: rgba(59, 130, 246, 0.16); --palette-focus-ring: rgba(59, 130, 246, 0.35); --palette-tint: rgba(59, 130, 246, 0.07);
  --palette-table-th: #1B304D; --palette-table-border: #3B82F6;
  --palette-accent-grad: linear-gradient(135deg, #0B3D91, #1456B8);
  --theme-primary: #3B82F6; --theme-secondary: #1456B8; --theme-accent: #FF3030;
  --theme-gradient: linear-gradient(135deg, #0B3D91, #1456B8);
  --on-primary: #FFFFFF;
  --row-alt: rgba(16, 30, 50, 0.6); --row-hover: rgba(59, 130, 246, 0.10);
  --chart-muted: #8394B3; --chart-grid: rgba(154, 169, 196, 0.12); --chart-text: #F1F5FB; --chart-text-soft: #C0CCDD;
  --chart-target: #FF3030;
  --chart-palette: #3B82F6, #FF3030, #8DB8FF, #22B8CF, #1FB97C, #F2A900, #9C84F0;
}

/* ==========================================================================
   المكونات (مشتركة بين الوضعين — تقرأ التوكنات فقط)
   ========================================================================== */

html[data-color-theme="royal-blue-crimson"],
html[data-color-theme="royal-blue-crimson"] body { background: var(--rbc-page-bg) fixed !important; color: var(--text-primary); }
html[data-color-theme="royal-blue-crimson"] .v6-main { background: transparent !important; }

/* ---------------- الشريط العلوي والبحث ---------------- */
html[data-color-theme="royal-blue-crimson"] .v6-top,
html[data-color-theme="royal-blue-crimson"] header.sticky.top-0 {
  background: var(--rbc-top-bg) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 4px 18px rgba(11, 61, 145, 0.06);
}
html[data-color-theme="royal-blue-crimson"] .v6-brand { border-color: var(--divider); }
html[data-color-theme="royal-blue-crimson"] .v6-brand-mark {
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-blue-light));
  color: #FFFFFF; border-radius: 10px; position: relative;
  box-shadow: 0 6px 14px rgba(11, 61, 145, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
html[data-color-theme="royal-blue-crimson"] .v6-brand-mark::after {
  content: ""; position: absolute; inset: auto 6px -3px 6px; height: 3px; border-radius: 3px; background: var(--brand-red);
}
html[data-color-theme="royal-blue-crimson"] .v6-brand-name { color: var(--text-primary); font-weight: 900; }
html[data-color-theme="royal-blue-crimson"] .v6-mod { color: var(--text-secondary); }
html[data-color-theme="royal-blue-crimson"] .v6-mod:hover { color: var(--text-primary); background: var(--surface-hover); }
html[data-color-theme="royal-blue-crimson"] .v6-mod.is-active { color: var(--text-primary); background: var(--surface-hover); }
html[data-color-theme="royal-blue-crimson"] .v6-mod.is-active::after { background: var(--accent); height: 3px; }
html[data-color-theme="royal-blue-crimson"] .v6-icon-btn { color: var(--rbc-icon-ink); }
html[data-color-theme="royal-blue-crimson"] .v6-icon-btn:hover { background: var(--surface-hover); color: var(--rbc-icon-ink); }
html[data-color-theme="royal-blue-crimson"] .v6-dot { background: var(--accent); box-shadow: 0 0 0 2px var(--surface); }
html[data-color-theme="royal-blue-crimson"] .v6-avatar {
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-blue-light)); color: #FFFFFF;
  box-shadow: 0 0 0 2px var(--surface), 0 0 0 3px var(--border);
}
html[data-color-theme="royal-blue-crimson"] .v6-user { border-color: var(--divider); }
html[data-color-theme="royal-blue-crimson"] .v6-user-name { color: var(--text-primary); }
html[data-color-theme="royal-blue-crimson"] #modalSearchInput { color: var(--text-primary) !important; }
html[data-color-theme="royal-blue-crimson"] #colorThemeMenu { background: var(--surface) !important; border-color: var(--border) !important; }

/* ---------------- القائمة الجانبية ---------------- */
html[data-color-theme="royal-blue-crimson"] .v6-side,
html[data-color-theme="royal-blue-crimson"] #appSidebar {
  background: var(--rbc-side-bg) !important;
  border-color: var(--border) !important;
  box-shadow: -6px 0 24px rgba(11, 61, 145, 0.05);
}
html[data-color-theme="royal-blue-crimson"] .v6-sec > summary { color: var(--text-primary); }
html[data-color-theme="royal-blue-crimson"] .v6-item { color: var(--text-secondary); border-radius: 10px; transition: background-color var(--rbc-ease), color var(--rbc-ease); }
html[data-color-theme="royal-blue-crimson"] .v6-item > i,
html[data-color-theme="royal-blue-crimson"] .v6-item > svg { color: var(--rbc-icon-ink); }
html[data-color-theme="royal-blue-crimson"] .v6-item:hover { color: var(--text-primary); background: var(--surface-hover); }
/* العنصر النشط: تدرج أزرق ملكي + خط قرمزي على حافة البداية (يمين في العربي) */
html[data-color-theme="royal-blue-crimson"] .v6-item.is-active,
html[data-color-theme="royal-blue-crimson"] #appSidebar .nav-link.font-semibold {
  background: linear-gradient(135deg, #0B3D91, #1456B8) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: inset -3px 0 0 var(--brand-red), 0 8px 18px rgba(11, 61, 145, 0.25) !important;
}
html[dir="ltr"][data-color-theme="royal-blue-crimson"] .v6-item.is-active,
html[data-color-theme="royal-blue-crimson"] [dir="ltr"] .v6-item.is-active {
  box-shadow: inset 3px 0 0 var(--brand-red), 0 8px 18px rgba(11, 61, 145, 0.25) !important;
}
html.dark[data-color-theme="royal-blue-crimson"] .v6-item.is-active {
  box-shadow: inset -3px 0 0 var(--brand-red), 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 14px rgba(225, 6, 0, 0.16) !important;
}
html[data-color-theme="royal-blue-crimson"] .v6-item.is-active > i,
html[data-color-theme="royal-blue-crimson"] .v6-item.is-active > svg { color: #FFFFFF; }
html[data-color-theme="royal-blue-crimson"] .v6-item.is-active > em { background: var(--brand-red); color: #FFFFFF; }
html[data-color-theme="royal-blue-crimson"] .v6-side-foot { border-top-color: var(--divider); color: var(--text-muted); }
html[data-color-theme="royal-blue-crimson"] .v6-side-handle { background: var(--surface); border-color: var(--border); color: var(--rbc-icon-ink); }

/* ---------------- مسار التنقل والقائمة المنبثقة وشريط التشغيل ---------------- */
html[data-color-theme="royal-blue-crimson"] .v6-crumbs { background: var(--rbc-top-bg); border-bottom-color: var(--divider); }
html[data-color-theme="royal-blue-crimson"] .v6-mega {
  background: var(--surface); border-color: var(--border); box-shadow: var(--card-shadow-hover); border-radius: var(--rbc-radius);
}
html[data-color-theme="royal-blue-crimson"] .v6-mega-title { color: var(--text-primary); border-bottom: 2px solid var(--accent); }
html[data-color-theme="royal-blue-crimson"] .v6-mega-col li a.is-current { color: var(--accent-text); background: var(--accent-soft); }
html[data-color-theme="royal-blue-crimson"] .v6-runbar { background: var(--rbc-top-bg) !important; border-top: 1px solid var(--border); }

/* ---------------- البانر العلوي للصفحة الرئيسية ---------------- */
html[data-color-theme="royal-blue-crimson"] .page-hero {
  position: relative; overflow: hidden;
  background: var(--rbc-hero) !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  box-shadow: var(--card-shadow) !important;
}
html[data-color-theme="royal-blue-crimson"] .page-hero::before {
  /* خط قرمزي رفيع أسفل البانر */
  content: ""; position: absolute; inset: auto 0 0 0; height: 3px;
  background: linear-gradient(90deg, transparent 0%, var(--brand-red) 18%, var(--brand-red) 38%, transparent 70%);
  pointer-events: none;
}
html[data-color-theme="royal-blue-crimson"] .page-hero::after {
  /* لمسة قرمزية رأسية على حافة البداية (يمين في العربي) */
  content: ""; position: absolute; top: 22px; inset-inline-start: 0; width: 4px; height: 44px;
  border-radius: 0 4px 4px 0; background: var(--brand-red); pointer-events: none;
}
html[data-color-theme="royal-blue-crimson"] .page-hero > * { position: relative; z-index: 1; }
html[data-color-theme="royal-blue-crimson"] .page-hero h2 { color: var(--text-primary) !important; letter-spacing: -.2px; }

/* ---------------- البطاقات (زجاج خفيف + عمق) ---------------- */
html[data-color-theme="royal-blue-crimson"] .results-card,
html[data-color-theme="royal-blue-crimson"] .sidebar-card,
html[data-color-theme="royal-blue-crimson"] .filter-panel-card,
html[data-color-theme="royal-blue-crimson"] .actions-stack,
html[data-color-theme="royal-blue-crimson"] .palette-option-card,
html[data-color-theme="royal-blue-crimson"] .kpi-card,
html[data-color-theme="royal-blue-crimson"] .cin-panel,
html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard.rounded-2xl:not(.page-hero),
html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard.rounded-xl {
  background: var(--card-bg) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border: 1px solid var(--border) !important;
  border-radius: var(--rbc-radius) !important;
  box-shadow: var(--card-shadow) !important;
}
html[data-color-theme="royal-blue-crimson"] .palette-option-card.selected {
  border: 2px solid var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-soft), var(--card-shadow) !important;
}

/* أيقونات مؤشرات الأداء: مربعات ملونة بعمق خفيف */
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl { color: #FFFFFF !important; box-shadow: 0 6px 14px rgba(11, 61, 145, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22); }
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-blue-500\/10    { background: linear-gradient(135deg, #0B3D91, #2563C7) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-red-500\/10     { background: linear-gradient(135deg, #E10600, #FF3030) !important; box-shadow: 0 6px 14px rgba(225, 6, 0, 0.25) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-emerald-500\/10 { background: linear-gradient(135deg, #12855A, #159A65) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-amber-500\/10   { background: linear-gradient(135deg, #D99700, #F2A900) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-purple-500\/10  { background: linear-gradient(135deg, #2563C7, #3B82F6) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl > * { color: #FFFFFF !important; }
/* الكهرماني فاتح: أيقونته كحلي عشان التباين */
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-amber-500\/10,
html[data-color-theme="royal-blue-crimson"] .v6-page .w-9.h-9.rounded-xl.bg-amber-500\/10 > * { color: #0F2D5B !important; }

/* ---------------- الشارات ---------------- */
html[data-color-theme="royal-blue-crimson"] .v6-page span.rounded-full.bg-brand-500\/10,
html[data-color-theme="royal-blue-crimson"] .v6-page span.rounded-full.bg-blue-500\/10 {
  background: var(--surface-hover) !important; color: var(--rbc-icon-ink) !important; border-color: var(--border) !important;
}
html[data-color-theme="royal-blue-crimson"] .v6-page span.rounded-full.bg-emerald-500\/10 {
  background: rgba(21, 154, 101, 0.10) !important; color: #0E7A50 !important; border-color: rgba(21, 154, 101, 0.25) !important;
}
html.dark[data-color-theme="royal-blue-crimson"] .v6-page span.rounded-full.bg-emerald-500\/10 { color: #4ADE9F !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page span.rounded-full.bg-red-500\/10 {
  background: var(--accent-soft) !important; color: #C00500 !important; border-color: rgba(225, 6, 0, 0.28) !important;
}
html.dark[data-color-theme="royal-blue-crimson"] .v6-page span.rounded-full.bg-red-500\/10 { color: #FF7A7A !important; }

/* ---------------- الرسوم البيانية (ApexCharts) ---------------- */
html[data-color-theme="royal-blue-crimson"] .apexcharts-tooltip {
  background: var(--surface) !important; color: var(--text-primary) !important;
  border: 1px solid var(--border) !important; border-radius: 10px !important;
  box-shadow: var(--card-shadow-hover) !important;
}
html[data-color-theme="royal-blue-crimson"] .apexcharts-tooltip-title {
  background: var(--surface-secondary) !important; border-bottom-color: var(--divider) !important; color: var(--text-primary) !important;
}
html[data-color-theme="royal-blue-crimson"] .apexcharts-xaxistooltip { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text-primary) !important; }
html[data-color-theme="royal-blue-crimson"] .apexcharts-legend-text { color: var(--text-secondary) !important; }
/* أزرار تبديل الرسم (الفترة · المقياس · النوع): النشط أزرق ملكي */
html[data-color-theme="royal-blue-crimson"] button[onclick^="switch"].shadow-sm {
  background: var(--brand-blue) !important; color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(11, 61, 145, 0.28) !important;
}
html.dark[data-color-theme="royal-blue-crimson"] button[onclick^="switch"].shadow-sm { background: #1456B8 !important; }

/* ---------------- الجداول ---------------- */
html[data-color-theme="royal-blue-crimson"] table thead th {
  background: var(--rbc-thead) !important;
  color: var(--text-primary) !important;
  font-weight: 800;
  border-bottom: 1px solid var(--border) !important;
}
html[data-color-theme="royal-blue-crimson"] table tbody td { border-color: var(--divider) !important; }
html[data-color-theme="royal-blue-crimson"] table tbody tr:hover > td { background: var(--row-hover) !important; }
html[data-color-theme="royal-blue-crimson"] table tbody tr.selected > td,
html[data-color-theme="royal-blue-crimson"] table tbody tr[aria-selected="true"] > td { background: var(--accent-soft) !important; }
html[data-color-theme="royal-blue-crimson"] table tbody tr.selected > td:first-child,
html[data-color-theme="royal-blue-crimson"] table tbody tr[aria-selected="true"] > td:first-child { box-shadow: inset -3px 0 0 var(--accent); }

/* ---------------- الأزرار ---------------- */
html[data-color-theme="royal-blue-crimson"] .run-action-btn {
  background: var(--brand-blue) !important; color: #FFFFFF !important;
  border-radius: 10px; box-shadow: 0 8px 20px rgba(11, 61, 145, 0.26);
}
html[data-color-theme="royal-blue-crimson"] .run-action-btn:hover { background: #082F73 !important; }
html.dark[data-color-theme="royal-blue-crimson"] .run-action-btn:hover { background: #1456B8 !important; }
/* الإجراءات المهمة (الأزرار البنفسجية/الحمراء الحالية) بالقرمزي */
html[data-color-theme="royal-blue-crimson"] .v6-page .bg-purple-600,
html[data-color-theme="royal-blue-crimson"] .v6-page a.bg-red-600,
html[data-color-theme="royal-blue-crimson"] .v6-page button.bg-red-600 { background: var(--brand-red) !important; color: #FFFFFF !important; box-shadow: 0 6px 16px rgba(225, 6, 0, 0.26) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .bg-purple-600:hover,
html[data-color-theme="royal-blue-crimson"] .v6-page a.bg-red-600:hover,
html[data-color-theme="royal-blue-crimson"] .v6-page button.bg-red-600:hover { background: var(--brand-red-dark) !important; }
/* بطاقة الذكاء الاصطناعي */
html[data-color-theme="royal-blue-crimson"] .v6-page .border-purple-500\/30 {
  border-color: var(--border) !important;
  background: linear-gradient(90deg, var(--surface-hover), var(--accent-soft)) !important;
}
html[data-color-theme="royal-blue-crimson"] .v6-page .bg-purple-500 { background: linear-gradient(135deg, #0B3D91, #2563C7) !important; box-shadow: 0 4px 12px rgba(11, 61, 145, 0.3) !important; }
html[data-color-theme="royal-blue-crimson"] .v6-page .bg-purple-500\/20 { background: var(--accent-soft) !important; color: var(--accent-text) !important; }

/* ---------------- الحقول ---------------- */
html[data-color-theme="royal-blue-crimson"] .v6-page select,
html[data-color-theme="royal-blue-crimson"] .v6-page input[type="text"],
html[data-color-theme="royal-blue-crimson"] .v6-page input[type="search"],
html[data-color-theme="royal-blue-crimson"] .v6-page input[type="number"],
html[data-color-theme="royal-blue-crimson"] .v6-page input[type="date"],
html[data-color-theme="royal-blue-crimson"] .v6-page textarea {
  background-color: var(--rbc-input-bg) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}
html[data-color-theme="royal-blue-crimson"] .v6-page input::placeholder,
html[data-color-theme="royal-blue-crimson"] .v6-page textarea::placeholder { color: var(--text-muted) !important; opacity: 1; }
html[data-color-theme="royal-blue-crimson"] .v6-page select:focus,
html[data-color-theme="royal-blue-crimson"] .v6-page input:focus,
html[data-color-theme="royal-blue-crimson"] .v6-page textarea:focus {
  border-color: var(--brand-blue-light) !important;
  box-shadow: 0 0 0 3px var(--focus-ring) !important;
  outline: none;
}
html[data-color-theme="royal-blue-crimson"] .v6-page :disabled { opacity: .55; cursor: not-allowed; }
html[data-color-theme="royal-blue-crimson"] input[type="checkbox"],
html[data-color-theme="royal-blue-crimson"] input[type="radio"] { accent-color: var(--palette-accent); }

/* ---------------- التقدم والتحديد والتركيز ---------------- */
html[data-color-theme="royal-blue-crimson"] progress::-webkit-progress-value { background: var(--palette-accent); }
html[data-color-theme="royal-blue-crimson"] progress::-moz-progress-bar { background: var(--palette-accent); }
html[data-color-theme="royal-blue-crimson"] ::selection { background: rgba(225, 6, 0, 0.20); color: inherit; }
html[data-color-theme="royal-blue-crimson"] :focus-visible { outline: 2px solid var(--brand-blue-bright) !important; outline-offset: 2px; }

/* ---------------- الحركة (تُلغى مع تقليل الحركة) ---------------- */
@media (prefers-reduced-motion: no-preference) {
  html[data-color-theme="royal-blue-crimson"] .kpi-card,
  html[data-color-theme="royal-blue-crimson"] .palette-option-card,
  html[data-color-theme="royal-blue-crimson"] .run-action-btn,
  html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard.rounded-xl {
    transition: transform var(--rbc-ease), box-shadow var(--rbc-ease);
  }
  html[data-color-theme="royal-blue-crimson"] .kpi-card:hover,
  html[data-color-theme="royal-blue-crimson"] .palette-option-card:hover,
  html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard.rounded-xl:hover {
    transform: translateY(-2px); box-shadow: var(--card-shadow-hover) !important;
  }
  html[data-color-theme="royal-blue-crimson"] .run-action-btn:hover { transform: translateY(-1px); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-color-theme="royal-blue-crimson"] .kpi-card,
  html[data-color-theme="royal-blue-crimson"] .palette-option-card,
  html[data-color-theme="royal-blue-crimson"] .run-action-btn,
  html[data-color-theme="royal-blue-crimson"] .v6-item,
  html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard { transition: none !important; transform: none !important; }
}

/* ---------------- الموبايل: بلا ضبابية ثقيلة للأداء ---------------- */
@media (max-width: 640px) {
  html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard.rounded-2xl,
  html[data-color-theme="royal-blue-crimson"] .v6-page .bg-surface-lightcard.rounded-xl,
  html[data-color-theme="royal-blue-crimson"] .kpi-card { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--surface) !important; }
}

/* ---------------- الطباعة ---------------- */
@media print {
  html[data-color-theme="royal-blue-crimson"],
  html[data-color-theme="royal-blue-crimson"] body { background: #FFFFFF !important; }
  html[data-color-theme="royal-blue-crimson"] .results-card { box-shadow: none !important; backdrop-filter: none !important; background: #FFFFFF !important; }
}


/* ==========================================================================
   توافق مع «الأسلوب السينمائي» (html.cin-on — مفعّل افتراضيًا)
   قواعده أقوى من قواعد الثيم، فكانت بتفرض خلفية خوخي/ملونة ووهج ملون داخل البطاقات.
   هنا الثيم بياخد الأولوية: نفس خلفيته وبطاقاته سواء الأسلوب شغال أو لا.
   ========================================================================== */
html.cin-on[data-color-theme="royal-blue-crimson"] { --cin-a: #0B3D91; --cin-b: #2563C7; --cin-c: #E10600; }
html.cin-on[data-color-theme="royal-blue-crimson"],
html.cin-on[data-color-theme="royal-blue-crimson"] body,
html.cin-on[data-color-theme="royal-blue-crimson"].dark body,
html.cin-on[data-color-theme="royal-blue-crimson"]:not(.dark) body {
  background: var(--rbc-page-bg) !important;
  background-attachment: fixed !important;
}
html.cin-on[data-color-theme="royal-blue-crimson"] body::before { display: none; }
html.cin-on[data-color-theme="royal-blue-crimson"] body > header,
html.cin-on[data-color-theme="royal-blue-crimson"]:not(.dark) body > header { background: var(--rbc-top-bg) !important; border-color: var(--border) !important; }
html.cin-on[data-color-theme="royal-blue-crimson"] #appSidebar,
html.cin-on[data-color-theme="royal-blue-crimson"]:not(.dark) #appSidebar { background: var(--rbc-side-bg) !important; border-color: var(--border) !important; }
html.cin-on[data-color-theme="royal-blue-crimson"] .cin-panel,
html.cin-on[data-color-theme="royal-blue-crimson"]:not(.dark) .cin-panel {
  background: var(--card-bg) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--card-shadow) !important;
}
html.cin-on[data-color-theme="royal-blue-crimson"] .cin-panel::before,
html.cin-on[data-color-theme="royal-blue-crimson"] .cin-panel::after { display: none; }
html.cin-on[data-color-theme="royal-blue-crimson"] .cin-tilt:hover { box-shadow: var(--card-shadow-hover) !important; }
html.cin-on[data-color-theme="royal-blue-crimson"] .cin-panel table thead tr { background: transparent; }
html.cin-on[data-color-theme="royal-blue-crimson"] .apexcharts-canvas,
html.cin-on[data-color-theme="royal-blue-crimson"] .apexcharts-svg { filter: none; }

/* البانر العلوي بعد ما سكربت الأسلوب السينمائي يضيف له cin-panel (بعد التحميل بلحظة):
   يحافظ على تدرّجه وخطوطه القرمزية بدل ما يتحول لبطاقة سادة */
html[data-color-theme="royal-blue-crimson"] .page-hero.cin-panel,
html.cin-on[data-color-theme="royal-blue-crimson"] .page-hero.cin-panel,
html.cin-on[data-color-theme="royal-blue-crimson"]:not(.dark) .page-hero.cin-panel {
  background: var(--rbc-hero) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--card-shadow) !important;
}
html.cin-on[data-color-theme="royal-blue-crimson"] .page-hero.cin-panel::before {
  display: block; content: ""; position: absolute; inset: auto 0 0 0; height: 3px; transform: none; animation: none; z-index: 0;
  background: linear-gradient(90deg, transparent 0%, var(--brand-red) 18%, var(--brand-red) 38%, transparent 70%);
}
html.cin-on[data-color-theme="royal-blue-crimson"] .page-hero.cin-panel::after {
  display: block; content: ""; position: absolute; top: 22px; inset-inline-start: 0; left: auto; width: 4px; height: 44px;
  transform: none; filter: none; opacity: 1; border-radius: 0 4px 4px 0; background: var(--brand-red); z-index: 0;
}
/* تدرّج الخلفية في الليلي أوضح شوية */
html.dark[data-color-theme="royal-blue-crimson"] {
  --rbc-page-bg:
    radial-gradient(1200px 700px at 100% -5%, rgba(59, 130, 246, 0.24), transparent 62%),
    radial-gradient(900px 560px at -5% 105%, rgba(225, 6, 0, 0.09), transparent 60%),
    linear-gradient(180deg, #0E1726 0%, #0F2240 100%);
}

/* v6.7.1 — تباين: النص الثانوي (slate-500) كان 4.24–4.36 → 5.1+، وعلامة الملخص في الليلي */
html:not(.dark)[data-color-theme="royal-blue-crimson"] { --slate-500: 94 107 133; }
html.dark[data-color-theme="royal-blue-crimson"] #qpHandle { background: #1456B8; }  /* أبيض 6.9:1 بدل 3.7 */