/* ============================================================
 * skin-yomu — heatmap.css
 * てがろぐ カレンダーヒートマップ（Ver 4.7.6β以降）
 * 配色: ブルーグレー系
 * ============================================================ */

.calendarheatmap {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  overflow-x: auto;
  padding: 0.5rem 0;
}

.chmWeek {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.chmWeek .weekhead,
.chmWeek .chmWeek0,
.chmWeek .chmWeek1,
.chmWeek .chmWeek2,
.chmWeek .chmWeek3,
.chmWeek .chmWeek4,
.chmWeek .chmWeek5,
.chmWeek .chmWeek6 {
  font-size: 0.625rem;
  color: var(--color-text-faint, #9AA3AD);
  line-height: 1;
  min-height: 12px;
}

.weekNames .weekhead {
  visibility: hidden;
}

.chmDay {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  text-decoration: none;
  cursor: default;
}

.chmDay time,
.chmDay b {
  display: none;
}

.chmDay.exist0 { background-color: var(--color-bg-muted, #E8EBEE); }
.chmDay.exist1 { background-color: #C5CED6; }
.chmDay.exist2 { background-color: #A3B4BE; }
.chmDay.exist3 { background-color: #8DA4B4; }
.chmDay.exist4,
.chmDay.exist5 { background-color: #6B8494; }
.chmDay.over5,
.chmDay.over10,
.chmDay.over15,
.chmDay.over20 { background-color: #5B7080; }

.chmDay[data-linkto] { cursor: pointer; }

.chmDay:hover {
  outline: 1px solid var(--color-accent, #5B7080);
  outline-offset: 1px;
}

[data-theme="dark"] .chmDay.exist0 { background-color: #2E333B; }
[data-theme="dark"] .chmDay.exist1 { background-color: #3A4850; }
[data-theme="dark"] .chmDay.exist2 { background-color: #4A6274; }
[data-theme="dark"] .chmDay.exist3 { background-color: #5B7080; }
[data-theme="dark"] .chmDay.exist4,
[data-theme="dark"] .chmDay.exist5 { background-color: #6B8494; }
[data-theme="dark"] .chmDay.over5,
[data-theme="dark"] .chmDay.over10,
[data-theme="dark"] .chmDay.over15,
[data-theme="dark"] .chmDay.over20 { background-color: #8DA4B4; }