/* Heatmap extracted styles - 统一使用 arc- 前缀类名 */
.right-heatmap .activity-grid {
  display: grid;
  grid-template-columns: repeat(25, 11px);
  grid-auto-rows: 11px;
  gap: 3px;
  align-content: start;
}
.right-heatmap .hm-panel {
  position: relative;
  min-height: 53px;
}
.right-heatmap .hm-panel .heatmap-loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* 统一类名：支持 arc-heatmap-cell（新） */
.right-heatmap .arc-heatmap-cell,
.right-heatmap .activity-day {
  width: 11px;
  height: 11px;
  border-radius: 2px;
  background: var(--hm-c0);
  position: relative;
  transition: background-color 0.25s ease, transform 0.18s ease;
  flex: 0 0 auto;
}

/* 支持新旧两种类名 */
.right-heatmap .arc-heatmap-cell.activity-empty,
.right-heatmap .activity-day.activity-empty {
  background: var(--hm-c0);
}

.right-heatmap .arc-heat-level-0,
.right-heatmap .activity-level-0 {
  background: var(--hm-c0);
}

.right-heatmap .arc-heat-level-1,
.right-heatmap .activity-level-1 {
  background: var(--hm-c1);
}

.right-heatmap .arc-heat-level-2,
.right-heatmap .activity-level-2 {
  background: var(--hm-c2);
}

.right-heatmap .arc-heat-level-3,
.right-heatmap .activity-level-3 {
  background: var(--hm-c3);
}

.right-heatmap .arc-heat-level-4,
.right-heatmap .activity-level-4 {
  background: var(--hm-c4);
}

.right-heatmap .arc-heatmap-cell:hover,
.right-heatmap .activity-day:hover {
  transform: scale(1.35);
  z-index: 2;
  outline: 1px solid rgba(0, 0, 0, 0.15);
}

.right-heatmap .arc-heatmap-cell:focus-visible,
.right-heatmap .activity-day:focus-visible {
  transform: scale(1.4);
  outline: 2px solid var(--color-accent, #4caf50);
  outline-offset: 1px;
}

.heatmap-float-tip {
  pointer-events: none;
}