/* V108 — engineering mission card follows the active light/dark theme. */
html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission {
  color: #0f172a !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(124, 92, 255, 0.12), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(37, 99, 235, 0.08), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 62%, #f7f5ff 100%) !important;
  border-color: rgba(99, 102, 241, 0.18) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission-copy > span {
  color: #4f46e5 !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission h3 {
  color: #0f172a !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission p {
  color: #5b6b80 !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-today-mission em {
  color: #475569 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.3) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li {
  color: #526174 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li i {
  color: #2563eb !important;
  background: #eaf2ff !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.current {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border-color: rgba(37, 99, 235, 0.56) !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.07) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.current i {
  color: #ffffff !important;
  background: #2563eb !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.done {
  color: #15803d !important;
  background: #f0fdf4 !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body
  .engineering-debug-route li.done i {
  color: #ffffff !important;
  background: #22c55e !important;
}