/* ═══════════════════════════════════════════════════════════════════════════
   performance-mode.css — وضع الأداء الافتراضي (§6.2) (2026-06-12)
   يُحمَّل أخيراً ليطغى على كل الطبقات السابقة.
   الافتراضي = أداء: تعطيل أنميشن الدخول والـ blur الثقيل والظلال الكبيرة.
   «الوضع السينمائي» الاختياري (body.scc-cinema — زر 🎞️ بالرأس) يعيد التأثيرات.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ١) تعطيل كل أنميشن الدخول افتراضياً (fi/expandIn/fadeScale)
      تبقى انتقالات micro ≤120ms للتفاعل فقط */
body:not(.scc-cinema) .fi,
body:not(.scc-cinema) .expand-content,
body:not(.scc-cinema) .page-enter,
body:not(.scc-cinema) .page-exit{
  animation:none !important;
  opacity:1 !important;
  transform:none !important;
}
body:not(.scc-cinema) *{
  animation-duration:.001s !important;
  animation-delay:0s !important;
  transition-duration:.12s !important;
}
/* استثناءات وظيفية: نبض المؤشرات الحية + هيكل التحميل يبقيان */
body:not(.scc-cinema) [style*="pulse"],
body:not(.scc-cinema) .rp-skeleton{
  animation-duration:1.5s !important;
}
/* سرعة البرق: استجابة الضغط ونبضة التحديث وظيفيتان لا زخرفيتان (§4-2/§8-3)
   — تعملان حتى في وضع الأداء */
body:not(.scc-cinema) .pressed{
  transform:scale(.97) !important;
  opacity:.82 !important;
}
body:not(.scc-cinema) .scc-pulse{
  animation-duration:.7s !important;
}

/* ٢) إلغاء backdrop-filter والـ blur الثقيل والظلال الكبيرة */
body:not(.scc-cinema) .header,
body:not(.scc-cinema) .card,
body:not(.scc-cinema) .hero,
body:not(.scc-cinema) .modal{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body:not(.scc-cinema) .card,
body:not(.scc-cinema) .hero,
body:not(.scc-cinema) .stat-big{
  box-shadow:none !important;
}

/* ٣) content-visibility للبطاقات الطويلة — المتصفح يتخطى تخطيط غير المرئي */
body:not(.scc-cinema) .card{
  content-visibility:auto;
  contain-intrinsic-size:auto 220px;
}

/* ٤) احترام prefers-reduced-motion دائماً (حتى في الوضع السينمائي) */
@media (prefers-reduced-motion:reduce){
  *{
    animation:none !important;
    transition:none !important;
  }
  .rp-skeleton{animation:none !important}
}

/* ٥) CSS الطباعة النظيف (§7.1 — تصدير التقارير PDF) */
@media print{
  .header,.back-btn,.breadcrumb,.no-print,#_qkToast{display:none !important}
  body{background:#fff !important;color:#111 !important}
  .content{padding:0 !important;max-width:none !important}
  .card,.hero,[style*="background:var(--card)"],[style*="background:var(--surface)"]{
    background:#fff !important;
    border:1px solid #ddd !important;
    box-shadow:none !important;
    break-inside:avoid;
  }
  .hero{color:#111 !important}
  .hero *{color:#111 !important}
  a{text-decoration:none}
}