/* 秋招工作台 · heatmap.css —— 连续专注复利热力图 */
/* ==========================================================================
   4. 连续专注复利热力图 (Contribution Heatmap)
   ========================================================================== */
.heatmap-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  padding: 16px 20px; margin-bottom: 16px;
}
.heatmap-header {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; flex-wrap: wrap; gap: 10px;
}
.heatmap-stats { display: flex; align-items: center; gap: 16px; font-size: 13px; }
.heatmap-stat-item { display: flex; align-items: center; gap: 6px; color: var(--muted); }
.heatmap-stat-item b { color: var(--ink); font-weight: 750; font-size: 14px; }
.heatmap-matrix-wrap { overflow-x: auto; padding-bottom: 4px; }
.heatmap-grid {
  display: grid; grid-template-rows: repeat(7, 13px); grid-auto-flow: column;
  grid-auto-columns: 13px; gap: 4px; width: max-content;
}
.heatmap-cell {
  width: 13px; height: 13px; border-radius: 3px; background: var(--heat-0);
  cursor: pointer; transition: transform .12s ease;
}
.heatmap-cell:hover { transform: scale(1.35); z-index: 2; }
.heatmap-cell.lvl-0 { background: var(--line-soft); }
.heatmap-cell.lvl-1 { background: #86efac; }
.heatmap-cell.lvl-2 { background: #34d399; }
.heatmap-cell.lvl-3 { background: #10b981; }
.heatmap-cell.lvl-4 { background: #047857; }
.heatmap-legend {
  display: flex; align-items: center; gap: 5px; font-size: 11px; color: var(--faint); margin-top: 10px;
  justify-content: flex-end;
}
.legend-square { width: 10px; height: 10px; border-radius: 2px; }