/* DateDisplay component styling */

time.date-display {
  display: inline;
  font-variant-numeric: tabular-nums;
  /* Tabular nums align numbers consistently */
}

/* Optional styling variants */

.date-display--subtle {
  color: #5f6368;
  font-size: 0.875em;
}

.date-display--emphasis {
  color: #1f73e6;
  font-weight: 500;
}

.date-display--muted {
  color: #9aa0a6;
  font-size: 0.8125em;
}

/* For activity feeds / timelines */
.activity-item .date-display {
  color: #80868b;
  font-size: 0.8125em;
}

.activity-item .date-display:hover {
  color: #1f73e6;
  text-decoration: underline;
}

/* For message timestamps */
.message-timestamp {
  display: inline-block;
  margin-left: 4px;
  font-size: 0.75em;
  color: #a8a9ad;
}

.message-timestamp .date-display {
  color: inherit;
}

/* Tooltip styling (works with title attribute) */
time.date-display[title] {
  cursor: help;
  border-bottom: 1px dotted currentColor;
  text-decoration: none;
}

time.date-display[title]:hover {
  border-bottom-style: solid;
}