:root {
  --sigma-tooltip-bg: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
  --sigma-tooltip-text: #1c3d59;
  --sigma-tooltip-border: rgba(17, 101, 147, 0.22);
  --sigma-tooltip-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
}

#sigma-tooltip-container {
  pointer-events: none;
}

/* Global tooltip styles for SigmaTooltip */
.sigma-tooltip {
  background: var(--sigma-tooltip-bg);
  color: var(--sigma-tooltip-text);
  padding: 8px 11px;
  border-radius: 10px;
  border: 1px solid var(--sigma-tooltip-border);
  font-size: 12px;
  font-weight: 600;
  max-width: calc(100vw - 16px);
  width: max-content;
  box-shadow: var(--sigma-tooltip-shadow);
  line-height: 1.35;
  z-index: 99999;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.sigma-tooltip::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #f7fbfe;
  border-left: 1px solid var(--sigma-tooltip-border);
  border-top: 1px solid var(--sigma-tooltip-border);
  transform: translateX(-50%) rotate(45deg);
}

.sigma-tooltip[data-placement="top"]::before {
  bottom: -6px;
  border-left: 0;
  border-top: 0;
  border-right: 1px solid var(--sigma-tooltip-border);
  border-bottom: 1px solid var(--sigma-tooltip-border);
}

.sigma-tooltip[data-placement="bottom"]::before {
  top: -6px;
}

/* Hide legacy CSS pseudo-element tooltips for elements managed by SigmaTooltip */
[data-tooltip][data-sigma-tooltip-managed]::after,
[data-tooltip][data-sigma-tooltip-managed]::before {
  display: none !important;
  content: none !important;
}