/* Private attachment viewer: keep the management page and its review drafts intact. */
body dialog.eng-file-viewer,
body.light-mode.admin-mode dialog.eng-file-viewer {
  box-sizing: border-box;
  width: min(920px, calc(100vw - 24px));
  height: fit-content !important;
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #dae3de;
  border-radius: 22px;
  background: #fff;
  color: #243c35;
  box-shadow: 0 24px 90px #0d252b40;
}
.eng-file-viewer::backdrop { background: #10272f9c; }
.eng-file-viewer[open] { display: flex; flex-direction: column; }
.eng-file-head { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; }
.eng-file-head h2 { margin: 0; font-size: 16px; line-height: 1.7; color: #243c35; }
.eng-file-head p { margin: 2px 0 0; font-size: 12px; line-height: 1.6; color: #71847b; }
.eng-file-viewer .eng-file-close { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; border: 1px solid #dce5df; border-radius: 14px; background: #f3f7f2; color: #3f6050; cursor: pointer; }
.eng-file-close svg { width: 22px; height: 22px; }
.eng-file-stage { display: grid; place-items: center; min-height: 140px; min-width: 0; padding: 12px; background: #0d171e; color: #f3f7f7; }
.eng-file-stage :is(video,img) { display: block; width: 100%; height: auto; max-width: 100%; max-height: calc(100dvh - 150px); margin: 0; object-fit: contain; border-radius: 8px; background: #0d171e; }
.eng-file-stage audio { width: min(100%, 560px); }
.eng-file-stage p { margin: 16px; text-align: center; color: #f3f7f7; line-height: 1.9; font-size: 14px; }
html:has(body .eng-file-viewer[open]), body:has(.eng-file-viewer[open]), body.light-mode.admin-mode:has(.eng-file-viewer[open]) { overflow: hidden !important; }
@media (max-width: 600px) {
  body dialog.eng-file-viewer, body.light-mode.admin-mode dialog.eng-file-viewer { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 24px); border-radius: 18px; }
  .eng-file-head { padding: 12px; gap: 10px; }
  .eng-file-head h2 { font-size: 15px; }
  .eng-file-head p { font-size: 11px; }
  .eng-file-stage { padding: 6px; }
}