/* =========================================================================
   Tema claro para el lobby, el simulador y el panel docente.
   Se carga después de los estilos propios de index.html / simulator.html.
   ========================================================================= */

body {
  background: #f2f7fc !important;
  color: #0b2f53 !important;
}

/* ------------------------------------------------------------------ Header */
body > header {
  background: #ffffff !important;
  border-color: #d5e5f2 !important;
  box-shadow: 0 1px 0 rgba(11, 58, 103, 0.05) !important;
}
body > header .text-slate-200 { color: #0b2f53 !important; }
body > header .text-slate-300 { color: #45677f !important; }
body > header .text-slate-400 { color: #5d7b92 !important; }
body > header .text-sky-400 { color: #2563eb !important; }
body > header .bg-slate-900\/90 {
  background: #eef5fb !important;
  border-color: #d5e5f2 !important;
}
body > header .bg-slate-900 {
  background: #ffffff !important;
  border-color: #d5e5f2 !important;
}
body > header .bg-sky-600 {
  background: #2563eb !important;
  color: #ffffff !important;
}
body > header .hover\:bg-slate-800:hover { background: #f5faff !important; }

/* ------------------------------------------------------------ Portal alumno */
#view-portal {
  background: #f2f7fc !important;
  color: #0b2f53;
}
#view-portal .bg-medDark,
#view-portal .bg-medPanel,
#view-portal .bg-slate-900,
#view-portal .bg-slate-950 {
  background: #ffffff !important;
}
#view-portal .bg-slate-800 { background: #eef5fb !important; }
#view-portal .bg-slate-900\/90,
#view-portal .bg-slate-900\/60 { background: #f7fbff !important; }
#view-portal .border-slate-800,
#view-portal .border-slate-700 { border-color: #d5e5f2 !important; }
#view-portal .divide-slate-800 > :not([hidden]) ~ :not([hidden]) { border-color: #e6eef7 !important; }
#view-portal .text-white,
#view-portal .text-slate-100,
#view-portal .text-slate-200 { color: #0b2f53 !important; }
#view-portal [class*="text-slate-300"],
#view-portal [class*="text-slate-400"],
#view-portal [class*="text-slate-500"] { color: #5d7b92 !important; }
#view-portal .text-sky-400 { color: #2563eb !important; }
#view-portal .bg-gradient-to-r,
#view-portal .bg-gradient-to-br {
  background-image: none !important;
  background-color: #ffffff !important;
  border-color: #d5e5f2 !important;
}

/* --------------------------------------------------------------- Simulador */
body[data-rx-module="simulator"] {
  background: #f2f7fc !important;
  color: #0b2f53 !important;
}
body[data-rx-module="simulator"] .bg-medDark,
body[data-rx-module="simulator"] .bg-medPanel,
body[data-rx-module="simulator"] .bg-slate-900,
body[data-rx-module="simulator"] .bg-slate-950 {
  background: #ffffff !important;
}
body[data-rx-module="simulator"] [class*="bg-slate-900"],
body[data-rx-module="simulator"] [class*="bg-slate-950"] {
  background-color: #ffffff !important;
}
body[data-rx-module="simulator"] [class*="bg-slate-800"] {
  background-color: #eef5fb !important;
}
body[data-rx-module="simulator"] .bg-black {
  background-color: #04070d !important;
}
body[data-rx-module="simulator"] .border-medBorder,
body[data-rx-module="simulator"] .border-slate-800,
body[data-rx-module="simulator"] .border-slate-700 {
  border-color: #d5e5f2 !important;
}
body[data-rx-module="simulator"] .text-white,
body[data-rx-module="simulator"] .text-slate-100,
body[data-rx-module="simulator"] .text-slate-200 { color: #0b2f53 !important; }
body[data-rx-module="simulator"] [class*="text-slate-300"],
body[data-rx-module="simulator"] [class*="text-slate-400"],
body[data-rx-module="simulator"] [class*="text-slate-500"] { color: #5d7b92 !important; }
body[data-rx-module="simulator"] .text-sky-400,
body[data-rx-module="simulator"] .text-cyan-300 { color: #2563eb !important; }
body[data-rx-module="simulator"] .bg-sky-600,
body[data-rx-module="simulator"] .bg-cyan-600 { color: #ffffff !important; }
body[data-rx-module="simulator"] .bg-amber-600 { color: #ffffff !important; }

/* ------------------------------------------------------------ Panel docente */
#view-teacher {
  background: #f2f7fc !important;
  color: #0b2f53;
}
#view-teacher .bg-slate-900,
#view-teacher .bg-slate-950,
#view-teacher .bg-medPanel,
#view-teacher .bg-medDark {
  background: #ffffff !important;
}
#view-teacher .bg-slate-800 {
  background: #eef5fb !important;
}
#view-teacher .bg-slate-950\/60 {
  background: #f7fbff !important;
}
#view-teacher .bg-gradient-to-r {
  background-image: none !important;
  background-color: #ffffff !important;
  border-color: #d5e5f2 !important;
}
#view-teacher .border-slate-800,
#view-teacher .border-slate-700 {
  border-color: #d5e5f2 !important;
}
#view-teacher .divide-slate-800 > :not([hidden]) ~ :not([hidden]) {
  border-color: #e6eef7 !important;
}
#view-teacher .text-white,
#view-teacher .text-slate-100,
#view-teacher .text-slate-200 {
  color: #0b2f53 !important;
}
#view-teacher .text-slate-300 { color: #45677f !important; }
#view-teacher .text-slate-400,
#view-teacher .text-slate-500 { color: #5d7b92 !important; }
#view-teacher .text-sky-400 { color: #2563eb !important; }
#view-teacher .hover\:bg-slate-800\/40:hover { background: #f5faff !important; }
#view-teacher .hover\:bg-slate-800:hover { background: #f5faff !important; }

/* Avisos del aula: fondos claros */
#view-teacher .bg-rose-950\/25,
#view-teacher .bg-rose-950\/40,
#view-teacher .bg-rose-950\/60 {
  background: #fff1f4 !important;
}
#view-teacher .bg-amber-950\/20,
#view-teacher .bg-amber-950\/30 {
  background: #fff8e8 !important;
}
#view-teacher [class*="text-rose-100"],
#view-teacher [class*="text-rose-200"],
#view-teacher [class*="text-rose-300"] { color: #9f1239 !important; }
#view-teacher [class*="text-amber-100"],
#view-teacher [class*="text-amber-200"] { color: #92400e !important; }
#view-teacher [class*="text-slate-300"],
#view-teacher [class*="text-slate-400"],
#view-teacher [class*="text-slate-500"] { color: #5d7b92 !important; }
#view-teacher [class*="text-emerald-200"],
#view-teacher [class*="text-emerald-300"] { color: #147a55 !important; }
#view-teacher .bg-sky-600.text-white,
#view-teacher .bg-amber-600.text-white,
#view-teacher .bg-sky-600 .text-white,
#view-teacher .bg-amber-600 .text-white { color: #ffffff !important; }
#view-teacher .border-rose-800 { border-color: #f5c2cd !important; }
#view-teacher .border-amber-800 { border-color: #f3d19b !important; }

/* Temas y chips */
#view-teacher .bg-slate-800\/50 { background: #f2f8fd !important; }
#view-teacher .bg-emerald-950\/30 { background: #f1fbf6 !important; }
#view-teacher .text-emerald-200,
#view-teacher .text-emerald-300 { color: #147a55 !important; }
#view-teacher .border-emerald-800 { border-color: #a7d8bf !important; }
#view-teacher .bg-emerald-950\/60 { background: #f1fbf6 !important; }
#view-teacher .bg-amber-950\/60 { background: #fff8e8 !important; }
#view-teacher .text-amber-300 { color: #92400e !important; }
#view-teacher .border-amber-800 { border-color: #f3d19b !important; }

/* --------------------------------------------------------------- Modal aula */
#ic-modal .bg-slate-900 {
  background: #ffffff !important;
}
#ic-modal .bg-slate-950,
#ic-modal .bg-slate-950\/60 {
  background: #f7fbff !important;
}
#ic-modal .bg-slate-800,
#ic-modal .bg-slate-700 {
  background: #eef5fb !important;
}
#ic-modal .hover\:bg-slate-700:hover {
  background: #e6eef7 !important;
}
#ic-modal .border-slate-700,
#ic-modal .border-slate-800 {
  border-color: #d5e5f2 !important;
}
#ic-modal .text-white,
#ic-modal .text-slate-100,
#ic-modal .text-slate-200 { color: #0b2f53 !important; }
#ic-modal .text-slate-300,
#ic-modal .text-slate-400,
#ic-modal .text-slate-500 { color: #5d7b92 !important; }
#ic-modal input,
#ic-modal textarea {
  background: #ffffff !important;
  border-color: #cfe3f3 !important;
  color: #0b2f53 !important;
}
#ic-modal input:focus,
#ic-modal textarea:focus { border-color: #2563eb !important; }
#ic-modal table thead { background: #f2f8fd !important; }

/* Modal de acceso del lobby */
#modal-auth > div {
  background: #ffffff !important;
  border-color: #d5e5f2 !important;
}
#modal-auth .bg-medPanel,
#modal-auth .bg-slate-900 {
  background: #ffffff !important;
}
#modal-auth .bg-slate-950,
#modal-auth .bg-slate-950\/80 {
  background: #f7fbff !important;
}
#modal-auth .border-slate-700,
#modal-auth .border-slate-800 {
  border-color: #d5e5f2 !important;
}
#modal-auth .text-white,
#modal-auth .text-slate-100,
#modal-auth .text-slate-200 { color: #0b2f53 !important; }
#modal-auth [class*="text-slate-300"],
#modal-auth [class*="text-slate-400"],
#modal-auth [class*="text-slate-500"] { color: #5d7b92 !important; }
#modal-auth .text-sky-400 { color: #2563eb !important; }
#modal-auth input {
  background: #ffffff !important;
  border-color: #cfe3f3 !important;
  color: #0b2f53 !important;
}

/* Pestañas del panel docente en móvil */
#view-teacher .teacher-tabs {
  display: flex; gap: 6px; overflow-x: auto; flex-wrap: nowrap;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
#view-teacher .teacher-tabs::-webkit-scrollbar { display: none; }
#view-teacher .teacher-tabs > button {
  flex: 0 0 auto; white-space: nowrap; font-size: .68rem; padding: 8px 10px;
}
@media (max-width: 767px) {
  #view-teacher { padding-bottom: 7.5rem !important; }
  #view-teacher .teacher-tabs { padding-bottom: 8px; }

  /* Barra inferior móvil en blanco */
  body > nav.fixed.bottom-0 {
    background: rgba(255, 255, 255, 0.97) !important;
    border-top-color: #d5e5f2 !important;
    box-shadow: 0 -8px 24px rgba(11, 58, 103, 0.08);
  }
  body > nav.fixed.bottom-0 a,
  body > nav.fixed.bottom-0 button { color: #5d7b92 !important; }
  body > nav.fixed.bottom-0 .text-sky-400,
  body > nav.fixed.bottom-0 .text-cyan-300,
  body > nav.fixed.bottom-0 .text-fuchsia-300 { color: #2563eb !important; }
}

/* Toast */
#ic-toast {
  background: #ffffff !important;
  color: #147a55 !important;
  border-color: #a7d8bf !important;
}