/******************************************************************************/
/* Version history panel (§1.5) — opened from an asset's "..." menu.        */
/******************************************************************************/

.version-history {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.version-history__loading {
  color: var(--ink-muted);
  font-size: 12.5px;
}

.version-row {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.version-row--current {
  border-color: var(--brand-light);
  background: var(--brand-verylight);
}

.version-row__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.version-row__number {
  font-weight: 700;
  font-size: 13px;
}

.version-row__note {
  font-size: 12.5px;
  color: var(--ink);
}

.version-row__file {
  font-size: 11.5px;
  color: var(--ink-muted);
  font-family: "Consolas", "SFMono-Regular", monospace;
}

.version-row__preview {
  font-size: 11.5px;
  color: var(--ink-muted);
  font-style: italic;
}

.version-row__detail {
  font-size: 11px;
  color: var(--ink-muted);
}

.version-row__actions {
  display: flex;
  gap: 14px;
  margin-top: 2px;
}
.version-row__actions .text-btn { padding: 2px 0; }

/* A fixed vertical stack — text on its own centered line, the button row
   anchored below it — rather than a single flex-wrap row. flex-wrap let the
   text/Confirm/Cancel trio reflow onto a different number of lines at
   different container widths, which visibly relocated the buttons as the
   task pane was resized. Stacking removes that: the buttons are always the
   last element, in the same relative position, at any width. */
.version-row__confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  padding: 10px 8px;
  background: #fdecea;
  border-radius: 6px;
}
.version-row__confirm-text {
  font-size: 11.5px;
  color: var(--ink);
  text-align: center;
}
.version-row__confirm-actions {
  display: flex;
  gap: 14px;
}
.version-row__confirm-btn { color: var(--danger); }
.version-row__confirm-btn:hover { background: #fbd9d6; }