.report-page { margin: 0; background: var(--color-canvas, #f3f6fa); color: var(--color-ink, #162438); }
.report-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; max-width: 1100px; margin: 20px auto; padding: 0 20px; }
.report-document { font-family: "IBM Plex Sans Arabic", InvoiceArabic, InvoiceLatin, sans-serif; background: var(--color-surface, #fff); color: var(--color-ink, #162438); max-width: 1100px; margin: 20px auto; padding: 32px; line-height: 1.6; font-size: 13px; border: 1px solid var(--color-line, #d8e0e9); border-radius: 12px; }
.report-document h1 { font-size: 24px; font-weight: 700; margin: 0 0 6px; }
.report-document h2 { font-size: 18px; font-weight: 600; margin: 0 0 10px; }
.report-document h3 { font-size: 15px; font-weight: 600; margin: 0 0 10px; }
.report-document p { margin: 4px 0; }
.report-document h1, .report-document h2, .report-document h3 { overflow-wrap: anywhere; }
.report-header > div { min-width: 0; }
.report-header { display: flex; justify-content: space-between; gap: 20px; border-bottom: 2px solid #294976; padding-bottom: 18px; margin-bottom: 18px; }
.report-logo { width: 84px; height: 84px; object-fit: contain; flex: none; }
.report-scope, .report-note { color: var(--color-muted, #64758a); font-size: 12px; }
.report-section { margin-top: 26px; }
.report-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.report-kpis > div { display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--color-line, #d8e0e9); border-radius: 8px; padding: 12px; }
.report-kpis strong { font-size: 24px; font-weight: 700; }
.report-kpis span { font-size: 12px; }
.report-document table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.report-document th, .report-document td { padding: 10px 8px; border-bottom: 1px solid var(--color-line, #d8e0e9); text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.report-document th { background: var(--color-canvas, #f3f6fa); font-weight: 600; }
.report-table-wrap { overflow-x: auto; }
.report-trend svg { width: 100%; height: auto; margin-top: 12px; direction: ltr; }
.report-trend svg text { fill: var(--color-muted, #64758a); font-size: 11px; }
.report-grid-line { stroke: var(--color-line, #d8e0e9); }
.report-chart-line { stroke: #477ccb; stroke-width: 3; fill: none; }
.report-chart-dot { fill: #477ccb; }
.report-trend-data { margin-top: 8px; }
.report-update { border-bottom: 1px solid var(--color-line, #d8e0e9); padding: 16px 0; }
.report-update-metadata { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; margin-bottom: 14px; }
.report-update-metadata dt { color: var(--color-muted, #64758a); font-size: 11px; }
.report-update-metadata dd { margin: 0; }
.report-summary { white-space: pre-line; overflow-wrap: anywhere; }
.report-footer { border-top: 1px solid var(--color-line, #d8e0e9); margin-top: 28px; padding-top: 12px; color: var(--color-muted, #64758a); font-size: 11px; }
@media (max-width: 600px) { .report-document { padding: 18px; margin: 12px; } .report-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-document table { min-width: 560px; } .report-trend-data { min-width: 0 !important; } .report-update-metadata { grid-template-columns: repeat(2, minmax(0, 1fr)); } .report-header { flex-wrap: wrap; } }
@page { size: A4; margin: 15mm 12mm 18mm; }
@media print { .report-toolbar { display: none; } .report-page { background: #fff; color: #162438; } .report-document { border: 0; border-radius: 0; margin: 0; padding: 0; max-width: none; background: #fff; color: #162438; } .report-table-wrap { overflow: visible; } .report-document table { min-width: 0; font-size: 10px; } .report-document th, .report-document td { padding: 7px 5px; } .report-section > h2 { break-after: avoid; } .report-kpis, .report-trend svg, .report-header { break-inside: avoid; } .report-document tr { break-inside: avoid; } .report-document thead { display: table-header-group; } }