/* إعدادات الخطوط العامة - DejaVu Sans يدعم العربية جيداً في mPDF */ body { font-family: 'dejavusans', 'inter', sans-serif; background: #ffffff; color: #1E293B; font-size: 11px; margin: 0; padding: 0; } main { padding: 20px 30px 80px 30px; } .page-content { padding: 30px 30px 80px 30px; } /* ── helpers ── */ .t-primary { color: #195FBB; } .t-title { color: #1E293B; font-size: 24px; font-weight: bold; margin-bottom: 4px; } .t-sub { color: #64748B; font-size: 14px; margin-bottom: 15px; } .t-meta { color: #64748B; font-size: 11px; } .t-meta b { color: #1E293B; } .t-label { font-size: 10px; color: #64748B; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: bold; } .t-value { font-size: 12px; font-weight: bold; color: #1E293B; margin-top: 4px; } .t-small { font-size: 9px; color: #94A3B8; } .gap { font-size: 1px; line-height: 1px; } /* cards */ .card { border: 1px solid #D1D9E6; border-radius: 8px; padding: 16px 14px; } .card-blue { border: 2px solid #195FBB; border-radius: 8px; padding: 16px 14px; } /* badge */ .badge-posted { border: 1px solid #22C55E; color: #22C55E; border-radius: 12px; padding: 4px 12px; font-size: 10px; font-weight: bold; display: inline-block; } .badge-unposted { border: 1px solid #94A3B8; color: #94A3B8; border-radius: 12px; padding: 4px 12px; font-size: 10px; font-weight: bold; display: inline-block; } /* table */ .tbl { border-collapse: collapse; width: 100%; margin-top: 20px; } .tbl thead th { background: #195FBB; color: #ffffff; padding: 12px 14px; font-size: 10px; font-weight: normal; border: none; text-transform: uppercase; } .tbl tbody td { border-bottom: 1px solid #D1D9E6; padding: 14px 14px; font-size: 11px; } /* totals */ .amt-val { font-size: 18px; color: #195FBB; font-weight: bold; margin-top: 8px; } .amt-diff { font-size: 18px; color: #22C55E; font-weight: bold; margin-top: 8px; } /* footer */ .pdf-footer { position: fixed; bottom: 0; left: 0; right: 0; padding: 12px 30px; border-top: 1px solid #D1D9E6; background: #ffffff; } /* كلاسات مساعدة للاتجاهات */ .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .font-bold { font-weight: bold; } [dir="rtl"] .text-start { text-align: right; } [dir="rtl"] .text-end { text-align: left; } [dir="ltr"] .text-start { text-align: left; } [dir="ltr"] .text-end { text-align: right; }