/* Narrow the overlay's bounding box to the content area (right of sidebar,
   below topbar). This makes Vuetify's flex-centering operate within that
   area, so the dialog is centred correctly and naturally shrinks when the
   available width is too small to fit max-width. Not for an attached preview
   (the search popup): it sits inside another dialog, where shifting it by the
   page's sidebar width and top bar throws it off-centre. */
.v-overlay:has(.preview-dialog-content:not(.preview-dialog-attached)) {
  left: var(--content-area-left, 0px) !important;
  top: var(--content-area-top, 64px) !important;
}

.preview-title[data-v-14ebfbbe] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-nav-controls[data-v-14ebfbbe] {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  margin-right: 8px;
}
.preview-nav-counter[data-v-14ebfbbe] {
  min-width: 3em;
  text-align: center;
}
.preview-body[data-v-14ebfbbe] {
  height: 75vh;
  overflow-y: auto;
}
.preview-body[data-v-14ebfbbe] img {
  max-height: calc(75vh - 150px);
  width: auto !important;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}