.timeline {
  display: grid;
  gap: 8px;
}

.timeline-row {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 10px;
}

.timeline-time {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.timeline-card {
  min-height: 54px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--surface);
  border-left: 4px solid var(--muted);
}

.timeline-card.busy {
  border-left-color: #8b8e94;
}

.timeline-card.free {
  border-left-color: #2da66a;
}

.timeline-card.conflict {
  border-left-color: #d64747;
}