/* Tooltip styles for receiver tooltips and similar overlays */

.receiver-tooltip {
  position: absolute;
  background-color: var(--color-tooltip-bg);
  border: var(--border-width) var(--border-style) var(--color-primary);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-normal);
  text-shadow: 0 0 5px var(--color-primary);
  box-shadow: inset 0 0 10px var(--color-primary-glow-20);
  pointer-events: none;
  z-index: var(--z-tooltip);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  white-space: nowrap;
}

.receiver-tooltip.visible {
  opacity: 1;
}

.receiver-tooltip-coordinates {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  font-weight: normal;
  text-transform: none;
  text-shadow: none;
  color: var(--color-text-light);
}

.receiver-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: var(--color-primary) transparent transparent transparent;
}