/* Final static sidebar lock.
   Loaded after legacy sidebar files so hover/collapsed states cannot shift layout. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) .training-dashboard-drawer[aria-hidden="true"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(100%) !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .shell,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:focus-within,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover),
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:focus-within),
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-expanded,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-collapsed {
    grid-template-columns: 236px minmax(0, 1fr) !important;
    transition: none !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .shell > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:hover > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:focus-within > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:focus-within) > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-collapsed > .sidebar {
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    padding: 14px 18px 12px !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .brand,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .brand,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .brand {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 0 0 10px !important;
    padding: 4px 0 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .brand-head.brand-head--main,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .brand-head.brand-head--main,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .brand-head.brand-head--main {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    display: grid !important;
    grid-template-rows: 64px auto !important;
    justify-items: center !important;
    align-items: center !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar img.brand-logo.brand-main-logo,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover img.brand-logo.brand-main-logo,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar img.brand-logo.brand-main-logo {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .brand-subtitle-text,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .brand-subtitle-text,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .brand-subtitle-text {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    display: block !important;
    opacity: 1 !important;
    font-size: 11px !important;
    line-height: 1.52 !important;
    text-align: center !important;
    white-space: normal !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .menu,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-zone,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .sidebar-bottom-zone {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .menu-item,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-bottom-link {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 37px !important;
    min-height: 37px !important;
    max-height: 37px !important;
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 14px !important;
    text-indent: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item::before,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link::before {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .sidebar-account-card,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-account-card {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-zone .sidebar-bottom-link,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .sidebar-bottom-zone .sidebar-bottom-link,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-bottom-zone .sidebar-bottom-link {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 32px !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar #sidebarAccountAvatar.sidebar-account-avatar,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover #sidebarAccountAvatar.sidebar-account-avatar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar #sidebarAccountAvatar.sidebar-account-avatar {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar #sidebarAccountAvatar.sidebar-account-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .sidebar-bottom-zone .sidebar-bottom-link,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:hover .sidebar .sidebar-bottom-zone .sidebar-bottom-link,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-bottom-zone .sidebar-bottom-link {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 32px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:hover .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-account-card {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar #sidebarAccountAvatar.sidebar-account-avatar,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:hover .sidebar #sidebarAccountAvatar.sidebar-account-avatar,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar #sidebarAccountAvatar.sidebar-account-avatar {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }
}

/* v408 absolute last: sidebar labels must never shift, duplicate, or overlap. */
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item:hover,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link:hover {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px 0 30px !important;
  box-sizing: border-box !important;
  color: rgba(226, 232, 240, 0.84) !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  line-height: 38px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item:hover::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item:hover::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* v409 final tail: click-only collapsed sidebar. Hover must not expand or reflow it. */
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover),
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  transition: none !important;
  transform: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover) > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar.sidebar {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  padding: 14px 18px 12px !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .menu,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-bottom-zone,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .menu,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-bottom-zone {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand-main-logo,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand-subtitle-text,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand-main-logo,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand-subtitle-text,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-section,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-section,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-account-card,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-account-card {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}

/* v410 final tail: the collapsed rail still needs an expand button. */
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar #sidebarToggle.sidebar-toggle,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar #sidebarToggle.sidebar-toggle,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover) > .sidebar.sidebar #sidebarToggle.sidebar-toggle,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar.sidebar #sidebarToggle.sidebar-toggle {
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  top: 14px !important;
  right: 8px !important;
  left: auto !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(248, 250, 252, 0.92) !important;
  background: rgba(15, 23, 42, 0.34) !important;
  border: 1px solid rgba(226, 232, 240, 0.18) !important;
  border-radius: 11px !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  transition: none !important;
  z-index: 120 !important;
}

/* v410: keep the collapse/expand button visible in the collapsed rail. */
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar #sidebarToggle.sidebar-toggle,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar #sidebarToggle.sidebar-toggle,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover) > .sidebar.sidebar #sidebarToggle.sidebar-toggle,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar.sidebar #sidebarToggle.sidebar-toggle {
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  top: 14px !important;
  right: 8px !important;
  left: auto !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(248, 250, 252, 0.92) !important;
  background: rgba(15, 23, 42, 0.34) !important;
  border: 1px solid rgba(226, 232, 240, 0.18) !important;
  border-radius: 11px !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  transition: none !important;
  z-index: 120 !important;
}

/* v409: click-only collapsed sidebar. Hover must not expand or reflow it. */
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover),
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  transition: none !important;
  transform: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover) > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar.sidebar {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  padding: 14px 18px 12px !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .menu,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-bottom-zone,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .menu,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-bottom-zone {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand-main-logo,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand-subtitle-text,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand-main-logo,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand-subtitle-text,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-section,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-section,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-account-card,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-account-card {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}

/* v407: final readable sidebar lock. Keep nav geometry identical on hover/focus. */
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu .menu-item.menu-item,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu .menu-item.menu-item,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu .menu-item.menu-item:hover,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link:hover {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px 0 30px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  line-height: 38px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu .menu-item.menu-item::before,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu .menu-item.menu-item::after,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu .menu-item.menu-item::before,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu .menu-item.menu-item::after,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu .menu-item.menu-item:hover::before,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu .menu-item.menu-item:hover::after,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::before,
html:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* v390: absolute production sidebar freeze.
   This deliberately ignores collapsed/hover/focus classes so the client never
   jumps while the cursor moves across the navigation. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body .shell,
  html:not(.react-student-embedded) body .shell:hover,
  html:not(.react-student-embedded) body .shell:focus-within,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover),
  html:not(.react-student-embedded) body .shell:has(> .sidebar:focus-within),
  html:not(.react-student-embedded) body .shell.sidebar-expanded,
  html:not(.react-student-embedded) body .shell.sidebar-collapsed,
  html:not(.react-student-embedded) body.compact-shell .shell,
  html:not(.react-student-embedded) body.compact-shell .shell:hover,
  html:not(.react-student-embedded) body.compact-shell .shell:has(> .sidebar:hover) {
    grid-template-columns: 236px minmax(0, 1fr) !important;
    transition: none !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body .shell > .sidebar,
  html:not(.react-student-embedded) body .shell:hover > .sidebar,
  html:not(.react-student-embedded) body .shell:focus-within > .sidebar,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover) > .sidebar,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:focus-within) > .sidebar,
  html:not(.react-student-embedded) body .shell.sidebar-collapsed > .sidebar,
  html:not(.react-student-embedded) body.compact-shell .shell > .sidebar,
  html:not(.react-student-embedded) body.compact-shell .shell:hover > .sidebar,
  html:not(.react-student-embedded) body.compact-shell .shell:has(> .sidebar:hover) > .sidebar {
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    padding: 14px 18px 12px !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .brand,
  html:not(.react-student-embedded) body .sidebar:hover .brand,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover) .sidebar .brand {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 0 0 10px !important;
    padding: 4px 0 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .brand-head.brand-head--main,
  html:not(.react-student-embedded) body .sidebar:hover .brand-head.brand-head--main,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover) .sidebar .brand-head.brand-head--main {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    display: grid !important;
    grid-template-rows: 64px auto !important;
    place-items: center !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar img.brand-logo.brand-main-logo,
  html:not(.react-student-embedded) body .sidebar:hover img.brand-logo.brand-main-logo,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover) .sidebar img.brand-logo.brand-main-logo {
    display: block !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .brand-icon-logo,
  html:not(.react-student-embedded) body .sidebar:hover .brand-icon-logo,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover) .sidebar .brand-icon-logo {
    display: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .brand-subtitle-text,
  html:not(.react-student-embedded) body .sidebar:hover .brand-subtitle-text,
  html:not(.react-student-embedded) body .shell:has(> .sidebar:hover) .sidebar .brand-subtitle-text {
    display: block !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    opacity: 1 !important;
    font-size: 11px !important;
    line-height: 1.52 !important;
    font-weight: 600 !important;
    text-align: center !important;
    white-space: normal !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .menu,
  html:not(.react-student-embedded) body .sidebar:hover .menu,
  html:not(.react-student-embedded) body .sidebar .sidebar-bottom-zone,
  html:not(.react-student-embedded) body .sidebar:hover .sidebar-bottom-zone {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .menu-item,
  html:not(.react-student-embedded) body .sidebar .menu-item:hover,
  html:not(.react-student-embedded) body .sidebar .menu-item:focus,
  html:not(.react-student-embedded) body .sidebar .menu-item:focus-visible,
  html:not(.react-student-embedded) body .sidebar .sidebar-bottom-link,
  html:not(.react-student-embedded) body .sidebar .sidebar-bottom-link:hover,
  html:not(.react-student-embedded) body .sidebar .sidebar-bottom-link:focus,
  html:not(.react-student-embedded) body .sidebar .sidebar-bottom-link:focus-visible {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 37px !important;
    min-height: 37px !important;
    max-height: 37px !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    justify-items: start !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    text-indent: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .menu-item::before,
  html:not(.react-student-embedded) body .sidebar .sidebar-bottom-link::before {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body .sidebar:hover .sidebar-account-card,
  html:not(.react-student-embedded) body .sidebar .sidebar-account-card:focus-within {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 6px 10px !important;
    overflow: hidden !important;
    transform: none !important;
    transition: none !important;
  }
}

/* v385: report empty-state cards should read like guidance, not a clipped widget. */
html:not(.react-student-embedded) .report-empty-coach.empty-box,
html:not(.react-student-embedded) .empty-box.report-empty-coach {
  height: auto !important;
  min-height: 180px !important;
  max-height: none !important;
  overflow: visible !important;
  align-content: start !important;
}

html:not(.react-student-embedded) .report-empty-coach.empty-box p,
html:not(.react-student-embedded) .empty-box.report-empty-coach p,
html:not(.react-student-embedded) .report-empty-coach.empty-box .report-empty-flow,
html:not(.react-student-embedded) .empty-box.report-empty-coach .report-empty-flow {
  overflow: visible !important;
  white-space: normal !important;
}

/* v382: hard freeze every visible sidebar control.
   Older experimental sidebar rules still exist in styles.css; this final layer
   makes hover/focus purely visual and prevents width, position, or text shifts. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar *,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar *::before,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar *::after {
    box-sizing: border-box !important;
    letter-spacing: 0 !important;
    transition-property: background-color, color, border-color, box-shadow !important;
    transition-duration: 0ms !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar button,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar button:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar button:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar button:focus-visible,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus-visible,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-link:focus-visible,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:focus-visible {
    outline: 0 !important;
    outline-offset: 0 !important;
    transform: none !important;
    filter: none !important;
    text-shadow: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus-visible {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    place-items: center start !important;
    contain: layout paint !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item.active,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item.active:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item.active:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item.active:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 12px 30px rgba(124, 77, 255, 0.28) !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-toggle,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-toggle:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-toggle:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-toggle:focus-visible {
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    outline: 0 !important;
    background: rgba(15, 23, 42, 0.18) !important;
    box-shadow: none !important;
    border-radius: 11px !important;
    color: rgba(226, 232, 240, 0.82) !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card:focus-within {
    width: 200px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 16px !important;
    background: rgba(15, 23, 42, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    overflow: hidden !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:focus-visible {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 14px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar #sidebarAccountAvatar.sidebar-account-avatar,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover #sidebarAccountAvatar.sidebar-account-avatar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar #sidebarAccountAvatar.sidebar-account-avatar {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    background-size: 112% 112% !important;
    background-position: center 47% !important;
    box-shadow: 0 0 0 1px rgba(226, 232, 240, 0.16) !important;
  }
}

/* v391: account card readability without hover movement. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-zone,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .sidebar-bottom-zone,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-bottom-zone {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    height: 134px !important;
    min-height: 134px !important;
    max-height: 134px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card:focus-within,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-account-card {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:hover .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-expanded:has(> .sidebar:focus-within) .sidebar .sidebar-account-card {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-button:focus-visible {
    grid-template-columns: 52px minmax(0, 1fr) 14px !important;
    width: 186px !important;
    min-width: 186px !important;
    max-width: 186px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    overflow: visible !important;
  }
}

/* v397: terminal sidebar geometry lock.
   This is intentionally last so old hover/collapsed experiments cannot
   reintroduce width, text, logo, or account-card movement. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body:not(.compact-shell) .shell,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:focus-within,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-expanded,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-expanded:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-collapsed,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-collapsed:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover),
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:focus-within) {
    grid-template-columns: 236px minmax(0, 1fr) !important;
    transition: none !important;
    transform: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:hover > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-expanded > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell.sidebar-collapsed > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) > .sidebar,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:focus-within) > .sidebar {
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    padding: 14px 18px 12px !important;
    overflow-x: hidden !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar > .brand,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover > .brand,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar > .brand {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 0 0 10px !important;
    padding: 4px 0 0 !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .menu,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .menu {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    gap: 3px !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .menu-item:focus-visible,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .menu-item {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 37px !important;
    min-height: 37px !important;
    max-height: 37px !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 0 14px !important;
    line-height: 37px !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-bottom-zone,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar:hover .sidebar-bottom-zone,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-bottom-zone {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    height: 134px !important;
    min-height: 134px !important;
    max-height: 134px !important;
    flex: 0 0 134px !important;
    margin-top: auto !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card:hover,
  html:not(.react-student-embedded) body:not(.compact-shell) .sidebar .sidebar-account-card:focus-within,
  html:not(.react-student-embedded) body:not(.compact-shell) .shell:has(> .sidebar:hover) .sidebar .sidebar-account-card {
    width: 208px !important;
    min-width: 208px !important;
    max-width: 208px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 6px 10px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }
}

/* v398: readable content guard for secondary pages. */
html:not(.react-student-embedded) body[data-active-panel="interview"] .interview-main-dashboard {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .interview-ai-coach-panel {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"] .interview-copilot-card,
html:not(.react-student-embedded) body[data-active-panel="interview"] .interview-ai-coach-panel .copilot-section,
html:not(.react-student-embedded) body[data-active-panel="interview"] .interview-ai-coach-panel .interview-coach-questions {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] #questionBankHint {
  min-height: 58px !important;
  height: auto !important;
  max-height: none !important;
  padding: 16px 18px !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.55 !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-bank-card {
  min-height: 220px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-content: start !important;
}

html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-bank-card p,
html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-bank-card .question-meta,
html:not(.react-student-embedded) body[data-active-panel="question-bank"] .question-bank-card .question-answer {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: 1.55 !important;
}

html:not(.react-student-embedded) body[data-active-panel="resume"] .resume-page-grid {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: start !important;
}

html:not(.react-student-embedded) body[data-active-panel="resume"] #resumeList.empty-box,
html:not(.react-student-embedded) body[data-active-panel="resume"] .stack-list.empty-box {
  min-height: 160px !important;
  height: auto !important;
  max-height: none !important;
  padding: 22px !important;
  overflow: visible !important;
  white-space: normal !important;
  align-content: center !important;
}

/* v399: interview coach rail delivery fit. */
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-copilot-card,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-copilot-card.section-card {
  min-height: 0 !important;
  height: min(552px, calc(100vh - 168px)) !important;
  max-height: min(552px, calc(100vh - 168px)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px !important;
  overflow: hidden !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-copilot-card > .section-head {
  flex: 0 0 42px !important;
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-copilot-card .interview-ai-coach-panel,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-ai-coach-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-rows: 112px 190px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-live-score-card,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-card,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-card {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px !important;
  border-radius: 16px !important;
  gap: 7px !important;
  overflow: hidden !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-live-score-card {
  display: grid !important;
  grid-template-rows: 22px 44px 1fr !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-completeness-main {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-completeness-main strong {
  font-size: 34px !important;
  line-height: 0.95 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-live-score-card > p {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-card {
  display: grid !important;
  grid-template-rows: 24px minmax(0, 1fr) !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-rows: 27px !important;
  gap: 5px !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-item {
  min-height: 27px !important;
  height: 27px !important;
  padding: 3px 8px !important;
  gap: 7px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-item span {
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-item b {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  font-size: 12px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-card {
  display: grid !important;
  grid-template-rows: 24px minmax(0, 1fr) 34px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-list {
  display: grid !important;
  grid-auto-rows: 34px !important;
  gap: 6px !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-list button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-card:not(.is-expanded) .coach-followup-list button:nth-child(n + 4),
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-list button.is-collapsed {
  display: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-card > p,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-judge-card,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-progress-stats {
  display: none !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-toggle {
  min-height: 34px !important;
  height: 34px !important;
  margin: 0 !important;
}

/* v399b: remove the remaining 52px coach-panel overflow. */
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-copilot-card .interview-ai-coach-panel,
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .interview-ai-coach-panel {
  grid-template-rows: 114px 174px 170px !important;
  gap: 8px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-live-score-card {
  height: 114px !important;
  min-height: 114px !important;
  max-height: 114px !important;
  grid-template-rows: 20px 66px 0 !important;
  box-sizing: border-box !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-card {
  height: 174px !important;
  min-height: 174px !important;
  max-height: 174px !important;
  grid-template-rows: 22px minmax(0, 1fr) !important;
  box-sizing: border-box !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-list {
  grid-auto-rows: 24px !important;
  gap: 4px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-structure-item {
  min-height: 24px !important;
  height: 24px !important;
  padding: 2px 8px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-card {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
  grid-template-rows: 22px minmax(0, 1fr) 30px !important;
  box-sizing: border-box !important;
  padding: 8px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-list {
  grid-auto-rows: 30px !important;
  gap: 5px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-list button {
  min-height: 30px !important;
  height: 30px !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-followup-toggle {
  min-height: 30px !important;
  height: 30px !important;
}

/* v401: keep the score card from clipping its helper sentence. */
html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-live-score-card {
  grid-template-rows: 20px 66px 0 !important;
  gap: 0 !important;
}

html:not(.react-student-embedded) body[data-active-panel="interview"]:not(.interview-coach-collapsed) .coach-live-score-card > p {
  display: none !important;
}

/* v404: absolute sidebar text lock. Remove legacy pseudo-icons/letter icons that overlap labels. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:focus-within) .sidebar .menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu-item,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-bottom-link,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu-item,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .sidebar-bottom-link,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu-item,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-bottom-link,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:focus-within) .sidebar .menu-item,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:focus-within) .sidebar .sidebar-bottom-link {
    position: relative !important;
    isolation: isolate !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 18px 0 30px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
    color: rgba(226, 232, 240, 0.84) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 38px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }

  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu-item::before,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu-item::after,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-bottom-link::before,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-bottom-link::after,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu-item::before,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu-item::after,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .sidebar-bottom-link::before,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .sidebar-bottom-link::after,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu-item::before,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu-item::after,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-bottom-link::before,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-bottom-link::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu-item.active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu-item.is-active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-bottom-link.active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-bottom-link.is-active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu-item.active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu-item.is-active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu-item.active,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu-item.is-active {
    color: #fff !important;
    background: linear-gradient(90deg, #3f8cff 0%, #7c4dff 58%, #a93cff 100%) !important;
    box-shadow: 0 12px 30px rgba(124, 77, 255, 0.26) !important;
  }

  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .sidebar-section,
  html:not(.react-student-embedded) body .shell.sidebar-expanded .sidebar .menu-section-label,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .sidebar-section,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:hover .sidebar .menu-section-label,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .sidebar-section,
  html:not(.react-student-embedded) body .shell.sidebar-expanded:has(> .sidebar:hover) .sidebar .menu-section-label {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 18px !important;
    margin: 7px 0 3px !important;
    line-height: 24px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: rgba(148, 163, 184, 0.76) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
  }
}

/* v408 absolute last: sidebar labels must never shift, duplicate, or overlap. */
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item:hover,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link:hover {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px 0 30px !important;
  box-sizing: border-box !important;
  color: rgba(226, 232, 240, 0.84) !important;
  font-size: 14px !important;
  font-weight: 820 !important;
  line-height: 38px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item:hover::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .menu.menu > .menu-item.menu-item:hover::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::after,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::before,
html:not(.react-student-embedded) body .shell.sidebar-expanded.sidebar-expanded:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* v409 final tail: click-only collapsed sidebar. Hover must not expand or reflow it. */
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover),
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) {
  grid-template-columns: 84px minmax(0, 1fr) !important;
  transition: none !important;
  transform: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:hover) > .sidebar.sidebar,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar.sidebar {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  padding: 14px 18px 12px !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .menu,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-bottom-zone,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .menu,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-bottom-zone {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  transform: none !important;
  transition: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand-main-logo,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .brand-subtitle-text,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand-main-logo,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .brand-subtitle-text,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-section,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-section,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-account-card,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-account-card {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .menu.menu > .menu-item.menu-item,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link,
html:not(.react-student-embedded) body .shell.sidebar-collapsed.sidebar-collapsed:hover > .sidebar.sidebar .sidebar-bottom-zone .sidebar-bottom-link.sidebar-bottom-link {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
}