/* ===== EXAM MODE (JUPEB / IJMB) =====
   Its own file: exam-mode.css, linked in <head> after style.css. */

/* The switch at the top of the sidebar */
.exam-switch {
  display: flex; gap: 3px; padding: 3px; margin: 0 0 16px;
  background: var(--bg-primary); border: 1px solid var(--dash-border); border-radius: 12px;
}
.exam-switch-btn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px;
  padding: 8px 6px; border: none; border-radius: 9px; background: none; cursor: pointer;
  font-family: inherit; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.02em; color: var(--text-secondary);
}
.exam-switch-btn:hover { color: var(--text-primary); }
.exam-switch-btn.is-active {
  background: var(--tab-active-bg); color: #fff;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--tab-active-bg) 35%, transparent);
}
.exam-switch-lock { font-size: 0.7rem; }
body.sidebar-collapsed .exam-switch { display: none; }

/* IJMB is essay-only: hide the quiz features */
body.exam-ijmb .sidebar-link[data-screen="quiz-screen"],
body.exam-ijmb .dash-quick-practice-card,
body.exam-ijmb .dash-weak-topics-card,
body.exam-ijmb .dash-recent-card,
body.exam-ijmb .past-take-quiz-btn { display: none !important; }

/* Locked screen */
.exam-lock {
  position: fixed; inset: 0; z-index: 2400;
  display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(8, 10, 20, 0.6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  visibility: hidden; opacity: 0; transition: opacity 0.2s ease, visibility 0.2s ease;
}
.exam-lock.is-open { visibility: visible; opacity: 1; }
.exam-lock-card {
  width: 100%; max-width: 440px; max-height: 92vh; overflow-y: auto; text-align: center;
  background: var(--bg-secondary); color: var(--text-primary);
  border: 1px solid var(--dash-border); border-radius: 22px; padding: 28px 24px 20px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
  transform: translateY(14px); transition: transform 0.25s ease;
}
.exam-lock.is-open .exam-lock-card { transform: none; }
.exam-lock-icon {
  width: 56px; height: 56px; margin: 0 auto 12px; border-radius: 50%; font-size: 1.6rem;
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--tab-active-bg) 12%, transparent);
}
.exam-lock-card h2 { margin: 0 0 6px; font-size: 1.35rem; }
.exam-lock-sub { margin: 0 0 6px; color: var(--text-secondary); line-height: 1.5; }
.exam-lock-perks { margin: 0 0 16px; font-size: 0.88rem; color: var(--text-secondary); }
.exam-lock-steps {
  margin: 0 0 18px; padding: 14px 14px 14px 34px; text-align: left; border-radius: 14px;
  background: var(--bg-primary); font-size: 0.9rem; line-height: 1.55;
}
.exam-lock-steps li + li { margin-top: 8px; }
.exam-lock-copy {
  margin-left: 6px; padding: 2px 9px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--dash-border); background: var(--bg-secondary); color: var(--tab-active-bg);
  font-family: inherit; font-size: 0.75rem; font-weight: 700;
}
.exam-lock-wa {
  display: block; padding: 14px; border-radius: 12px; text-decoration: none;
  background: #25d366; color: #fff; font-weight: 700;
}
.exam-lock-back {
  display: block; margin: 10px auto 0; padding: 8px; border: none; background: none; cursor: pointer;
  color: var(--text-secondary); font-family: inherit; font-size: 0.88rem;
}