/* EW Review Safe Viewer V1 – scoped to student review screens. */
body.ew-review-modal-open { overflow: hidden !important; }
button[data-ew-review-open] { cursor: zoom-in; }
button[data-ew-review-open]:focus-visible,
.ew-review-thumbnail:focus-visible { outline: 3px solid #f59e0b; outline-offset: 3px; }
.ew-review-solution-trigger {
  display:block; width:100%; padding:0; margin:0; border:0;
  background:transparent; border-radius:10px; cursor:zoom-in;
}
.ew-review-solution-trigger img {
  max-width:100%; -webkit-user-select:none; user-select:none; -webkit-user-drag:none;
}
.ew-review-thumbnail { cursor: zoom-in; user-select:none; -webkit-user-select:none; -webkit-user-drag:none; }
.ew-review-dialog[hidden] { display:none !important; }
.ew-review-dialog {
  position:fixed; inset:0; z-index:2147483000;
  display:flex; flex-direction:column; align-items:stretch;
  background:rgba(2,9,23,.97); color:#f8fafc; padding: max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
  font-family:Tahoma,Arial,sans-serif; direction:rtl;
}
.ew-review-toolbar {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px;
  width:100%; margin:0 auto 10px; padding:6px; flex-shrink:0;
}
.ew-review-toolbar button {
  padding:8px 13px; border:1px solid #6ee7b7; border-radius:10px;
  background:#153d36; color:#fff; font:700 15px/1.5 Tahoma,Arial,sans-serif; min-width:44px; min-height:44px;
}
.ew-review-toolbar button.ew-review-close { background:#7f1d1d; border-color:#fda4af; }
.ew-review-stage {
  position:relative; min-height:0; flex:1; overflow:hidden; width:100%; max-width:1200px;
  margin:0 auto; display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(110,231,183,.32); border-radius:12px;
  background:#101827; touch-action:none; cursor:grab;
}
.ew-review-stage.ew-review-panning { cursor:grabbing; }
.ew-review-stage img {
  display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;
  pointer-events:none; user-select:none; -webkit-user-select:none; -webkit-user-drag:none;
  transform-origin:center center; will-change:transform;
}
.ew-review-message {
  position:absolute; inset:auto 0 10px; text-align:center; color:#fcd34d;
  font:14px/1.6 Tahoma,Arial,sans-serif; pointer-events:none; padding:0 15px;
}
@media(max-width:600px) {
  .ew-review-dialog { padding-inline:6px; }
  .ew-review-toolbar { gap:5px; }
  .ew-review-toolbar button { padding:6px 9px; }
}