/* ╔══════════════════════════════════════════════════════════════╗
   ║  35-dashboard-hide-cards.css  v1                              ║
   ║  إخفاء صفوف البطاقات المُحدَّدة + تساوي المسافات           ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ① [FIX] لا نُخفي قسم بطاقات الامتحانات — JS يتحكم في الظهور عبر .visible
   كان: #branch-exams-section, #exam-cards-grid { display:none !important; }
   النتيجة: عند النقر على فرع في السايدبار لا تظهر البطاقات في الداشبورد. */
#branch-exams-section:not(.visible) {
  display: none;
}

/* ② إخفاء صف إحصائيات الامتحانات (4721، 0، 875...) */
#welcome-stats,
.dash-stats-grid {
  display: none !important;
}

/* ③ إخفاء شريط KPI السفلي (0، 0%، 0%، 0) */
#nf10-kpi-bar {
  display: none !important;
}

/* ④ تساوي المسافات بين البطاقات المتبقية */
:root {
  --dash-gap: 14px;
  --section-gap: 14px;
}

@media (max-width: 600px) {
  :root {
    --dash-gap: 10px;
    --section-gap: 10px;
  }
}

/* [FIX] :not(.is-hidden) — لا تفرض display:flex على #welcome-screen
   عندما يخفيه show() عبر class .is-hidden (لإظهار start/exam/results screen).
   كان: .dashboard { display:flex !important } يُسرّب بطاقات الداشبورد
   تحت شاشة بدء الامتحان لأنه يتغلب على style.display='none'. */
.dashboard:not(.is-hidden) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: var(--dash-gap) !important;
  padding-block: 0 !important;
}

.dashboard:not(.is-hidden) > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
}

.dash-card,
.v11-dash-card,
.nf09-card,
#exam-countdown-card,
#nf26-qotd-card,
#nf26-rescue-card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dash-section-divider {
  margin-block: calc(var(--dash-gap) * -0.5) !important;
}