/* ═══════════════════════════════════════════════════════════════
   REPORT DESIGN SYSTEM — THEME PER MODULE
   ═══════════════════════════════════════════════════════════════
   القاعدة: كل موديول (Operations / Sales / Accounting / Fixed Assets /
   CRM / Procurement / HR / Inventory) له ثيم لون ثابت. أي تقرير جوا
   نفس الموديول ياخذ نفس الثيم بغض النظر عن نوعه (شحن، فاتورة، دفعة...).

   الاستخدام بالـ.razor: حط الكلاس على أول <div> بالصفحة:
   <div class="report-v-theme-sales">  ... محتوى التقرير ... </div>

   لو ما حطيت أي كلاس، بيرجع تلقائيًا لثيم Operations الأخضر (:root)
   — ما ينكسر تقرير الـBatch الحالي ولا أي تقرير قديم.

   داخل كل ثيم:
   - ألوان بنيوية: bg-card / bg-alt / border / text-primary / text-muted
     / narrative-bg / table-header / table-accent
   - badge-primary  → شارة "الحالة الإيجابية" (يعادل Planned بالباتش) — بلون هوية الموديول
   - badge-secondary → شارة "تنبيه/مباشر" — كهرمان عام موحّد عبر كل الموديولات
     (باستثناء موديول HR نفسه، لأن هويته أصلًا كهرمان، فصار سليت بدل ما يتكرر)
   - header-grad-1/2 → تدرّج هيدر التقرير
   - chart-1..5 → لوحة الرسوم (composition-bar / نقاط timeline)
   ═══════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   Operations / الإنتاج — أخضر (الأصلي، ثابت بدون تعديل)
   ─────────────────────────────────────────────────────────────── */
:root,
.report-v-theme-operations {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #f8f9fa;
    --rep-border-color: #e0e0e0;
    --rep-text-primary: #1b3a5c;
    --rep-text-muted: #6c757d;
    --rep-narrative-bg: #f5f5f5;
    --rep-table-header: #e8f5e9;
    --rep-table-accent: #f1f8e9;
    --rep-badge-primary-bg: #e8f5e9;
    --rep-badge-primary-text: #2e7d32;
    --rep-badge-secondary-bg: #fff8e1;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #00695c;
    --rep-header-grad-2: #1b5e20;
    --rep-chart-1: #2e7d32;
    --rep-chart-2: #66bb6a;
    --rep-chart-3: #00695c;
    --rep-chart-4: #a5d6a7;
    --rep-chart-5: #81c784;
}

.mud-theme-dark,
.mud-theme-dark.report-v-theme-operations {
    --rep-bg-card: #1e1e1e;
    --rep-bg-alt: #2d2d2d;
    --rep-border-color: #3d3d3d;
    --rep-text-primary: #90caf9;
    --rep-text-muted: #b0bec5;
    --rep-narrative-bg: #263238;
    --rep-table-header: #1b5e20;
    --rep-table-accent: #2e7d32;
    --rep-badge-primary-bg: #1b5e20;
    --rep-badge-primary-text: #a5d6a7;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #003d33;
    --rep-header-grad-2: #0d3d12;
    --rep-chart-1: #66bb6a;
    --rep-chart-2: #388e3c;
    --rep-chart-3: #26a69a;
    --rep-chart-4: #81c784;
    --rep-chart-5: #4caf50;
}

/* ───────────────────────────────────────────────────────────────
   Sales / المبيعات — أزرق
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-sales {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #f7f9fb;
    --rep-border-color: #d0dce8;
    --rep-text-primary: #1565c0;
    --rep-text-muted: #64748b;
    --rep-narrative-bg: #eef3f8;
    --rep-table-header: #e3f2fd;
    --rep-table-accent: #e8eefb;
    --rep-badge-primary-bg: #e3f2fd;
    --rep-badge-primary-text: #1565c0;
    --rep-badge-secondary-bg: #fff3e0;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #0d47a1;
    --rep-header-grad-2: #1976d2;
    --rep-chart-1: #1565c0;
    --rep-chart-2: #5c6bc0;
    --rep-chart-3: #29b6f6;
    --rep-chart-4: #7986cb;
    --rep-chart-5: #90a4ae;
}

.mud-theme-dark .report-v-theme-sales {
    --rep-bg-card: #1a1f26;
    --rep-bg-alt: #232a33;
    --rep-border-color: #2f3b48;
    --rep-text-primary: #64b5f6;
    --rep-text-muted: #90a4ae;
    --rep-narrative-bg: #16232e;
    --rep-table-header: #0d3868;
    --rep-table-accent: #163a5e;
    --rep-badge-primary-bg: #0d3868;
    --rep-badge-primary-text: #90caf9;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #0a2647;
    --rep-header-grad-2: #123e6b;
    --rep-chart-1: #64b5f6;
    --rep-chart-2: #7986cb;
    --rep-chart-3: #4fc3f7;
    --rep-chart-4: #9fa8da;
    --rep-chart-5: #78909c;
}

/* ───────────────────────────────────────────────────────────────
   Accounting / المحاسبة — إنديقو
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-accounting {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #f7f8fc;
    --rep-border-color: #c9cdec;
    --rep-text-primary: #303f9f;
    --rep-text-muted: #64748b;
    --rep-narrative-bg: #f2f3fb;
    --rep-table-header: #e8eaf6;
    --rep-table-accent: #eeeffa;
    --rep-badge-primary-bg: #e8eaf6;
    --rep-badge-primary-text: #303f9f;
    --rep-badge-secondary-bg: #fff3e0;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #1a237e;
    --rep-header-grad-2: #3949ab;
    --rep-chart-1: #303f9f;
    --rep-chart-2: #5c6bc0;
    --rep-chart-3: #7986cb;
    --rep-chart-4: #3f51b5;
    --rep-chart-5: #9fa8da;
}

.mud-theme-dark .report-v-theme-accounting {
    --rep-bg-card: #191b24;
    --rep-bg-alt: #20232f;
    --rep-border-color: #2c3466;
    --rep-text-primary: #9fa8da;
    --rep-text-muted: #90a4ae;
    --rep-narrative-bg: #1a1d2e;
    --rep-table-header: #1a237e;
    --rep-table-accent: #26308f;
    --rep-badge-primary-bg: #1a237e;
    --rep-badge-primary-text: #c5cae9;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #0d123f;
    --rep-header-grad-2: #1a237e;
    --rep-chart-1: #9fa8da;
    --rep-chart-2: #7986cb;
    --rep-chart-3: #5c6bc0;
    --rep-chart-4: #c5cae9;
    --rep-chart-5: #3f51b5;
}

/* ───────────────────────────────────────────────────────────────
   Fixed Assets / الأصول الثابتة — بنفسجي/plum
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-fixedassets {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #faf8fb;
    --rep-border-color: #ddc6e8;
    --rep-text-primary: #6a1b9a;
    --rep-text-muted: #64748b;
    --rep-narrative-bg: #f8effa;
    --rep-table-header: #f3e5f5;
    --rep-table-accent: #f8effa;
    --rep-badge-primary-bg: #f3e5f5;
    --rep-badge-primary-text: #6a1b9a;
    --rep-badge-secondary-bg: #fff3e0;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #4a148c;
    --rep-header-grad-2: #8e24aa;
    --rep-chart-1: #6a1b9a;
    --rep-chart-2: #8e24aa;
    --rep-chart-3: #ab47bc;
    --rep-chart-4: #7b1fa2;
    --rep-chart-5: #ba68c8;
}

.mud-theme-dark .report-v-theme-fixedassets {
    --rep-bg-card: #201828;
    --rep-bg-alt: #291f33;
    --rep-border-color: #4a3159;
    --rep-text-primary: #ce93d8;
    --rep-text-muted: #b0a0b8;
    --rep-narrative-bg: #241a2e;
    --rep-table-header: #4a148c;
    --rep-table-accent: #5c1f76;
    --rep-badge-primary-bg: #4a148c;
    --rep-badge-primary-text: #e1bee7;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #2a0a45;
    --rep-header-grad-2: #4a148c;
    --rep-chart-1: #ce93d8;
    --rep-chart-2: #ba68c8;
    --rep-chart-3: #ab47bc;
    --rep-chart-4: #e1bee7;
    --rep-chart-5: #9c27b0;
}

/* ───────────────────────────────────────────────────────────────
   CRM — وردي/rose غامق
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-crm {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #fdf9fa;
    --rep-border-color: #f3c2d6;
    --rep-text-primary: #ad1457;
    --rep-text-muted: #64748b;
    --rep-narrative-bg: #fdeaf0;
    --rep-table-header: #fce4ec;
    --rep-table-accent: #fdeaf0;
    --rep-badge-primary-bg: #fce4ec;
    --rep-badge-primary-text: #ad1457;
    --rep-badge-secondary-bg: #fff3e0;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #880e4f;
    --rep-header-grad-2: #c2185b;
    --rep-chart-1: #ad1457;
    --rep-chart-2: #d81b60;
    --rep-chart-3: #ec407a;
    --rep-chart-4: #f06292;
    --rep-chart-5: #c2185b;
}

.mud-theme-dark .report-v-theme-crm {
    --rep-bg-card: #241a1e;
    --rep-bg-alt: #2e1f24;
    --rep-border-color: #5a2c3a;
    --rep-text-primary: #f48fb1;
    --rep-text-muted: #b0a0a5;
    --rep-narrative-bg: #2b1a20;
    --rep-table-header: #880e4f;
    --rep-table-accent: #9c1856;
    --rep-badge-primary-bg: #880e4f;
    --rep-badge-primary-text: #f8bbd0;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #4a0526;
    --rep-header-grad-2: #880e4f;
    --rep-chart-1: #f48fb1;
    --rep-chart-2: #f06292;
    --rep-chart-3: #ec407a;
    --rep-chart-4: #f8bbd0;
    --rep-chart-5: #e91e63;
}

/* ───────────────────────────────────────────────────────────────
   Procurement / المشتريات — rust / أحمر طوبي
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-procurement {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #fbf8f7;
    --rep-border-color: #ecc7bb;
    --rep-text-primary: #a13d2f;
    --rep-text-muted: #64748b;
    --rep-narrative-bg: #fdeee9;
    --rep-table-header: #fbe9e5;
    --rep-table-accent: #fdeee9;
    --rep-badge-primary-bg: #fbe9e5;
    --rep-badge-primary-text: #a13d2f;
    --rep-badge-secondary-bg: #fff3e0;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #6d2318;
    --rep-header-grad-2: #a13d2f;
    --rep-chart-1: #a13d2f;
    --rep-chart-2: #c15b3f;
    --rep-chart-3: #8d4e4e;
    --rep-chart-4: #bf6b52;
    --rep-chart-5: #79372a;
}

.mud-theme-dark .report-v-theme-procurement {
    --rep-bg-card: #241c18;
    --rep-bg-alt: #2d221c;
    --rep-border-color: #4a352c;
    --rep-text-primary: #e8926f;
    --rep-text-muted: #b0a09a;
    --rep-narrative-bg: #2b1f1a;
    --rep-table-header: #6d2318;
    --rep-table-accent: #7d2c1f;
    --rep-badge-primary-bg: #6d2318;
    --rep-badge-primary-text: #f0b49a;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #3a1109;
    --rep-header-grad-2: #6d2318;
    --rep-chart-1: #e8926f;
    --rep-chart-2: #d17a5a;
    --rep-chart-3: #c19183;
    --rep-chart-4: #e0a688;
    --rep-chart-5: #b56a4a;
}

/* ───────────────────────────────────────────────────────────────
   HR / الموارد البشرية — كهرماني/ترّاكوتا
   ملاحظة: badge-secondary هون صار سليت بدل الكهرمان العام
   (لأن هوية الموديول أصلًا كهرمان، فما ينعاد نفس اللون كتنبيه)
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-hr {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #f4faf9;
    --rep-border-color: #bfe8e3;
    --rep-text-primary: #0f766e;
    --rep-text-muted: #6c757d;
    --rep-narrative-bg: #eafaf8;
    --rep-table-header: #e6f7f5;
    --rep-table-accent: #d7f2ef;
    --rep-badge-primary-bg: #e6f7f5;
    --rep-badge-primary-text: #0f766e;
    --rep-badge-secondary-bg: #eceff1;
    --rep-badge-secondary-text: #37474f;
    --rep-header-grad-1: #0d5c56;
    --rep-header-grad-2: #14b8a6;
    --rep-chart-1: #0f766e;
    --rep-chart-2: #14b8a6;
    --rep-chart-3: #2dd4bf;
    --rep-chart-4: #5eead4;
    --rep-chart-5: #0d5c56;
}

.mud-theme-dark .report-v-theme-hr {
    --rep-bg-card: #12201f;
    --rep-bg-alt: #162624;
    --rep-border-color: #1f3d3a;
    --rep-text-primary: #2dd4bf;
    --rep-text-muted: #9db8b4;
    --rep-narrative-bg: #16241f;
    --rep-table-header: #0f3d38;
    --rep-table-accent: #144e47;
    --rep-badge-primary-bg: #0f3d38;
    --rep-badge-primary-text: #5eead4;
    --rep-badge-secondary-bg: #37474f;
    --rep-badge-secondary-text: #cfd8dc;
    --rep-header-grad-1: #0a2e2b;
    --rep-header-grad-2: #0f3d38;
    --rep-chart-1: #2dd4bf;
    --rep-chart-2: #5eead4;
    --rep-chart-3: #14b8a6;
    --rep-chart-4: #99f6e4;
    --rep-chart-5: #0d9488;
}

/* ───────────────────────────────────────────────────────────────
   Inventory / المخزون — سليت رمادي-أزرق محايد
   ─────────────────────────────────────────────────────────────── */
.report-v-theme-inventory {
    --rep-bg-card: #ffffff;
    --rep-bg-alt: #f5f6f7;
    --rep-border-color: #cfd8dc;
    --rep-text-primary: #37474f;
    --rep-text-muted: #6c757d;
    --rep-narrative-bg: #f5f6f7;
    --rep-table-header: #eceff1;
    --rep-table-accent: #f2f4f5;
    --rep-badge-primary-bg: #eceff1;
    --rep-badge-primary-text: #37474f;
    --rep-badge-secondary-bg: #fff3e0;
    --rep-badge-secondary-text: #e65100;
    --rep-header-grad-1: #263238;
    --rep-header-grad-2: #455a64;
    --rep-chart-1: #37474f;
    --rep-chart-2: #607d8b;
    --rep-chart-3: #78909c;
    --rep-chart-4: #90a4ae;
    --rep-chart-5: #5c6bc0;
}

.mud-theme-dark .report-v-theme-inventory {
    --rep-bg-card: #1a1e21;
    --rep-bg-alt: #222729;
    --rep-border-color: #37474f;
    --rep-text-primary: #b0bec5;
    --rep-text-muted: #90a4ae;
    --rep-narrative-bg: #1b2226;
    --rep-table-header: #263238;
    --rep-table-accent: #2f3d43;
    --rep-badge-primary-bg: #263238;
    --rep-badge-primary-text: #cfd8dc;
    --rep-badge-secondary-bg: #4e342e;
    --rep-badge-secondary-text: #ffcc80;
    --rep-header-grad-1: #172124;
    --rep-header-grad-2: #263238;
    --rep-chart-1: #b0bec5;
    --rep-chart-2: #90a4ae;
    --rep-chart-3: #78909c;
    --rep-chart-4: #9fa8da;
    --rep-chart-5: #607d8b;
}

/* Print Overrides */
@media print {
    .report-v-hide-print {
        display: none !important;
    }

    .report-v-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        page-break-inside: avoid;
        background: #fff !important;
        color: #000 !important;
    }

    .report-v-header {
        border-bottom: 3px solid #1b3a5c;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
}

/* ═══════════════════ COMPONENTS ═══════════════════ */
.report-v-header {
    padding: 24px 16px;
    text-align: center;
}

    .report-v-header h5 {
        font-weight: 800 !important;
        color: var(--rep-text-primary);
        letter-spacing: 0.5px;
    }

.report-v-card {
    background-color: var(--rep-bg-card) !important;
    border-radius: 12px !important;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .report-v-card:hover {
        transform: translateY(-2px);
    }

.report-v-narrative-box {
    background-color: var(--rep-narrative-bg) !important;
    border-radius: 8px;
    border-right: 4px solid var(--rep-text-primary);
    padding: 16px;
}

/* Professional Table Styling */
.report-v-pro-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
    background-color: var(--rep-bg-card);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--rep-border-color);
}

    .report-v-pro-table th {
        background-color: var(--rep-table-header) !important;
        color: var(--rep-text-primary) !important;
        font-weight: 700 !important;
        padding: 12px 16px;
        text-transform: uppercase;
        font-size: 0.85rem;
        text-align: right;
    }

    .report-v-pro-table td {
        padding: 12px 16px;
        border-bottom: 1px solid var(--rep-border-color);
        font-size: 0.95rem;
    }

    .report-v-pro-table tr.accent-row {
        background-color: var(--rep-table-accent) !important;
        font-weight: 600;
    }

    .report-v-pro-table tr.total-row {
        font-weight: 700;
        font-size: 1.05rem;
    }

/* Asset Composition Bar */
.report-v-composition-bar {
    display: flex;
    height: 32px;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
    background-color: var(--rep-bg-alt);
}

.report-v-composition-segment {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 11px;
    font-weight: 700;
}

/* هيدر التقرير المتدرّج — يستخدم داخل أي تقرير بدل الـinline gradient */
.report-v-header-gradient {
    background: linear-gradient(135deg, var(--rep-header-grad-1), var(--rep-header-grad-2)) !important;
}

    .report-v-header-gradient h1, .report-v-header-gradient h2, .report-v-header-gradient h3,
    .report-v-header-gradient h4, .report-v-header-gradient h5, .report-v-header-gradient h6,
    .report-v-header-gradient p, .report-v-header-gradient span {
        color: #fff !important;
    }

/* شارات الحالة العامة (Planned/Direct وما يعادلها بأي موديول) */
.report-v-badge-primary {
    background-color: var(--rep-badge-primary-bg) !important;
    color: var(--rep-badge-primary-text) !important;
}

.report-v-badge-secondary {
    background-color: var(--rep-badge-secondary-bg) !important;
    color: var(--rep-badge-secondary-text) !important;
}

/* خلفية الصفحة العامة لأي تقرير (بديل عن الخلفيات الملوّنة الخاصة بكل تقرير) */
.report-v-page-bg {
    background-color: var(--rep-bg-alt);
    min-height: 100vh;
    padding-bottom: 40px;
}

/* رقم مؤشر الأداء (KPI) بلون هوية الموديول */
.report-v-kpi-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--rep-text-primary);
}

/* بطاقة فرعية صغيرة (تفصيل حسب فئة/مركز تكلفة...) */
.report-v-mini-card {
    background-color: var(--rep-bg-alt) !important;
    border-radius: 8px;
}

/* بطاقة ملخّص علوية (رقم كبير + تسمية) — تُستخدم بصفوف الـKPIs أعلى أي تقرير */
.report-v-summary-card {
    background-color: var(--rep-bg-card) !important;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* بطاقة KPI أكبر (تُستخدم بلوحات التحكم التنفيذية) */
.report-v-kpi-card {
    background-color: var(--rep-bg-card) !important;
    border-radius: 20px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: transform 0.3s;
}

    .report-v-kpi-card:hover {
        transform: translateY(-5px);
    }

/* بطاقة قسم عام (تجميعات حسب فئة/موقع/حالة...) */
.report-v-section-card {
    background-color: var(--rep-bg-card) !important;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}

/* بطاقة أصل مفردة بقائمة (صيانة/أصول مستهلكة بالكامل...) */
.report-v-asset-card {
    background-color: var(--rep-bg-card) !important;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    border-right: 4px solid var(--rep-text-primary);
    transition: transform 0.2s;
}

    .report-v-asset-card:hover {
        transform: translateX(-5px);
    }

/* شارة دائرية لمؤشر صحة الأصل (Maintenance Analysis) */
.report-v-health-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-weight: 800;
    font-size: 1.1rem;
}

/* بطاقة مرحلة (دورة حياة الأصل) */
.report-v-phase-card {
    background-color: var(--rep-bg-card) !important;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    border-right: 4px solid var(--rep-text-primary);
}

/* عنصر خط زمني (دورة حياة الأصل) */
.report-v-timeline-item {
    position: relative;
    padding-right: 30px;
    margin-bottom: 20px;
}

    .report-v-timeline-item::before {
        content: '';
        position: absolute;
        right: 10px;
        top: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--rep-text-primary);
    }

    .report-v-timeline-item::after {
        content: '';
        position: absolute;
        right: 14px;
        top: 12px;
        width: 2px;
        height: calc(100% + 10px);
        background-color: var(--rep-border-color);
    }

    .report-v-timeline-item:last-child::after {
        display: none;
    }

/* عنصر بقائمة جانبية قابل للاختيار (بحث/اختيار أصل) */
.report-v-list-item {
    padding: 12px;
    border-bottom: 1px solid var(--rep-border-color);
    cursor: pointer;
    transition: all 0.2s;
}

    .report-v-list-item:hover {
        background-color: var(--rep-table-accent);
    }

    .report-v-list-item.selected {
        background-color: var(--rep-text-primary) !important;
        color: white;
        border-radius: 8px;
    }

/* ═══════════════════════════════════════════════════════════════════
   معالجة تعارض Specificity مع vairsa-theme01.css
   ═══════════════════════════════════════════════════════════════════
   vairsa-theme01.css فيه قاعدتين عامّتين على كل التطبيق بـ !important:
     1) .mud-paper:not(...):not(...):not(...) { background-color: ... !important; }
        (4 كلاسات بالـselector)
     2) قسم "NUCLEAR TABLE HEADER FIX": body:not(.lite) .detail-page .table-container
        table thead th {...!important} وما شابه (حتى 3 كلاسات + 4 عناصر)
   عشان تقارير الأصول الثابتة تقدر تتغلب عليهم بدون ولا تعديل عالملف الأساسي،
   لازم الـselector يكون specificity أعلى (تكرار نفس الكلاس بالـselector مسموح
   ومقبول بمعيار CSS، وبيرفع الـspecificity فعليًا بدون أي تأثير جانبي).
   ═══════════════════════════════════════════════════════════════════ */

.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-card,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-header,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-header-gradient,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-summary-card,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-kpi-card,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-section-card,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-asset-card,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-phase-card,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-mini-card {
    background-color: var(--rep-bg-card) !important;
}

.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-header-gradient {
    background: linear-gradient(135deg, var(--rep-header-grad-1), var(--rep-header-grad-2)) !important;
}

.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .mud-paper.report-v-mini-card {
    background-color: var(--rep-bg-alt) !important;
}

.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table thead th,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table tbody tr th,
.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table table thead th {
    background-color: var(--rep-table-header) !important;
    background: var(--rep-table-header) !important;
    color: var(--rep-text-primary) !important;
    text-align: center !important;
    border-bottom: 2px solid var(--rep-border-color) !important;
}

.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table tbody td {
    background-color: transparent !important;
    color: var(--rep-text-primary) !important;
}

.report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table tbody tr {
    background-color: var(--rep-bg-card) !important;
}

    .report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table tbody tr:nth-child(even) {
        background-color: var(--rep-bg-alt) !important;
    }

    .report-v-theme-fixedassets.report-v-theme-fixedassets.report-v-theme-fixedassets .report-v-pro-table tbody tr:hover {
        background-color: var(--rep-table-accent) !important;
    }