:host {
  display: block;
}

.history-empty {
  margin: 0;
  opacity: 0.85;
}

.history-list {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}

.history-entry {
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--extra-border-color);
  background: var(--card-bg);
}

.history-entry__date {
  font-weight: bold;
}

.history-entry__day {
  margin-left: var(--s);
  font-size: 0.9rem;
  opacity: 0.7;
}

.history-entry__text {
  margin: var(--s) 0 0;
  white-space: pre-wrap;
}
