/* ── Task bars ── */
.task-bar {
  transition: filter 0.15s ease;
}
.task-bar:hover {
  filter: brightness(1.2);
}

/* ── Photo pins (overlaid on task bar at correct date) ── */
.photo-pin {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  line-height: 1;
  user-select: none;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.8));
}
.photo-pin:hover {
  transform: translateY(-50%) scale(1.4);
}

/* ── Timeline header months ── */
.timeline-header {
  position: sticky;
  top: 0;
  z-index: 20;
}

/* ── Task row hover highlight ── */
.task-row:hover .task-bar {
  filter: brightness(1.15);
}

/* ── Scrollbar styling (dark theme) ── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #18181b;
}
::-webkit-scrollbar-thumb {
  background: #3f3f46;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #52525b;
}