/* v83: keep every collapsed navigation icon fully inside its hit target. */
@media (min-width: 900px) {
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:hover > .sidebar .menu.menu > .menu-item.menu-item,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item {
    position: relative !important; display: block !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important;
    height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 auto !important; padding: 0 !important;
    line-height: 0 !important; overflow: visible !important;
  }
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:hover > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon {
    position: absolute !important; inset: 0 !important; display: grid !important; place-items: center !important;
    width: 24px !important; min-width: 24px !important; max-width: 24px !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important;
    margin: auto !important; padding: 0 !important; overflow: visible !important;
  }
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:hover > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:hover) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed:has(> .sidebar:focus-within) > .sidebar .menu.menu > .menu-item.menu-item > .menu-item-icon::before {
    width: 24px !important; min-width: 24px !important; max-width: 24px !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important;
    -webkit-mask-position: center !important; -webkit-mask-size: 24px 24px !important; mask-position: center !important; mask-size: 24px 24px !important;
  }
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active) { border-radius: 13px !important; }
}
+/* v85: terminal hover freeze for every legacy sidebar state and theme. */
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-theme="light"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
html[data-theme="light"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
  color: #334155 !important;
}

html[data-theme="dark"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
html[data-theme="dark"][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
  color: #dbe7f5 !important;
}

html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon,
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon {
  color: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon::before,
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon::before {
  opacity: 0.9 !important;
  filter: none !important;
  transform: none !important;
}

html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active),
html[data-theme][data-theme]:not(.react-student-embedded) body[data-active-panel][data-active-panel] .shell.shell > .sidebar.sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active):hover {
  color: #ffffff !important;
  background: linear-gradient(90deg, #2563eb 0%, #6d5dfc 58%, #9333ea 100%) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22) !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* v84: mouse movement must not create a navigation state change. */
@media (min-width: 900px) {
  html:not(.react-student-embedded):not([data-theme="dark"]) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
  html:not(.react-student-embedded):not([data-theme="dark"]) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
    color: #53627a !important;
  }

  html:not(.react-student-embedded)[data-theme="dark"] body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
  html:not(.react-student-embedded)[data-theme="dark"] body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
    color: rgba(226, 232, 240, 0.82) !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active),
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon {
    color: inherit !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active) > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:not(.active, .is-active):hover > .menu-item-icon::before {
    opacity: 0.9 !important;
    filter: none !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active),
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active):hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4169f6 0%, #8b4ff3 100%) !important;
    box-shadow: 0 10px 24px rgba(91, 76, 238, 0.28) !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active) > .menu-item-icon::before,
  html:not(.react-student-embedded) body[data-active-panel] .shell.sidebar-collapsed > .sidebar .menu.menu > .menu-item.menu-item:is(.active, .is-active):hover > .menu-item-icon::before {
    opacity: 1 !important;
  }
}