.pdf-fullscreen-button { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 8px; flex: 0 0 auto; border: 1px solid #d9e5de; border-radius: 8px; background: #fff; color: #326a56; cursor: pointer; }
.pdf-fullscreen-button:hover { background: #eef7f2; }
.pdf-fullscreen-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.protected-pdf-actions { display: flex; align-items: center; gap: 8px; }
.protected-viewer header > span { min-width: 0; overflow-wrap: anywhere; }
#protectedPdfModal .protected-viewer::after { display: none; }
.protected-viewer.is-fullscreen, .protected-viewer:fullscreen { position: fixed; inset: 0; width: 100%; height: 100vh; height: 100dvh; max-height: none; border-radius: 0; }
.pdf-readonly, .pdf-readonly * { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.pdf-readonly canvas { -webkit-user-drag: none; }
.pdf-embedded #materialTitle, .pdf-embedded #viewerFullscreen { display: none; }
html.is-fullscreen #materialTitle { display: none; }
@media (max-width: 600px) {
  #protectedPdfModal { padding: 8px; }
  #protectedPdfModal .protected-viewer:not(.is-fullscreen) { height: calc(100vh - 16px); height: calc(100dvh - 16px); }
  #protectedPdfModal .protected-viewer header { padding: 10px 12px; gap: 8px; }
}
@media print {
  body.pdf-readonly > *, body.pdf-protected > * { display: none !important; }
  body.pdf-readonly::after, body.pdf-protected::after { display: block; content: 'Бұл материалды басып шығару шектелген.'; color: #21392e; }
}

/* The book header belongs to the reader; host actions sit alongside it. */
#protectedPdfModal .protected-viewer { position: relative; width: min(100%, 1520px); height: calc(100dvh - 40px); grid-template-rows: minmax(0, 1fr); border-radius: 12px; }
#protectedPdfModal .protected-viewer > header { position: absolute; z-index: 3; top: 21px; right: 20px; padding: 0; border: 0; background: transparent; }
#protectedPdfModal .protected-viewer > header > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#protectedPdfModal .protected-viewer.is-fullscreen, #protectedPdfModal .protected-viewer:fullscreen { position: fixed; height: 100dvh; width: 100%; border-radius: 0; }
@media (max-width: 700px) {
  #protectedPdfModal .protected-viewer > header { top: 16px; right: 12px; padding: 0; }
  #protectedPdfModal .protected-viewer { height: calc(100dvh - 16px); border-radius: 8px; }
}