/*
 * Local wrapper styling for the embedded PDF.js viewer.
 * Keep the browser-reader controls, but remove file-import and editing affordances.
 */
#openFile,
#secondaryOpenFile,
#editorModeButtons,
#editorModeSeparator {
  display: none !important;
}

@media (max-width: 640px) {
  #toolbarViewer {
    align-items: center;
    display: flex;
    min-width: 0;
  }

  #toolbarContainer {
    overflow-x: hidden;
    overflow-y: hidden;
  }

  #toolbarViewerLeft,
  #toolbarViewerMiddle {
    align-items: center;
    display: flex;
    float: none;
    position: static;
  }

  #toolbarViewerMiddle {
    margin-left: 4px;
    transform: none;
  }

  #toolbarViewerLeft > *,
  #toolbarViewerMiddle > * {
    float: none;
  }

  #sidebarToggle,
  .toolbarButtonSpacer,
  #viewFind,
  #toolbarViewerRight {
    display: none !important;
  }

  #outerContainer .hiddenSmallView,
  #outerContainer .hiddenSmallView * {
    display: inline-block !important;
  }

  #previous,
  #next,
  #zoomOut,
  #zoomIn,
  #scaleSelectContainer,
  #pageNumber,
  #numPages {
    display: inline-block !important;
  }

  #pageNumber {
    width: 40px;
  }

  #numPages {
    margin-inline-end: 2px;
    max-width: 48px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }

  #scaleSelectContainer,
  #scaleSelect {
    width: 108px;
  }
}