/* Sonar Spark proxy styles will be added here. */

/*
  Prevents the body's margin from collapsing with its children's margins.
  This ensures that document.documentElement.scrollHeight provides an accurate
  measurement of the total content height, including all margins.
*/
body {
  display: flow-root !important;
}

/*
  Ensures the iframe's height doesn't expand to fill the viewport.
  This is necessary to allow us to measure the iframe's height accurately.

*/
html,
body {
  height: auto !important;
  min-height: 0 !important;
  overflow-y: hidden !important; /* scrollbars can show up due to rounding errors */
}

/* --- Element Inspector Styles --- */

/* 1. Change the cursor to a crosshair when inspecting mode is active */
body.sonar-spark-inspecting,
body.sonar-spark-inspecting * {
  cursor: crosshair !important;
}

/* 2. Style the highlighter overlay */
#sonar-spark-highlighter {
  position: absolute;
  display: none; /* Hidden by default */
  background-color: rgba(44, 110, 203, 0.25); /* #2c6ecb with alpha */
  border: 2px solid #2c6ecb;
  border-radius: 4px;
  z-index: 99999999; /* Ensure it's on top of everything */
  pointer-events: none; /* Let clicks pass through to the element underneath */
  transition:
    top 0.1s ease-out,
    left 0.1s ease-out,
    width 0.1s ease-out,
    height 0.1s ease-out;
}
