/* ============================================================
   local-fallback.css — بديل محلي عند انقطاع الإنترنت
   يضمن أن النظام يظل مقروءاً ومستخدماً بلا اتصال
   ============================================================ */

/* خطُّ Cairo محلّياً — ملفٌّ واحدٌ متغيّرُ الوزن يغطّي ١٠٠–٩٠٠.
   كانت هنا ثلاثةُ تعريفاتٍ تطلب `Cairo-Regular.woff2` وأختَيها، ولا
   وجودَ لها في `assets/fonts/` — فيه `Cairo-Variable.ttf` وحدَه. فكان
   البديلُ المحلّيُّ معطوباً من يومه: ينقطع الإنترنتُ فيسقط الخطُّ إلى
   خطِّ النظام، وهو ما وُضع هذا الملفُّ ليمنعه. */
@font-face {
  font-family: 'CairoLocal';
  src: url('../fonts/Cairo-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
/* سلسلة احتياطية: Cairo من CDN ← المحلي ← خطوط النظام العربية */
body, input, select, textarea, button, table {
  font-family: 'Cairo', 'CairoLocal', 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
}

/* ============================================================
   بديل الأيقونات: إن فشل Font Awesome تظهر رموز نصية
   ============================================================ */
.fa-fallback-active .fas::before,
.fa-fallback-active .fab::before,
.fa-fallback-active .far::before {
  font-family: inherit;
  font-size: .9em;
}
.fa-fallback-active .fa-home::before        { content: "⌂"; }
.fa-fallback-active .fa-file-invoice::before,
.fa-fallback-active .fa-file-invoice-dollar::before { content: "📄"; }
.fa-fallback-active .fa-users::before       { content: "👥"; }
.fa-fallback-active .fa-chart-line::before  { content: "📈"; }
.fa-fallback-active .fa-gear::before        { content: "⚙"; }
.fa-fallback-active .fa-check::before,
.fa-fallback-active .fa-circle-check::before { content: "✓"; }
.fa-fallback-active .fa-times::before,
.fa-fallback-active .fa-xmark::before       { content: "✕"; }
.fa-fallback-active .fa-plus::before        { content: "＋"; }
.fa-fallback-active .fa-search::before      { content: "🔍"; }
.fa-fallback-active .fa-save::before        { content: "💾"; }
.fa-fallback-active .fa-print::before       { content: "🖨"; }
.fa-fallback-active .fa-trash::before       { content: "🗑"; }
.fa-fallback-active .fa-pen::before,
.fa-fallback-active .fa-edit::before        { content: "✎"; }
.fa-fallback-active .fa-eye::before         { content: "👁"; }
.fa-fallback-active .fa-eye-slash::before   { content: "🚫"; }
.fa-fallback-active .fa-bars::before        { content: "☰"; }
.fa-fallback-active .fa-chevron-down::before { content: "▾"; }
.fa-fallback-active .fa-chevron-left::before { content: "‹"; }
.fa-fallback-active .fa-triangle-exclamation::before,
.fa-fallback-active .fa-exclamation-triangle::before { content: "⚠"; }
.fa-fallback-active .fa-circle-info::before { content: "ℹ"; }

/* شريط تنبيه عند العمل بلا إنترنت */
.offline-banner {
  display: none;
  position: sticky; top: 0; z-index: 900;
  background: #fef3c7; color: #92400e;
  padding: 9px 16px; font-size: .8rem; font-weight: 600;
  text-align: center; border-bottom: 1px solid #fcd34d;
}
.is-offline .offline-banner { display: block; }