/* ===================================================================
   الأساسيات: خط Cairo + شبكة أمان prefers-reduced-motion
   مستخرَج حرفياً من: اعصار (2).html  (الأسطر 46-70)
   ⚠️ ترتيب الملفات في index.html يطابق ترتيب الكتل الأصلي — لا تغيّره (cascade).
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
/* ✅ إضافة: شبكة أمان عامة لكل الموقع لمن يفعّل "تقليل الحركة" بجهازه —
   بدل ما نلاحق كل أنيميشن بالملف (فوق ٩٠ حركة) ونعطّلها وحدة وحدة (خطر حقيقي:
   عدة حركات هنا هي "دخول/كشف" محتوى بتصميم opacity:0 + animation...forwards،
   تعطيلها بالكامل يخلي المحتوى يختفي للأبد بدل ما يظهر — صار بالفعل بمكان
   واحد جربته يدوياً). الحل الآمن المعتمد عالمياً: نخلي كل حركة/انتقال يصير
   بسرعة شبه فورية (٠.٠٠١ ملي ثانية) بدل ما نلغيها — تصل لنفس حالتها النهائية
   فوراً بدون أي حركة محسوسة، فيضمن ظهور كل محتوى بدون كسر أي منطق. الشاشتين
   اللي عدّلتهما يدوياً (kb-splash وhk-) عندهم استثناء أدق مكتوب بالأسفل، وله
   أولوية أعلى لأنه أكثر تحديداً بالسلاكتور. */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}
/* ✅ إضافة: إحساس "ضغطة" موحّد لكل أزرار النظام (كاشير/كونترول/إدارة/تقارير/
   رواتب...) — كانت أغلبها بدون أي تغذية راجعة لحظة الضغط (بعضها عنده hover
   بس، بدون أي شي وقت الضغطة الفعلية بالجوال حيث ما يوجد hover أصلاً). سلاكتور
   عام بأقل specificity ممكنة حتى لا يتعارض مع أي زر عنده تصميم :active خاص فعلاً
   (زر أخص = يفوز تلقائياً، صفر خطر كسر شي موجود). */
button:not(:disabled) { transition: transform .1s ease, filter .1s ease; }
button:not(:disabled):active { transform: scale(.96); filter: brightness(.92); }