#mistakes-view[hidden] { display: none !important; }
html body.detail-view-active #mistakes-view:not([hidden]) {
  position: fixed !important;
  z-index: 10020 !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body #mistakes-view:not([hidden]) {
  position: fixed !important;
  z-index: 10020 !important;
  inset: 0 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#mistakes-view .mistakes-feedback { display: none; }
#mistakes-view .mistakes-feedback.visible { display: block; min-height: 0; margin: 8px 0 0; padding: 7px 10px; border: 1px solid #d7e1eb; background: #fff; color: #526176; font: 11px/1.6 "Segoe UI", "Microsoft YaHei UI", sans-serif; }
#mistakes-view .mistake-feedback-error { margin: 8px 0; color: #9b2c2c; }
#mistakes-view .mistake-practice-result { display: block; margin-top: 8px; padding: 0; border: 0; background: transparent; font-size: 12px; line-height: 1.7; }
#mistakes-view .mistake-practice-result.correct { color: #21734a; }
#mistakes-view .mistake-practice-result.incorrect { color: #9b2c2c; }
#mistakes-view .mistake-practice-entry { display: flex; gap: 7px; margin-top: 9px; }
#mistakes-view .mistake-practice-entry input { flex: 1; min-width: 0; padding: 7px; border: 1px solid #cbd8e4; }
#mistakes-view .mistake-practice-entry button { padding: 7px 12px; border: 1px solid #294767; border-radius: 4px; background: #294767; color: #fff; cursor: pointer; }
#mistakes-view .mistake-practice-entry button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 390px) {
  #mistakes-view .mistake-review-options { grid-template-columns: minmax(0, 1fr); }
  #mistakes-view .mistake-practice-entry { flex-wrap: wrap; }
  #mistakes-view .mistake-practice-entry button { width: 100%; min-height: 38px; }
}

/* Match the legacy full-screen workspace geometry without changing its data flow. */
body.detail-view-active:has(#mistakes-view:not([hidden])) .topbar {
  position: relative !important;
  z-index: 10022 !important;
}
@media (min-width: 761px) {
  #mistakes-view .mistake-center-panel {
    top: 62px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  #mistakes-view .mistake-center-panel::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  #mistakes-view .mistake-center-header {
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 26px !important;
    box-sizing: border-box !important;
  }
}