/* MATHLVL_MOCK_LEARNING_REVIEW_V1 */
#panel-mocktest #mocktest-results-btn,
#panel-mocktest .mock-modern-stats,
#panel-mocktest .mock-best-score{
  display:none!important;
}
#panel-mocktest .mock-modern-hero{
  grid-template-columns:minmax(0,1fr)!important;
}
#panel-mocktest .mock-modern-copy{max-width:760px}

.mathlvl-mock-finish-now{
  border-color:rgba(255,201,60,.28)!important;
  color:#ffd56d!important;
  background:rgba(255,201,60,.055)!important;
}
.mathlvl-mock-finish-now:hover{
  background:rgba(255,201,60,.10)!important;
  border-color:rgba(255,201,60,.42)!important;
}

.mathlvl-math-keyboard{
  margin-top:10px;
  border-top:1px solid var(--border-soft);
  padding-top:10px;
}
.mathlvl-math-keyboard-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  border:1px solid rgba(112,135,255,.15);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:var(--text-dim);
  font:650 11.5px var(--font-body);
  cursor:pointer;
}
.mathlvl-math-keyboard-toggle:hover{color:var(--text);border-color:rgba(112,135,255,.3)}
.mathlvl-math-keyboard-panel{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}
.mathlvl-math-key{
  min-width:0;
  height:34px;
  padding:0 5px;
  border:1px solid rgba(115,138,255,.13);
  border-radius:8px;
  background:rgba(255,255,255,.03);
  color:#e6ebfb;
  font:650 12px var(--font-mono);
  cursor:pointer;
}
.mathlvl-math-key:hover{background:rgba(92,116,255,.10);border-color:rgba(105,131,255,.28)}
.mathlvl-math-keyboard-note{
  margin-top:7px;
  color:var(--text-dim);
  font-size:9.5px;
  line-height:1.45;
}
#mock-ai-feedback-box h3{
  margin:20px 0 8px;
  padding-top:14px;
  border-top:1px solid var(--border-soft);
  font-family:var(--font-display);
  font-size:15px;
}
#mock-ai-feedback-box h3:first-child{border-top:0;padding-top:0}
#mock-ai-feedback-box h2{
  margin:24px 0 10px;
  font-family:var(--font-display);
  font-size:18px;
}
#mock-ai-feedback-box p{margin:7px 0}
#mock-ai-feedback-box strong{color:#eef2ff}

html[data-theme="light"] .mathlvl-math-key{background:#fff;color:#263653;border-color:rgba(43,70,130,.12)}
html[data-theme="light"] .mathlvl-math-keyboard-toggle{background:#fff;color:#68758f;border-color:rgba(43,70,130,.12)}
html[data-theme="light"] #mock-ai-feedback-box strong{color:#17233e}

/* ---------- In-app mock confirmation ---------- */
.mathlvl-mock-confirm-backdrop{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(4,7,11,.72);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  animation:mathlvlMockFade .16s ease;
}
.mathlvl-mock-confirm{
  width:min(430px,100%);
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:
    radial-gradient(260px 140px at 100% 0,rgba(115,128,255,.10),transparent 72%),
    #10151c;
  box-shadow:0 30px 90px rgba(0,0,0,.46);
  animation:mathlvlMockPop .18s cubic-bezier(.2,.8,.2,1);
}
.mathlvl-mock-confirm-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border:1px solid rgba(115,128,255,.16);
  border-radius:12px;
  background:rgba(115,128,255,.09);
  color:#aeb6ff;
}
.mathlvl-mock-confirm-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mathlvl-mock-confirm-kicker{
  margin-bottom:7px;
  color:#7e8afa;
  font-size:8.5px;
  font-weight:850;
  letter-spacing:.16em;
}
.mathlvl-mock-confirm h3{
  margin:0 0 9px;
  color:#f1f4f8;
  font-family:var(--font-display);
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.mathlvl-mock-confirm p{
  margin:0;
  color:#7e899a;
  font-size:12px;
  line-height:1.65;
}
.mathlvl-mock-confirm-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:22px;
}
.mathlvl-mock-confirm-actions button{
  min-height:40px;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:750!important;
}
.mathlvl-mock-confirm-ok{
  border:1px solid transparent!important;
  background:#737ff5!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(91,107,240,.18)!important;
}
.mathlvl-mock-confirm-ok:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
@keyframes mathlvlMockFade{from{opacity:0}to{opacity:1}}
@keyframes mathlvlMockPop{
  from{opacity:0;transform:translateY(8px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

html[data-theme="light"] .mathlvl-mock-confirm-backdrop{
  background:rgba(32,42,60,.32);
}
html[data-theme="light"] .mathlvl-mock-confirm{
  border-color:rgba(31,45,67,.09);
  background:#fff;
  box-shadow:0 28px 76px rgba(42,54,76,.18);
}
html[data-theme="light"] .mathlvl-mock-confirm h3{color:#1b2536}
html[data-theme="light"] .mathlvl-mock-confirm p{color:#6f7c8f}
html[data-theme="light"] .mathlvl-mock-confirm-icon{
  border-color:rgba(93,110,230,.14);
  background:rgba(93,110,230,.07);
  color:#6170dc;
}

@media(max-width:600px){
  .mathlvl-math-keyboard-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
  .mathlvl-math-key{height:36px;font-size:12px}
  .mathlvl-mock-finish-now{width:100%}
}
@media(max-width:390px){
  .mathlvl-math-keyboard-panel{grid-template-columns:repeat(5,minmax(0,1fr))}
}