/* ==========================================================================
   Salam BI — ثيم «الكحلي والأحمر» (Salam Navy & Red)
   id: salam-navy-red — نهاري + ليلي
   الألوان من لوحة التصميم:
     نهاري: Primary Blue #0B3D91 · Red #E10600 · Light Blue #EBF1FB · Background #F7FAFF
            Card #FFFFFF · Text Primary #0F2D5B · Text Secondary #6B7893
     ليلي:  Navy #081F3B · Blue #0B3D91 · Red #E10600 · Dark BG #0E1726 · Card #16263F
            Text Primary #F1F5FB · Text Secondary #9AA9C4
   - الشريط الجانبي: العنصر النشط بلوك أحمر بنص أبيض
   - البطاقات بيضاء (أو كحلي في الليلي) بحواف ناعمة وظل خفيف
   - كل القواعد مقيدة بـ [data-color-theme="salam-navy-red"] فلا تمس أي ثيم آخر
   ========================================================================== */

html[data-color-theme="salam-navy-red"] {
  --nr-blue: #0B3D91; --nr-blue-2: #1652B6; --nr-red: #E10600; --nr-red-2: #B80500;
  --nr-radius: 14px;
  /* شاشة الدخول */
  --login-panel: linear-gradient(145deg, #081F3B 0%, #0B3D91 55%, #0E1726 100%);
  --login-panel-shadow: rgba(8, 31, 59, 0.5);
  --login-accent: #FF3B33; --login-accent-soft: #C9D8F5;
  --login-glow: rgba(225, 6, 0, 0.30); --login-glow-2: rgba(11, 61, 145, 0.30);
  --login-slice: linear-gradient(135deg, #0B3D91 0%, #1652B6 50%, #E10600 100%);
  --login-page-light: linear-gradient(135deg, #EBF1FB 0%, #F7FAFF 55%, #FFFFFF 100%);
}

/* ---------------- الوضع النهاري ---------------- */
html:not(.dark)[data-color-theme="salam-navy-red"] {
  --brand-50: 235 241 251;  --brand-100: 214 226 247; --brand-200: 173 197 238; --brand-300: 120 158 225;
  --brand-400: 62 115 205;  --brand-500: 22 82 182;   --brand-600: 11 61 145;   --brand-700: 9 49 118;
  --brand-800: 8 38 92;     --brand-900: 8 31 59;     --brand-950: 5 18 36;
  --slate-50: 247 250 255;  --slate-100: 238 242 248; --slate-200: 221 227 236; --slate-300: 195 202 215;
  --slate-400: 149 160 181; --slate-500: 107 120 147; --slate-600: 78 94 126;   --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: 226 233 244;
  --bg: #F7FAFF; --panel: #FFFFFF; --card: #FFFFFF; --line: #E2E9F4;
  --text: #0F2D5B; --muted: #6B7893;
  --navy: #0B3D91; --navy-2: #08306F; --navy-3: #1652B6; --danger: #E10600;
  --palette-accent: #0B3D91; --palette-accent-hover: #08306F; --palette-accent-shadow: rgba(11, 61, 145, 0.28);
  --palette-pill-bg: #EBF1FB; --palette-focus-ring: rgba(11, 61, 145, 0.22); --palette-tint: rgba(11, 61, 145, 0.05);
  --palette-table-th: #EBF1FB; --palette-table-border: #0B3D91;
  --palette-accent-grad: linear-gradient(135deg,#0B3D91,#1652B6);
  --theme-primary: #0B3D91; --theme-secondary: #E10600; --theme-accent: #E10600;
  --theme-gradient: linear-gradient(135deg,#0B3D91,#1652B6);
  --on-primary: #FFFFFF;
  --row-alt: #F7FAFF; --row-hover: rgba(11, 61, 145, 0.06);
  --chart-muted: #95A0B5; --chart-grid: #E2E9F4; --chart-text: #0F2D5B; --chart-text-soft: #6B7893;
  --nr-side: #FFFFFF; --nr-top: #FFFFFF;
  --nr-shadow: 0 4px 18px rgba(15, 45, 91, 0.07), 0 1px 3px rgba(15, 45, 91, 0.05);
  --nr-shadow-hover: 0 10px 28px rgba(15, 45, 91, 0.12);
}

/* ---------------- الوضع الليلي ---------------- */
html.dark[data-color-theme="salam-navy-red"] {
  --brand-50: 235 241 251;  --brand-100: 214 226 247; --brand-200: 173 197 238; --brand-300: 130 166 230;
  --brand-400: 92 140 222;  --brand-500: 46 104 206;  --brand-600: 22 82 182;   --brand-700: 11 61 145;
  --brand-800: 8 45 108;    --brand-900: 8 31 59;     --brand-950: 5 18 36;
  --slate-50: 241 245 251;  --slate-100: 228 234 244; --slate-200: 205 214 230; --slate-300: 177 190 212;
  --slate-400: 154 169 196; --slate-500: 115 133 165; --slate-600: 79 106 146;  --slate-700: 52 80 122;
  --slate-800: 34 56 90;    --slate-900: 22 38 63;    --slate-950: 14 23 38;
  --surface-dark: 14 23 38; --surface-darkcard: 22 38 63; --surface-darkborder: 36 58 92;
  --bg: #0E1726; --panel: #16263F; --card: #16263F; --line: #243A5C;
  --text: #F1F5FB; --muted: #9AA9C4;
  --navy: #2E68CE; --navy-2: #1652B6; --navy-3: #5C8CDE; --danger: #FF3B33;
  --palette-accent: #3E7BE0; --palette-accent-hover: #2E68CE; --palette-accent-shadow: rgba(46, 104, 206, 0.40);
  --palette-pill-bg: rgba(46, 104, 206, 0.18); --palette-focus-ring: rgba(92, 140, 222, 0.35); --palette-tint: rgba(46, 104, 206, 0.08);
  --palette-table-th: #102036; --palette-table-border: #2E68CE;
  --palette-accent-grad: linear-gradient(135deg,#0B3D91,#2E68CE);
  --theme-primary: #3E7BE0; --theme-secondary: #E10600; --theme-accent: #FF3B33;
  --theme-gradient: linear-gradient(135deg,#0B3D91,#2E68CE);
  --on-primary: #FFFFFF;
  --row-alt: rgba(16, 32, 54, 0.6); --row-hover: rgba(46, 104, 206, 0.12);
  --chart-muted: #7385A5; --chart-grid: rgba(154, 169, 196, 0.14); --chart-text: #F1F5FB; --chart-text-soft: #9AA9C4;
  --nr-side: #081F3B; --nr-top: #0B1C33;
  --nr-shadow: 0 8px 26px rgba(0, 0, 0, 0.30);
  --nr-shadow-hover: 0 14px 34px rgba(0, 0, 0, 0.40);
}

html[data-color-theme="salam-navy-red"] body { background: var(--bg) !important; color: var(--text); }

/* ---------------- الشريط العلوي ---------------- */
html[data-color-theme="salam-navy-red"] .v6-top,
html[data-color-theme="salam-navy-red"] header.sticky.top-0 {
  background: var(--nr-top) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 2px 12px rgba(15, 45, 91, 0.06);
}
html[data-color-theme="salam-navy-red"] .v6-brand-mark {
  background: var(--nr-red); color: #FFFFFF; border-radius: 8px;
  box-shadow: 0 4px 12px rgba(225, 6, 0, 0.30);
}
html[data-color-theme="salam-navy-red"] .v6-brand-name { color: var(--text); }
html:not(.dark)[data-color-theme="salam-navy-red"] .v6-brand-name { color: #0B3D91; }
html[data-color-theme="salam-navy-red"] .v6-mod.is-active { background: var(--palette-pill-bg); }
html[data-color-theme="salam-navy-red"] .v6-mod.is-active::after { background: var(--nr-red); }
html[data-color-theme="salam-navy-red"] .v6-dot { background: var(--nr-red); }
html[data-color-theme="salam-navy-red"] .v6-avatar { background: var(--nr-blue); color: #FFFFFF; }

/* ---------------- الشريط الجانبي: العنصر النشط بلوك أحمر ---------------- */
html[data-color-theme="salam-navy-red"] .v6-side,
html[data-color-theme="salam-navy-red"] #appSidebar {
  background: var(--nr-side) !important;
  border-color: var(--line) !important;
}
html.dark[data-color-theme="salam-navy-red"] .v6-side .v6-item { color: #C3CDDF; }
html.dark[data-color-theme="salam-navy-red"] .v6-side .v6-item:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.06); }
html[data-color-theme="salam-navy-red"] .v6-item.is-active,
html[data-color-theme="salam-navy-red"] #appSidebar .nav-link.font-semibold {
  background: var(--nr-red) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(225, 6, 0, 0.28) !important;
  border-color: transparent !important;
  border-radius: 8px;
}
html[data-color-theme="salam-navy-red"] .v6-item.is-active > em { background: rgba(255, 255, 255, 0.22); color: #FFFFFF; }
html[data-color-theme="salam-navy-red"] .v6-item.is-active svg,
html[data-color-theme="salam-navy-red"] .v6-item.is-active i { color: #FFFFFF; }
html[data-color-theme="salam-navy-red"] .v6-side-foot { border-top-color: var(--line); }

/* ---------------- البطاقات ---------------- */
html[data-color-theme="salam-navy-red"] .results-card,
html[data-color-theme="salam-navy-red"] .sidebar-card,
html[data-color-theme="salam-navy-red"] .filter-panel-card,
html[data-color-theme="salam-navy-red"] .actions-stack,
html[data-color-theme="salam-navy-red"] .palette-option-card,
html[data-color-theme="salam-navy-red"] .kpi-card,
html[data-color-theme="salam-navy-red"] .cin-panel,
html[data-color-theme="salam-navy-red"] .v6-page .bg-surface-lightcard.rounded-2xl,
html[data-color-theme="salam-navy-red"] .v6-page .bg-surface-lightcard.rounded-xl {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--nr-radius);
  box-shadow: var(--nr-shadow) !important;
}
html[data-color-theme="salam-navy-red"] .palette-option-card.selected {
  border: 2px solid var(--nr-red) !important;
  box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.12), var(--nr-shadow) !important;
}
html[data-color-theme="salam-navy-red"] .v6-crumbs { background: var(--card); border-bottom-color: var(--line); }
html[data-color-theme="salam-navy-red"] .v6-mega { background: var(--card); border-color: var(--line); box-shadow: var(--nr-shadow-hover); }
html[data-color-theme="salam-navy-red"] .v6-mega-title { border-bottom: 2px solid var(--nr-red); }
html[data-color-theme="salam-navy-red"] .v6-runbar { background: var(--card) !important; border-top: 2px solid var(--nr-red); }

/* ---------------- الأزرار ---------------- */
html[data-color-theme="salam-navy-red"] .run-action-btn {
  background: var(--nr-blue) !important;
  color: #FFFFFF !important;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(11, 61, 145, 0.28);
}
html[data-color-theme="salam-navy-red"] .run-action-btn:hover { background: var(--nr-blue-2) !important; }

/* ---------------- الجداول ---------------- */
html[data-color-theme="salam-navy-red"] table thead th {
  background: var(--palette-table-th) !important;
  color: var(--text) !important;
  border-bottom: 2px solid var(--nr-blue) !important;
}
html.dark[data-color-theme="salam-navy-red"] table thead th { border-bottom-color: #2E68CE !important; }

/* ---------------- التقدم والتحديد والتركيز ---------------- */
html[data-color-theme="salam-navy-red"] progress::-webkit-progress-value { background: var(--nr-blue); }
html[data-color-theme="salam-navy-red"] progress::-moz-progress-bar { background: var(--nr-blue); }
html[data-color-theme="salam-navy-red"] ::selection { background: rgba(225, 6, 0, 0.22); color: inherit; }
html[data-color-theme="salam-navy-red"] input[type="checkbox"],
html[data-color-theme="salam-navy-red"] input[type="radio"] { accent-color: #0B3D91; }
html.dark[data-color-theme="salam-navy-red"] input[type="checkbox"],
html.dark[data-color-theme="salam-navy-red"] input[type="radio"] { accent-color: #3E7BE0; }
html[data-color-theme="salam-navy-red"] :focus-visible { outline: 2px solid #E10600 !important; outline-offset: 2px; }

/* ---------------- حركة خفيفة ---------------- */
@media (prefers-reduced-motion: no-preference) {
  html[data-color-theme="salam-navy-red"] .kpi-card,
  html[data-color-theme="salam-navy-red"] .palette-option-card,
  html[data-color-theme="salam-navy-red"] .run-action-btn { transition: transform .18s ease, box-shadow .18s ease; }
  html[data-color-theme="salam-navy-red"] .kpi-card:hover,
  html[data-color-theme="salam-navy-red"] .palette-option-card:hover { transform: translateY(-2px); box-shadow: var(--nr-shadow-hover) !important; }
}

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

/* ==========================================================================
   v2: الرسوم والخلفية والشارات زي التصميم
   ========================================================================== */
/* ألوان الرسوم: الفعلي أزرق والمستهدف أحمر، والفئات أزرق · أحمر · أزرق فاتح · رمادي · كحلي */
html:not(.dark)[data-color-theme="salam-navy-red"] {
  --chart-target: #E10600;
  --chart-palette: #0B3D91, #E10600, #6C9BEA, #9AA9C4, #0F2D5B;
  --nr-page-bg:
    radial-gradient(1100px 620px at 100% -5%, rgba(11, 61, 145, 0.09), transparent 62%),
    radial-gradient(900px 520px at -5% 105%, rgba(225, 6, 0, 0.05), transparent 60%),
    linear-gradient(180deg, #F7FAFF 0%, #EEF3FB 100%);
}
html.dark[data-color-theme="salam-navy-red"] {
  --chart-target: #E10600;
  --chart-palette: #3E7BE0, #E10600, #8DB3F5, #6B7893, #1652B6;
  --nr-page-bg:
    radial-gradient(1100px 650px at 100% -5%, rgba(22, 82, 182, 0.32), transparent 62%),
    radial-gradient(850px 520px at -5% 105%, rgba(225, 6, 0, 0.10), transparent 60%),
    linear-gradient(180deg, #0E1726 0%, #0A1B33 55%, #081F3B 100%);
}

/* خلفية الشاشة: تدرج هادئ ثابت بدل اللون السادة */
html[data-color-theme="salam-navy-red"],
html[data-color-theme="salam-navy-red"] body { background: var(--nr-page-bg) fixed !important; }
html[data-color-theme="salam-navy-red"] .v6-main { background: transparent !important; }

/* أزرار التبديل (الشهر الحالي/شهري/سنوي · القيمة/الكمية/النسبة · منحنى/أعمدة): النشط أزرق بنص أبيض */
html[data-color-theme="salam-navy-red"] button[onclick^="switch"].shadow-sm {
  background: #0B3D91 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(11, 61, 145, 0.28) !important;
}
html.dark[data-color-theme="salam-navy-red"] button[onclick^="switch"].shadow-sm { background: #1652B6 !important; }

/* شارة Odoo 18 Live */
html[data-color-theme="salam-navy-red"] .v6-page span.rounded-full.bg-brand-500\/10 {
  background: #EBF1FB; color: #0B3D91; border-color: rgba(11, 61, 145, 0.25);
}
html.dark[data-color-theme="salam-navy-red"] .v6-page span.rounded-full.bg-brand-500\/10 {
  background: rgba(46, 104, 206, 0.20); color: #C9D8F5; border-color: rgba(92, 140, 222, 0.35);
}

/* شارات الحالة: ناجح = أزرق فاتح · خطأ = أحمر (زي Completed / In Progress في التصميم) */
html[data-color-theme="salam-navy-red"] .v6-page span.rounded-full.bg-emerald-500\/10 {
  background: #EBF1FB !important; color: #0B3D91 !important; border-color: rgba(11, 61, 145, 0.22) !important;
}
html.dark[data-color-theme="salam-navy-red"] .v6-page span.rounded-full.bg-emerald-500\/10 {
  background: rgba(46, 104, 206, 0.22) !important; color: #C9D8F5 !important; border-color: rgba(92, 140, 222, 0.35) !important;
}
html[data-color-theme="salam-navy-red"] .v6-page span.rounded-full.bg-red-500\/10 {
  background: #FDE8E7 !important; color: #E10600 !important; border-color: rgba(225, 6, 0, 0.25) !important;
}
html.dark[data-color-theme="salam-navy-red"] .v6-page span.rounded-full.bg-red-500\/10 {
  background: rgba(225, 6, 0, 0.85) !important; color: #FFFFFF !important; border-color: transparent !important;
}

/* بطاقة تقرير الذكاء: كحلي وأحمر بدل البنفسجي */
html[data-color-theme="salam-navy-red"] .v6-page .border-purple-500\/30 {
  border-color: rgba(11, 61, 145, 0.25) !important;
  background: linear-gradient(90deg, rgba(11, 61, 145, 0.06), rgba(225, 6, 0, 0.04)) !important;
}
html[data-color-theme="salam-navy-red"] .v6-page .bg-purple-500 { background: #0B3D91 !important; box-shadow: 0 4px 12px rgba(11, 61, 145, 0.3) !important; }
html[data-color-theme="salam-navy-red"] .v6-page .bg-purple-600 { background: #E10600 !important; box-shadow: 0 6px 16px rgba(225, 6, 0, 0.28) !important; }
html[data-color-theme="salam-navy-red"] .v6-page .bg-purple-600:hover { background: #B80500 !important; }
html[data-color-theme="salam-navy-red"] .v6-page .bg-purple-500\/20 { background: #FDE8E7 !important; color: #E10600 !important; }
html.dark[data-color-theme="salam-navy-red"] .v6-page .bg-purple-500\/20 { background: rgba(225, 6, 0, 0.2) !important; color: #FF8A85 !important; }

/* رأس الجداول داخل البطاقات: خط أزرق رفيع زي التصميم */
html[data-color-theme="salam-navy-red"] .v6-page table thead th { font-weight: 800; }


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

/* v6.7.1 — تباين: النص الثانوي (slate-500) كان 4.24–4.44 على الأبيض → 5.1+، وعلامة الملخص في الليلي */
html:not(.dark)[data-color-theme="salam-navy-red"] { --slate-500: 94 107 133; --muted: #5E6B85; }
html.dark[data-color-theme="salam-navy-red"] #qpHandle { background: #1652B6; }   /* أبيض 6.0:1 بدل 4.1 */