.protected-pdf-preview {
  min-height: 480px;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #f2f4f3;
}

.protected-pdf-preview iframe {
  display: block;
  width: 100%;
  height: min(72vh, 760px);
  border: 0;
  background: #fff;
}

.protected-pdf-preview > p {
  padding: 18px;
  color: var(--muted);
}

.protected-pdf-preview .document-preview-error {
  color: #91393d;
}

.protected-image-preview {
  margin: 14px;
  min-height: 220px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
}

.protected-image-preview .submission-document-image {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: none;
  height: auto;
  margin: 0 auto;
  border-radius: 0;
}

.protected-image-preview > p {
  padding: 18px;
  color: var(--muted);
}

.protected-image-preview .document-preview-error {
  color: #91393d;
}

@media (max-width: 720px) {
  .protected-pdf-preview {
    min-height: 420px;
  }
  .protected-pdf-preview iframe {
    height: 62vh;
  }
}
.document-full-window{position:fixed!important;inset:0!important;z-index:10000;background:#f7faf8;padding:18px;display:grid!important;grid-template-rows:auto minmax(0,1fr);gap:10px}.document-full-window .submission-document-frame{width:100%;height:100%;min-height:0}.document-view-open{overflow:hidden}

.submitted-document .document-heading > div:last-child { display:flex; flex-wrap:wrap; gap:8px; }
.protected-image-preview .submission-document-image { transform:rotate(0deg); transform-origin:center; }
.protected-image-preview[data-rotation="90"] .submission-document-image { transform:rotate(90deg); max-width:min(70%,70vh); margin:8vh auto; }
.protected-image-preview[data-rotation="180"] .submission-document-image { transform:rotate(180deg); }
.protected-image-preview[data-rotation="270"] .submission-document-image { transform:rotate(270deg); max-width:min(70%,70vh); margin:8vh auto; }
.submitted-document.image-full-window { position:fixed!important; inset:0!important; z-index:10000; display:flex; flex-direction:column; background:#f7faf8; padding:16px; overflow:auto; }
.image-full-window .protected-image-preview { flex:1; min-height:0; margin:8px 0; display:grid; place-items:center; overflow:auto; }
.image-full-window .submission-document-image { max-width:90vw; max-height:calc(100vh - 150px); object-fit:contain; }
.image-full-window .protected-image-preview[data-rotation="90"] .submission-document-image,
.image-full-window .protected-image-preview[data-rotation="270"] .submission-document-image { max-width:min(70vw,70vh); max-height:70vh; margin:auto; }