.history-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  border-radius: 10px;
}
.history-item.active { background: var(--active); font-weight: 600; }
.history-item .thread-open,
.history-item .thread-delete { border: 0; background: transparent; cursor: pointer; }
.history-item .thread-open {
  min-width: 0;
  padding: 10px 4px 10px 11px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.history-item .thread-delete {
  border-radius: 8px;
  color: #888;
  font-size: 19px;
  opacity: 0;
}
.history-item:hover .thread-delete,
.history-item:focus-within .thread-delete { opacity: 1; }
.history-item .thread-delete:hover { background: #ddd; color: #222; }
@media (max-width: 780px) { .history-item .thread-delete { opacity: 1; } }