/* Scoped to the review notebook; no layout changes to other learning pages. */
.mistake-panel{overflow:visible}
.mistake-selection-bar{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:#f4f7ff;border-top:1px solid #dce6fb;border-bottom:1px solid #dce6fb}
.mistake-selection-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.mistake-selection-copy strong{font-size:14px;font-weight:600;color:#2b466d}
.mistake-selection-copy>span{font-size:12px;line-height:1.6;color:#7b8eab}
.mistake-selection-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mistake-selection-link{font-size:12px;color:#4c74b9;padding:8px 0;white-space:nowrap}
.mistake-selection-link:hover{text-decoration:underline}
.mistake-selection-tools .button{min-width:128px}
.mistake-select-page{display:inline-flex;align-items:center;gap:12px;min-height:32px;cursor:pointer}
.mistake-select-page input,.mistake-check input{width:18px;height:18px;accent-color:#2563eb;cursor:pointer;margin:0;flex-shrink:0}
.mistake-choice{display:flex;gap:10px;align-items:flex-start}
.mistake-check{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:36px;margin-left:-7px;cursor:pointer}
.mistake-word{min-width:0;flex:1}
.study-ui[data-study-view=mistakes] #main .data-table tr.mistake-selected{background:#f0f5ff}
.study-ui[data-study-view=mistakes] #main .mistake-word .review-term{min-width:0;flex-wrap:wrap}
@media(max-width:900px){.mistake-selection-bar{align-items:flex-start;flex-direction:column;gap:10px}.mistake-selection-tools{width:100%}.mistake-selection-tools .button{margin-left:auto}}
@media(max-width:680px){
  .mistake-selection-bar{top:0;padding:12px 16px;gap:6px}
  .mistake-selection-copy{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px}
  .mistake-selection-copy>span{font-size:11px}
  .mistake-selection-tools{gap:12px}
  .mistake-selection-tools .button{min-width:116px;padding:10px 12px;font-size:12px}
  .mistake-selection-link{font-size:12px}
  .mistake-check{min-width:40px;min-height:40px;margin-left:-10px;margin-top:-4px}
  .mistake-check input{width:21px;height:21px}
  .mistake-choice{gap:8px}
  .study-ui[data-study-view=mistakes] #main .data-table tr.mistake-selected{border-color:#a9c3fa}
}