/* global.css */
html, body, #root {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

/* .grid-menu-hover-container .grid-menu-btn {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.grid-menu-hover-container:hover .grid-menu-btn,
.grid-menu-btn:focus {
  opacity: 1 !important;
  pointer-events: auto;
}
 */
.dicom-viewer-root, #root {
  width: 100vw;
  height: 100vh;
  min-height: 0;
  min-width: 0;
  position: relative;
}

.dicom-viewer-test-root {
  box-sizing: border-box;
  color: rgb(128, 128, 128);
  display: block;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  height: 500px;
  line-height: 24px;
  max-height: 500px;
  overflow-x: auto;
  overflow-y: auto;
  text-align: start;
  text-size-adjust: 100%;
  unicode-bidi: isolate;
  width: 1296px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* In your global CSS */
.cornerstone-viewport, .cornerstone-canvas {
  cursor: inherit !important;
}

/* Make annotation displays smaller and more compact inside viewports */
.cornerstone-viewport {
  /* Target SVG text used by tools */
}
.cornerstone-viewport svg text,
.cornerstone-viewport .annotation-label,
.cornerstone-viewport .annotation-text,
.cornerstone-viewport .cornerstone-annotation,
.cornerstone-viewport .ct-annotation,
.cornerstone-viewport .annotation {
  font-size: 11px !important;
  line-height: 1 !important;
}

/* Smaller text boxes / labels */
.cornerstone-viewport .cornerstone-annotation-label,
.cornerstone-viewport .annotation-text {
  padding: 2px 4px !important;
  border-radius: 3px !important;
}

/* Reduce handle and marker sizes for compactness */
.cornerstone-viewport .handle,
.cornerstone-viewport .annotation-handle,
.cornerstone-viewport .ct-handle,
.cornerstone-viewport .cornerstone-handle {
  width: 8px !important;
  height: 8px !important;
}

/* If tools render HTML overlays, make them compact */
.cornerstone-viewport .ct-annotation-overlay {
  font-size: 11px !important;
  padding: 2px !important;
}