/* ============================================================
   Path: src/RichRich.Web/wwwroot/css/financial-statements.css
   Session: J-FS-KPI-SYNC  ⚠️ MODIFIED — previously FS-HIERARCHY-VIEW
   📝 J-FS-KPI-SYNC: + .fs-ai-rec (عنصر توصية موحّد بأيقونة ذهبية).
   LastModified: 2026-07-06
   Module: M06 — القوائم المالية بالهوية الزرقاء/الذهبية + تجميع هرمي
   ============================================================ */

/* الهوية اللونية للقوائم المالية: أزرق داكن + ذهبي */
.fs-report {
    --fs-navy:       #1e3a5f;   /* أزرق داكن — رؤوس الأقسام */
    --fs-navy-d:     #152a47;   /* أغمق — الإجماليات */
    --fs-navy-l:     #eef3f9;   /* أزرق فاتح — خلفيات خفيفة */
    --fs-gold:       #c5a55a;   /* ذهبي — التمييز والإجمالي النهائي */
    --fs-gold-d:     #a88840;
    --fs-gold-l:     #faf6ec;   /* ذهبي فاتح — صف الإجمالي النهائي */
    --fs-group-bg:   #f7f9fc;   /* خلفية رأس المجموعة الفرعية */
    --fs-bdr:        #d9e2ec;
    --fs-txt:        #1a2b42;
    --fs-txt-muted:  #64748b;
}

.fs-report {
    background: #fff;
    border: 1px solid var(--fs-bdr);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(30, 58, 95, 0.06);
}

/* رأس التقرير */
.fs-head {
    background: linear-gradient(135deg, var(--fs-navy) 0%, var(--fs-navy-d) 100%);
    color: #fff;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.fs-head-title {
    font-size: 1.05rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.fs-head-title i { color: var(--fs-gold); }
.fs-head-meta { font-size: 0.8rem; opacity: 0.85; }

.fs-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}
.fs-badge.ok { background: rgba(197, 165, 90, 0.2); color: var(--fs-gold); }
.fs-badge.bad { background: rgba(220, 53, 69, 0.15); color: #ffb4bb; }

/* الجدول */
.fs-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.fs-table th {
    background: var(--fs-navy-l);
    color: var(--fs-navy);
    font-weight: 700;
    font-size: 0.78rem;
    text-align: start;
    padding: 0.6rem 1.25rem;
    border-bottom: 2px solid var(--fs-bdr);
}
.fs-table td {
    padding: 0.5rem 1.25rem;
    border-bottom: 1px solid #eef2f7;
    color: var(--fs-txt);
}

/* رأس القسم الرئيسي (الأصول / الخصوم / حقوق الملكية) */
.fs-section-head td {
    background: var(--fs-navy);
    color: #fff;
    font-weight: 800;
    font-size: 0.95rem;
    padding: 0.65rem 1.25rem;
    border-bottom: none;
}

/* رأس المجموعة الفرعية (متداولة / ثابتة) */
.fs-group-head td {
    background: var(--fs-group-bg);
    color: var(--fs-navy);
    font-weight: 700;
    padding-inline-start: 2rem;
    border-bottom: 1px solid var(--fs-bdr);
}
.fs-group-head .fs-group-code {
    color: var(--fs-txt-muted);
    font-size: 0.8rem;
    font-weight: 600;
    margin-inline-end: 0.4rem;
}

/* سطر حساب (الطبقة الأخيرة) */
.fs-line td:first-child { padding-inline-start: 3.25rem; }
.fs-line .fs-code {
    display: inline-block;
    color: var(--fs-txt-muted);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    margin-inline-end: 0.5rem;
}
.fs-amount {
    text-align: start;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.fs-amount.zero { color: #cbd5e1; }
.fs-amount.neg { color: #dc3545; }
.fs-pct { color: var(--fs-txt-muted); font-size: 0.82rem; text-align: start; }

/* مجموع المجموعة الفرعية */
.fs-group-total td {
    background: #fbfcfe;
    font-weight: 700;
    color: var(--fs-navy);
    border-bottom: 1px solid var(--fs-bdr);
}
.fs-group-total td:first-child {
    padding-inline-start: 2rem;
    font-style: italic;
}

/* مجموع القسم */
.fs-section-total td {
    background: var(--fs-navy-l);
    font-weight: 800;
    color: var(--fs-navy-d);
    border-top: 2px solid var(--fs-navy);
    border-bottom: 2px solid var(--fs-navy);
}

/* الإجمالي النهائي (ذهبي) */
.fs-grand-total td {
    background: linear-gradient(135deg, var(--fs-gold-l) 0%, #fff 100%);
    font-weight: 900;
    color: var(--fs-gold-d);
    border-top: 3px solid var(--fs-gold);
    border-bottom: 3px solid var(--fs-gold);
    font-size: 0.98rem;
    padding: 0.7rem 1.25rem;
}
.fs-grand-total i { color: var(--fs-gold); }

/* FS-AI-ANALYSIS: قسم تحليل الذكاء الاصطناعي */
.fs-ai-block { margin-top: 1rem; }
.fs-ai-result {
    border: 1px solid var(--fs-gold);
    border-radius: 12px;
    overflow: hidden;
    background: var(--fs-gold-l, #faf6ec);
}
.fs-ai-head {
    background: linear-gradient(135deg, var(--fs-navy, #1e3a5f) 0%, var(--fs-navy-d, #152a47) 100%);
    color: #fff;
    font-weight: 800;
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.fs-ai-head i { color: var(--fs-gold, #c5a55a); }
.fs-ai-text {
    padding: 0 1rem;
    margin: 0.75rem 0;
    line-height: 1.9;
    color: var(--fs-txt, #1a2b42);
    white-space: pre-line;
}
.fs-ai-recs-title {
    padding: 0 1rem;
    font-weight: 700;
    color: var(--fs-gold-d, #a88840);
    border-top: 1px dashed var(--fs-bdr, #d9e2ec);
    padding-top: 0.6rem;
}

/* J-FS-KPI-SYNC: عنصر توصية موحّد — أيقونة ذهبية + نص، يتبع اتجاه اللغة
   تلقائياً (flex + gap: الأيقونة عند بداية السطر يميناً بالعربية ويساراً
   بالإنجليزية). آخر عنصر يأخذ هامشاً سفلياً لإغلاق الكتلة. */
.fs-ai-rec {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.3rem 1rem;
    line-height: 1.8;
    color: var(--fs-txt, #1a2b42);
}
.fs-ai-rec i {
    color: var(--fs-gold, #c5a55a);
    font-size: 0.95rem;
    margin-top: 0.28rem;
}
.fs-ai-rec:last-of-type { padding-bottom: 0.9rem; }

/* FS-CHARTS: عناوين كروت الرسوم (bold + هوامش) */
.fc-report .rr-card-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.1rem;
    font-weight: 800;
    font-size: 0.98rem;
    color: var(--fs-navy, #1e3a5f);
    border-bottom: 2px solid var(--fs-gold, #c5a55a);
    background: var(--fs-navy-pale, #f5f8fc);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.fc-report .rr-card-header i { color: var(--fs-gold, #c5a55a); }
.fc-report .rr-card { overflow: hidden; }
.fc-report .rr-card-body { padding: 1rem 1.1rem; }

/* FS-CHARTS-UX: الطباعة (المتصفح يصدّرها PDF) */
/* FS-CHARTS-PRINT-FIX: إخفاء التخطيط الفعلي عند الطباعة + عرض كامل + 4 رسوم.
   المحدّدات الصحيحة: .sidebar · .topbar · .breadcrumb-bar · .mfooter (لا rr-*). */
@media print {
    /* إخفاء كل عناصر التخطيط */
    .no-print,
    .sidebar, .topbar, .breadcrumb-bar, .mfooter { display: none !important; }

    /* إلغاء إزاحة الـ grid — المحتوى بعرض الصفحة كامل */
    .shell { display: block !important; }
    .main { grid-area: auto !important; }
    .main, .main-content { padding: 0 !important; margin: 0 !important; }

    .fc-report { padding: 0 !important; }

    /* الأعمدة (col-lg-6) تصبح بعرض كامل — كل رسم في صفّه */
    .fc-report [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

    /* كل بطاقة رسم لا تُقصّ عبر الصفحات */
    .fc-report .rr-card {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ccc !important;
        margin-bottom: 12px;
    }

    /* ضمان ارتفاع الرسوم (ApexCharts قد ينكمش في الطباعة) */
    .fc-report .chart-rr, .fc-report .chart-rr-canvas { min-height: 300px !important; }

    body { background: #fff !important; }

    /* إظهار الألوان بدقّة في الطباعة */
    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }

    @page { margin: 10mm; }
}