/* Toast / banner */
#tel-banner {
  position: fixed; z-index: 2147483646;
  top: 12px; left: 50%; transform: translateX(-50%);
  padding: 10px 14px; border-radius: 10px;
  background: rgba(220, 38, 38, 0.95);
  color: #fff; font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
  display: none;
}

/* Gentle background dim while locked (also acts as “alive” indicator) */
#tel-mask {
  position: fixed; inset: 0; z-index: 2147483645;
  background: rgba(0,0,0,.05); pointer-events: none; display: none;
}

/* Fullscreen begin overlay (one-time) */
#tel-arm {
  position: fixed; inset: 0; z-index: 2147483647;
  display: none; align-items: center; justify-content: center;
  background: rgba(0,0,0,.55);
}
#tel-arm .box {
  background: #111; color: #fff; padding: 20px 22px;
  border-radius: 14px; max-width: 560px; text-align: center;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
#tel-arm .box button {
  margin-top: 12px; padding: 10px 16px; border-radius: 10px;
  border: 0; background: #00bf63; color: #fff; cursor: pointer; font-weight: 700;
}

/* Reduce selection during lock (inputs stay interactive) */
body.tel-lock *:not(input):not(textarea):not(select) {
  -webkit-user-select: none; -moz-user-select: none; user-select: none;
}

/* hide site chrome while locked */
body.tel-lock .site-header,
body.tel-lock .site-footer { display: none !important; }


/* === Tutor LMS: hide ONLY the quiz sidebar & its toggles during secure mode === */
body.tel-lock .tutor-course-single-sidebar-wrapper.tutor-quiz-sidebar {
  display: none !important;
}

/* The small chevron/arrow button that opens the topics sidebar */
body.tel-lock .tutor-course-topics-sidebar-toggler {
  display: none !important;
}

/* The close (X) INSIDE the sidebar header, if it renders */
body.tel-lock [tutor-hide-course-single-sidebar] {
  display: none !important;
}