.client-history { min-width: 0; }
.client-history .clients-toolbar { align-items: end; }
.client-history-list { list-style: none; padding: 0; margin: 16px 0; }
.client-history-list > li { padding: 18px 0; border-bottom: 1px solid var(--clients-border, #8883); min-width: 0; }
.client-history-list header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.client-history-list header > div { min-width: 0; }
.client-history-list header strong { display: block; font-size: 14px; overflow-wrap: anywhere; }
.client-history-list small { display: block; margin-top: 5px; color: var(--clients-muted, #858d99); font-size: 12px; overflow-wrap: anywhere; }
.client-history-list p { font-size: 13px; overflow-wrap: anywhere; }
.client-history-list .clients-button { flex-shrink: 0; }
.client-history-changes { margin-top: 12px; font-size: 13px; }
.client-history-changes summary { cursor: pointer; }
.client-history-changes pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 280px; overflow: auto; padding: 12px 0; }
.client-history-diff { margin-top: 10px; }
.client-history-diff > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr); border-bottom: 1px solid #8883; }
.client-history-diff > div > * { padding: 8px; min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; max-height: 220px; overflow: auto; }
.client-history-diff-head { color: var(--clients-muted, #858d99); font-size: 12px; }
@media (max-width: 560px) {
  .client-history-list header { flex-wrap: wrap; }
  .client-history .clients-toolbar { flex-wrap: wrap; }
  .client-history .clients-search { flex-basis: 100%; }
  .client-history-diff > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .client-history-diff > div > :first-child { grid-column: 1 / -1; }
  .client-history-diff-head > :first-child { display: none; }
}