/* Practice overview covers are presentation only. Keep the existing card layout
   and controls in all four Light/Dark and Book Mode On/Off combinations. */
html[data-theme] body:has(#app > .app-header)
  :is(.wrong-overview-mark, .flagged-overview-mark) {
  font-size: 0 !important;
  color: transparent !important;
  background-color: #36210e !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: 0 5px 10px rgba(22, 19, 13, .23) !important;
}

html[data-theme] body:has(#app > .app-header) .flagged-overview-mark {
  background-image: url('/assets/practice/flagged-questions-cover.webp') !important;
}

html[data-theme] body:has(#app > .app-header) .wrong-overview-mark {
  background-image: url('/assets/practice/wrong-answers-cover.webp') !important;
}

html[data-theme="dark"] body:has(#app > .app-header)
  :is(.wrong-overview-mark, .flagged-overview-mark) {
  box-shadow: 0 7px 14px rgba(0, 0, 0, .45) !important;
}