/* ========================================================================== assets/css/auth.css — شاشات مصادقة موظّفي النظام (login.php / forgot_password.php / reset_password.php) ========================================================================== يُحمَّل في صفحات المصادقة وحدها، ويصف تخطيطها **وشكلها** كاملَين. ── لماذا لا نبني على أصناف بوتستراب ───────────────────────────────────── ثلاثة عيوب مقيسة فرضت ذلك: 1) شريط تمرير رأسي وهمي: style.css يجعل الجسم عموداً مرناً (body{display:flex;flex-direction:column}) ليلتصق الفوتر بالأسفل. أي غلاف داخل يصير عنصراً مرناً، وغلافُ ‎.container.min-vh-100‎ القديم كان min-height تمنعه من الانكماش، فيصبح ارتفاع الصفحة = 100vh + ارتفاع الفوتر (قِيس: ‎+56px‎ على 1280 و‎+74px‎ على 360). العلاج: ‎.auth-shell{flex:1 0 auto}‎ — يملأ ما تبقّى بالضبط. 2) البطاقة تلتصق بأقصى اليمين حين لا تصل حزمة CDN: التوسيط كان معتمداً على ‎.container{margin-inline:auto}‎ من bootstrap.rtl الخارجية. بلا الحزمة يبقى للبطاقة عرض مقيَّد بلا هوامش تلقائية داخل تدفّق كتلي ‎dir="rtl"‎، فتُهمَل الهوامش الزائدة يساراً (CSS 2.1 §10.3.3) وتلتصق بالحافة اليمنى (قِيس: انحراف ‎407px‎). النظام يعمل على XAMPP وقد ينقطع النت، فهذه حالة عطل حقيقية لا فرضية. 3) ‎.text-muted‎ لا وجود لها في الوضع الليلي: style.css فيه ‎html[data-theme="dark"] .text-muted{color:var(--text-main)!important}‎، أي أن النص الثانوي يصير بلون النص الأساسي تماماً — فتنهار الهرميّة البصرية (العنوان والسطر الشارح بلون واحد). لذلك لا نستعمل أصناف بوتستراب النصّية هنا إطلاقاً، بل أصنافاً خاصّة ‎.auth-*‎. النتيجة: الصفحة تُرسم **بالشكل نفسه** سواء وصلت حزم CDN أم لم تصل، لأن كل ما تحتاجه (التوسيط، الشبكة، الحقول، الأزرار، الأيقونات SVG المضمَّنة في HTML) محلّي. بوتستراب حين يصل لا يتعارض — لا نستعمل أصنافه أصلاً. ── الألوان ─────────────────────────────────────────────────────────────── الرموز مورَّثة من style.css (‎--text-main‎ ‎--glass-bg‎ …) فتتبع الصفحة الوضع الليلي/النهاري تلقائياً. أما لون العلامة فيُحقَن من PHP في ‎