/* v80: the actual image src is theme-synced in app.js; keep CSS presentation-only. */
html:not([data-theme="dark"]):not(.react-student-embedded) body .sidebar img.brand-logo.brand-main-logo {
  content: normal !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 8px 16px rgba(23, 35, 59, 0.12)) !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .sidebar img.brand-logo.brand-main-logo {
  content: normal !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2)) !important;
}

html:not([data-theme="dark"]):not(.react-student-embedded) body .sidebar .brand-subtitle-text {
  color: #415873 !important;
  text-shadow: none !important;
}

html[data-theme="dark"]:not(.react-student-embedded) body .sidebar .brand-subtitle-text {
  color: rgba(226, 232, 240, 0.88) !important;
}

/* The React student shell keeps a light navigation surface even when the
   legacy iframe's automatic clock theme resolves to dark. */
html.react-student-embedded body .sidebar img.brand-logo.brand-main-logo {
  content: normal !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 8px 16px rgba(23, 35, 59, 0.12)) !important;
}

html.react-student-embedded body .sidebar .brand-subtitle-text {
  color: #415873 !important;
  text-shadow: none !important;
}