.view-date-label {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 10px;
}

.view-date-label input {
  height: 21px;
  border: 1px solid #8b8b8b;
  font-size: 10px;
}

.timeline-list {
  position: relative;
  display: grid;
  gap: 8px;
  padding-top: 8px;
}

.timeline-event {
  display: grid;
  grid-template-columns: 115px 1fr auto;
  gap: 14px;
  align-items: center;
  min-height: 68px;
  padding: 10px 12px;
}

.event-time {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  font-weight: bold;
  white-space: pre-line;
}

.event-details {
  display: grid;
  gap: 5px;
}

.event-title {
  font-size: 13px;
}

.event-status {
  font-size: 11px;
}

.timeline-event.is-finished {
  border-color: #aaaaaa;
  background: #eeeeee;
  opacity: 0.68;
}

.timeline-event.is-finished .event-status {
  color: #666666;
}

@media (max-width: 600px) {
  .timeline-event {
    grid-template-columns: 90px 1fr auto;
    gap: 8px;
  }
}