/* MABNI v2.2.4 fixes: student-only login, readable completion bubbles, and non-cropped stars. */
#teacherSetupWizard{display:none;}
body.teacher-dashboard #teacherSetupWizard,
.teacher-shell #teacherSetupWizard{display:block;}

#lessonDialog .mp-level-road,
.mp-level-road{
  padding:18px 16px 30px!important;
  gap:18px!important;
  align-items:flex-start!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#lessonDialog .mp-level-bubble,
.mp-level-bubble{
  width:76px!important;
  min-width:76px!important;
  height:112px!important;
  display:grid!important;
  grid-template-rows:54px 20px 28px!important;
  justify-items:center!important;
  align-items:center!important;
  overflow:visible!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#lessonDialog .mp-level-bubble .bubble-core,
.mp-level-bubble .bubble-core{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
}
#lessonDialog .mp-level-bubble .bubble-stars,
.mp-level-bubble .bubble-stars{
  position:static!important;
  transform:none!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:1px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#lessonDialog .mp-level-bubble .bubble-stars.empty,
.mp-level-bubble .bubble-stars.empty{visibility:hidden!important;}
#lessonDialog .mp-level-bubble .bubble-stars .kenney-star,
.mp-level-bubble .bubble-stars .kenney-star{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  object-fit:contain!important;
}
#lessonDialog .mp-level-bubble .bubble-label,
.mp-level-bubble .bubble-label{
  order:3!important;
  max-width:76px!important;
  font-size:9px!important;
  line-height:1.12!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
#lessonDialog .mp-level-bubble.is-done .bubble-core,
.mp-level-bubble.is-done .bubble-core{
  border-color:#22c55e!important;
  background:linear-gradient(180deg,#eafff0,#ffffff)!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.12),0 8px 18px rgba(34,197,94,.14)!important;
}
#lessonDialog .mp-level-bubble .bubble-done-mark,
.mp-level-bubble .bubble-done-mark{
  position:absolute!important;
  right:-3px!important;
  top:-5px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#22c55e!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 4px 10px rgba(15,23,42,.18)!important;
}
.level-chip .chip-done-mark{
  position:absolute!important;
  right:4px!important;
  top:3px!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#22c55e!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  border:2px solid #fff!important;
  line-height:1!important;
}
.goal-recycle-bin .mission-goal-ring{fill:rgba(14,165,233,.12)!important;stroke:#0ea5e9!important;}
.goal-recycle-bin .goal-label{fill:#0369a1!important;font-weight:1000!important;}
.goal-recycle-bin .goal-recycle-img{filter:drop-shadow(0 7px 7px rgba(11,37,84,.24));}
html[data-theme="night"] #lessonDialog .mp-level-bubble.is-done .bubble-core,
html[data-theme="night"] .mp-level-bubble.is-done .bubble-core{
  background:linear-gradient(180deg,#123522,#17233a)!important;
  border-color:#34d399!important;
}