/* عرّاب — ملف التصميم المشترك (مهمة #60، البند الأخير، 2026-07-31).
   يحوي العناصر المتطابقة حرفيًا (اسمًا وقيمة) عبر الصفحات التي تستخدمها، بالإضافة لقاعدة body
   المشتركة (القاسم المشترك فقط — كل صفحة تُبقي محليًا خصائصها الزائدة). أي اختلاف حقيقي بين
   صفحتين (حتى لو بسيط) بقي داخل الصفحة نفسها عمدًا، ليُحسم لاحقًا بقرار صريح لا بدمج قسري قد
   يكسر شكل صفحة.
   لإضافة لون/لمسة جديدة للموقع مستقبلًا: عدّلها هنا فقط — تنعكس تلقائيًا على كل الصفحات. */

:root{
  --navy:#0E1A2B; --navy2:#16273E; --navy3:#1E3251;
  --gold:#E8B84B; --gold-soft:#F0CE7A; --gold-deep:#C99A2E;
  --cream:#F4EFE3; --muted:#8B99AB; --line:rgba(232,184,75,0.16);
  --green:#3FB37F; --card:#16273E; --err:#E8735B;
}

*{margin:0;padding:0;box-sizing:border-box}

/* القاعدة المشتركة لعنصر body — كل صفحة تُبقي محليًا فقط خصائصها الزائدة (padding-bottom، overflow-x، إلخ).
   maintenance.html مستثناة عمدًا من theme.css بالكامل (لا تربطه إطلاقًا) لأنها مصمَّمة لتبقى مستقلة
   تمامًا وقت انقطاع فعلي بالخدمة — راجع التعليق داخل الملف نفسه. */
body{font-family:'Cairo',sans-serif;background:var(--navy);color:var(--cream);min-height:100vh}

/* شريط التنقّل السفلي — متطابق حرفيًا بالخمس صفحات الرئيسية (account/community/matches/predictions/stats) */
.tabbar{position:fixed;bottom:0;inset-inline:0;z-index:6;background:rgba(14,26,43,0.95);
  backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-around;
  padding:10px 8px 14px;max-width:640px;margin:0 auto}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;
  cursor:pointer;transition:.2s;flex:1;text-decoration:none;padding:3px 0}
.tab span:not(.ti){max-width:100%;overflow-wrap:break-word;text-align:center;line-height:1.2}
@media(max-width:380px){ .tab{font-size:9.5px} }
.tab.active{color:var(--gold)}
.tab svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}

/* الزر الأساسي — متطابق حرفيًا بالصفحات الثلاث (feedback/index/reset-password) */
.btn{width:100%;background:var(--gold);color:var(--navy);font-family:'Cairo';font-weight:800;
  font-size:16px;border:none;padding:15px;border-radius:12px;cursor:pointer;transition:.22s;margin-top:6px}
.btn:hover{background:var(--gold-soft);transform:translateY(-2px)}

/* نافذة منبثقة (overlay) — متطابقة حرفيًا بالأربع صفحات (account/community/predictions/stats)،
   بعد توحيد account.html على قيم الثلاثة الباقية بموافقة المالك (مهمة #66، 2026-07-31) */
.overlay{position:fixed;inset:0;z-index:20;background:rgba(6,12,20,0.85);backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;padding:18px}