/* ════════════════════════════════════════════════════════════════════════
   99-theme-isolation.css — عزل الثيم (طبقة إضافية، آخر ملف في تتالي index)
   ──────────────────────────────────────────────────────────────────────
   الهدف: إبقاء «تسجيل الدخول» و«إنشاء حساب» بلوحة بنفسجية داكنة موحّدة مهما كان
   الثيم المحفوظ (بنفسجي/وردي/فاتح) — حتى على متصفحات WebView القديمة داخل تطبيقات
   مثل تيليجرام التي لا تدعم المُحدِّد :has().
   الآلية: سكربت ui-theme-isolation.js يضيف الصنف .is-auth-screen على <body>
   عند تفعيل أيٍّ من صفحتَي المصادقة، وهذه القواعد تعيد فرض اللوحة الداكنة.
   القيم مطابقة تماماً لـ 95-cinematic-auth.css لكن بصنف بدل :has (توافق أوسع).
   إضافي بالكامل وقابل للإزالة بحذف <link> هذا الملف + سطر السكربت.
   ════════════════════════════════════════════════════════════════════════ */

/* (1) فرض اللوحة الداكنة على شاشات المصادقة — نفس قيم القفل السينمائي بالضبط */
body.is-auth-screen {
  --primary:        #a855f7;
  --primary-hover:  #9333ea;
  --primary-light:  #c084fc;
  --bg-page:        #0c0618;
  --bg-card:        #1a1030;
  --bg-input:       rgba(26, 16, 48, 0.62);
  --bg-input-focus: rgba(38, 24, 64, 0.82);
  --text-primary:   #f3e9ff;
  --text-secondary: #c4b3da;
  --text-muted:     #8576a0;
  --border-color:   rgba(168, 85, 247, 0.16);
  --glow:           0 0 0 4px rgba(168, 85, 247, 0.18);
  --hu-halo:        rgba(168, 85, 247, 0.22);
  background: #0c0618 !important;
}

/* (2) إخفاء مبدّل الثيم + بانر الدعم العائم داخل شاشات المصادقة (كما في 95) */
body.is-auth-screen #themeToggleBtn,
body.is-auth-screen #supportBanner { display: none !important; }

/* (3) إلغاء خلفية الكون الداخلية (body::after) فوق المصادقة ⇒ يظهر المعبد وحده */
body.is-auth-screen::after { content: none !important; }

/* (4) إظهار خلفية المعبد السينمائية الخاصة بالمصادقة (بديل :has للمتصفحات القديمة) */
body.is-auth-screen .h-auth-cosmos { display: block !important; }

/* (5) توحيد خلفية <html> مع الثيم النشط ⇒ يمنع ظهور شريط بلون منفصل عند ارتداد
       التمرير (overscroll) في أعلى/أسفل الشاشة بالجوال. يتبع الثيم تلقائياً. */
html { background: var(--bg-page); }
