.history-entry {
  width: 100%;
  min-width: 0;
  padding: 7px 5px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.history-item { position: relative; padding: 2px 0; }
.history-entry:hover, .history-entry:focus-visible { background: #f5f8ff; outline: 0; }
.history-item h3 {
  display: block;
  margin: 0 0 3px;
  overflow: hidden;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-item:hover h3, .history-item:focus-within h3 { padding-right: 74px; }
.history-customer {
  overflow: hidden;
  margin-bottom: 3px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.save-skill {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  margin: 0;
  padding: 4px 7px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity .14s ease, transform .14s ease;
}
.history-item:hover .save-skill,
.history-item:focus-within .save-skill {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
.history-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.history-meta em { color: #247a45; font-size: 10px; font-style: normal; }
.history-meta em.failed, .history-error { color: #c4320a; }
.history-detail-time { color: #98a2b3; font-size: 10px; }
.result h4 { margin: 15px 0 5px; color: #344054; font-size: 12px; }
.result a { color: #315ec9; font-weight: 600; }
.confirm-actions { display: flex; gap: 9px; margin-top: 14px; }
.confirm-actions button { flex: 1; min-height: 40px; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; }
.confirm-task { border: 0; background: #3370ff; color: #fff; }
.confirm-task:disabled { cursor: wait; opacity: .65; }
.edit-task { border: 1px solid #d0d5dd; background: #fff; color: #475467; }