/* RAZLOMCI CHECK STATE 1.8.2 — author-approved visual reference L9.80.
   Scope: the three visible Check states only. Lesson flow, placement and feedback behavior stay local.
   L9.95: gray check, red incorrect and green correct (copied directly from L9.81). */
#frame[id] #checkBtn.rzCheckStateControl,
#frame[id] #checkPracticeBtn.rzCheckStateControl{
  --rz-check-neutral:#bcc1c8;
  --rz-check-ready:#bcc1c8;
  --rz-check-correct:#39FF14;
  --rz-check-wrong:#ff3333;
  right:28px!important;
  width:128px!important;
  height:48px!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:2px solid var(--rz-check-neutral)!important;
  border-radius:12px!important;
  background:var(--rz-check-neutral)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:400!important;
  line-height:35px!important;
  text-align:center!important;
  outline:none!important;
  box-shadow:none!important;
}
#frame[id] #checkBtn.rzCheckStateControl.inputReady,
#frame[id] #checkPracticeBtn.rzCheckStateControl.inputReady{
  border-color:var(--rz-check-ready)!important;
  background:var(--rz-check-ready)!important;
  color:#fff!important;
  box-shadow:none!important;
}
#frame[id] #checkBtn.rzCheckStateControl.correct,
#frame[id] #checkPracticeBtn.rzCheckStateControl.correct{
  border-color:var(--rz-check-correct)!important;
  background:var(--rz-check-correct)!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:none!important;
  opacity:1!important;
}
#frame[id] #checkBtn.rzCheckStateControl.wrong,
#frame[id] #checkPracticeBtn.rzCheckStateControl.wrong{
  border-color:var(--rz-check-wrong)!important;
  background:var(--rz-check-wrong)!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:none!important;
  opacity:1!important;
}
#frame[id] #checkBtn.rzCheckStateControl .checkLabel,
#frame[id] #checkPracticeBtn.rzCheckStateControl .checkLabel{
  display:inline-block!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  transform:none!important;
}
#frame[id] #checkBtn.rzCheckStateControl .rzCheckStateBadge,
#frame[id] #checkPracticeBtn.rzCheckStateControl .rzCheckStateBadge{
  position:absolute!important;
  left:auto!important;
  right:-15.6px!important;
  top:-19.6px!important;
  bottom:auto!important;
  width:27.2px!important;
  min-width:27.2px!important;
  max-width:27.2px!important;
  height:27.2px!important;
  min-height:27.2px!important;
  max-height:27.2px!important;
  box-sizing:border-box!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border:1.6px solid currentColor!important;
  border-radius:50%!important;
  background:#fff!important;
  font-size:19.2px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
  pointer-events:none!important;
}
#frame[id] #checkBtn.rzCheckStateControl.correct .rzCheckStateBadge,
#frame[id] #checkPracticeBtn.rzCheckStateControl.correct .rzCheckStateBadge{
  display:flex!important;
  color:var(--rz-check-correct)!important;
  border-color:var(--rz-check-correct)!important;
}
#frame[id] #checkBtn.rzCheckStateControl.wrong .rzCheckStateBadge,
#frame[id] #checkPracticeBtn.rzCheckStateControl.wrong .rzCheckStateBadge{
  display:flex!important;
  color:var(--rz-check-wrong)!important;
  border-color:var(--rz-check-wrong)!important;
}

/* Match the reference label without changing any lesson wording or events. */
#frame[id] :is(#checkBtn,#checkPracticeBtn).rzCheckStateControl:not(.correct):not(.wrong) .checkLabel { text-transform:lowercase!important; }