/* ════════════════════════════════════════════════════════════════
   وضع العرض — الشاشة تُعرض على بروجكتر أمام الفصل

   المشكلة التي يحلّها: الخط المناسب لجهاز في يدك غير مقروء من
   آخر الفصل على بعد ٦ أمتار. القاعدة العملية للعرض الصفّي أن
   أصغر نص لا يقلّ عن ٢٤ بكسل على شاشة 1080p.

   الطريقة: لا نُعيد بناء الشاشات — نُكبّر **الرموز** نفسها التي
   بُني عليها كل شيء، فتكبر الواجهة كلها اتساقًا بلا كود مكرر.
   ════════════════════════════════════════════════════════════════ */

body.presenting {
  /* مقياس النص يقفز — كل شاشة تتبعه تلقائيًا */
  --fs-xs: 20px;
  --fs-sm: 24px;
  --fs-md: 28px;
  --fs-lg: 34px;
  --fs-xl: 44px;
  --fs-2xl: 58px;
  --fs-3xl: 72px;

  --tap: 62px;

  /* تباعد أوسع — الكثافة العالية تتعب العين من بعيد */
  --s2: 10px; --s3: 16px; --s4: 22px; --s5: 32px;

  /* تباين أعلى: البروجكتر يبهت الألوان الخافتة */
  --ink:       #ffffff;
  --ink-soft:  #d6e3ef;
  --ink-muted: #a9bccd;
  --border:        #2f4353;
  --border-strong: #48627a;
}

/* الشريط الجانبي والعلوي يختفيان — الطلاب لا يحتاجون قائمة التنقل */
body.presenting .sidebar,
body.presenting .topbar { display: none !important; }

body.presenting .wrap { max-width: none; padding: var(--s5) var(--s5) 120px; }

/* أزرار الحضور أكبر وأوضح — تُقرأ من آخر الفصل */
body.presenting .att-btn {
  min-height: 62px; font-size: var(--fs-sm); border-width: 2px;
}
body.presenting .chip { padding: 8px 20px; border-width: 2px; }
body.presenting .btn  { border-width: 2px; }

/* صف الطالب يتنفّس */
body.presenting #rows .card { padding: 16px 22px !important; }

/* الجداول أوضح */
body.presenting .tbl th,
body.presenting .tbl td { padding: 18px 22px; }

/* قرص الشارة يكبر */
body.presenting .badge-coin    { width: 92px; height: 92px; }
body.presenting .badge-coin svg{ width: 44px; height: 44px; }
body.presenting .badge-coin.sm { width: 62px; height: 62px; }
body.presenting .badge-coin.sm svg { width: 30px; height: 30px; }

/* ─── زرّ الخروج العائم ────────────────────────────────────── */
.present-exit {
  position: fixed; inset-block-end: 24px; inset-inline-start: 24px; z-index: 120;
  display: none; align-items: center; gap: 10px;
  padding: 14px 24px; border-radius: var(--r-pill);
  background: var(--surface-3); color: var(--ink);
  border: 2px solid var(--border-strong); box-shadow: var(--sh-3);
  font: inherit; font-weight: 800; font-size: 20px; cursor: pointer;
  opacity: .5; transition: opacity var(--t-fast) var(--ease);
}
.present-exit:hover { opacity: 1; }
body.presenting .present-exit { display: inline-flex; }

/* لافتة اسم الفصل أعلى الشاشة — الطلاب يعرفون ما يرونه */
.present-banner { display: none; }
body.presenting .present-banner {
  display: flex; align-items: center; justify-content: center; gap: var(--s4);
  padding: 14px 24px; margin-bottom: var(--s5);
  border-radius: var(--r-lg);
  background: linear-gradient(90deg, var(--brand-900), transparent 70%);
  border: 1px solid var(--brand-700);
  font-size: var(--fs-lg); font-weight: 900;
}

/* لا يُطبع وضع العرض إطلاقًا */
@media print {
  .present-exit, .present-banner { display: none !important; }
}