/*
 * Textbox Canvas Overlay Styles
 *
 * Provides positioning and styling for the canvas overlay
 * that renders interactive textboxes on PDF page images.
 */

/* Container for PDF image and canvas overlay */
.textbox-canvas-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

/* Canvas overlay positioned on top of PDF image */
.textbox-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  pointer-events: all;
  z-index: 10;
}

/* Ensure PDF image doesn't have pointer events when canvas is active */
.textbox-canvas-container img {
  pointer-events: none;
  user-select: none;
}

/* Focus styling for canvas accessibility */
.textbox-canvas-overlay:focus {
  outline: 2px solid rgba(59, 130, 246, 0.3);
  outline-offset: -2px;
}