.heatmap-tooltip {
  position: absolute;
  padding: 6px 10px;
  background: var(--tblr-bg-surface);
  border: 1px solid var(--tblr-border-color);
  border-radius: 4px;
  font-size: 0.8125rem;
  color: var(--tblr-body-color);
  pointer-events: none;
  z-index: 1000;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.heatmap-cell {
  rx: 2;
  ry: 2;
}

.heatmap-empty {
  fill: var(--tblr-bg-surface-secondary);
}

.heatmap-label {
  fill: var(--tblr-body-color);
  font-size: 10px;
  font-family: var(--tblr-font-sans-serif);
}