.PdfHighlighter {
  position: absolute;
  overflow: auto;
  width: 100%;
  height: 100%;
  /* background-color is now controlled via inline style for theming */
}

/* Style the scrollbar */
.PdfHighlighter::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.PdfHighlighter::-webkit-scrollbar-thumb {
  background-color: #9f9f9f;
  border-radius: 5px;
}

.PdfHighlighter::-webkit-scrollbar-thumb:hover {
  background-color: #d1d1d1;
}

.PdfHighlighter::-webkit-scrollbar-track {
  background-color: #2c2c2c;
  border-radius: 5px;
}

.PdfHighlighter::-webkit-scrollbar-track-piece {
  background-color: #2c2c2c;
}

.PdfHighlighter__tip-container {
  z-index: 6;
  position: absolute;
}

.PdfHighlighter__highlight-layer {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}

.textLayer > .PdfHighlighter__highlight-layer {
  z-index: 4;
}

.PdfHighlighter__note-layer {
  position: absolute;
  inset: 0;
  z-index: 5;
  mix-blend-mode: normal;
  pointer-events: none;
}

.PdfHighlighter__config-layer {
  position: absolute;
  inset: 0;
  z-index: 6;
  mix-blend-mode: normal;
  pointer-events: none;
}

.PdfHighlighter__highlight-layer > div,
.PdfHighlighter__highlight-layer .MonitoredHighlightContainer,
.PdfHighlighter__highlight-layer .TextHighlight,
.PdfHighlighter__highlight-layer .AreaHighlight,
.PdfHighlighter__highlight-layer .FreetextHighlight,
.PdfHighlighter__highlight-layer .ImageHighlight,
.PdfHighlighter__highlight-layer .DrawingHighlight,
.PdfHighlighter__highlight-layer .ShapeHighlight {
  pointer-events: auto;
}

.PdfHighlighter__note-layer > div,
.PdfHighlighter__note-layer .FreetextHighlight {
  pointer-events: auto;
}

.PdfHighlighter__config-layer > * {
  pointer-events: auto;
}

.PdfHighlighter--disable-selection {
  user-select: none;
  pointer-events: none;
}

.PdfHighlighter--freetext-mode {
  cursor: crosshair;
}

.PdfHighlighter--freetext-mode .pdfViewer,
.PdfHighlighter--freetext-mode .textLayer {
  cursor: crosshair;
}

.PdfHighlighter--image-mode {
  cursor: crosshair;
}

.PdfHighlighter--image-mode .pdfViewer,
.PdfHighlighter--image-mode .textLayer {
  cursor: crosshair;
}

.PdfHighlighter--drawing-mode {
  cursor: crosshair;
}

.PdfHighlighter--drawing-mode .pdfViewer,
.PdfHighlighter--drawing-mode .textLayer {
  cursor: crosshair;
}

.PdfHighlighter--area-mode {
  cursor: crosshair;
}

.PdfHighlighter--area-mode .pdfViewer,
.PdfHighlighter--area-mode .textLayer {
  cursor: crosshair;
}

/* Dark mode - softer inversion for comfortable reading
   Uses 0.9 intensity by default for a dark gray (~#1a1a1a) instead of pure black.
   The brightness adjustment helps maintain readability.
   Note: These are fallback values - actual intensity is controlled via inline styles
   when darkModeInvertIntensity is customized in the theme prop. */
.PdfHighlighter--dark .page {
  filter: invert(0.9) hue-rotate(180deg) brightness(1.05);
}

/* Double-invert highlights to preserve their original colors */
.PdfHighlighter--dark .PdfHighlighter__highlight-layer {
  filter: invert(0.9) hue-rotate(180deg) brightness(0.95);
}

.PdfHighlighter--dark .PdfHighlighter__note-layer {
  filter: invert(0.9) hue-rotate(180deg) brightness(0.95);
}

.PdfHighlighter--dark .PdfHighlighter__config-layer {
  filter: invert(0.9) hue-rotate(180deg) brightness(0.95);
}