@use 'kit-deps' as *;

/* ---------- history ---------- */

.catalog-history {
  border-top: 1px solid var(--gn-border-color-muted);
  padding-top: $space-sm;
}

.catalog-history-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: none;
  color: var(--gn-color-text-medium);
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
}

.catalog-history-list {
  display: flex;
  flex-direction: column;
  gap: $space-sm;
  margin-top: $space-sm;
}

.catalog-history-empty {
  font-size: 0.85rem;
  color: var(--gn-color-text-dark);
}

.catalog-history-item {
  border: 1px solid var(--gn-border-color-muted);
  border-radius: $border-radius-md;
  padding: 8px 10px;
}

.catalog-history-meta {
  margin-bottom: 6px;
  font-size: 0.78rem;
  color: var(--gn-color-text-dark);
}

.catalog-history-text {
  max-height: 220px;
}