.retention-policy-form { align-items: flex-end; }

.retention-policy-save { align-self: flex-end; }

.retention-hold-reason {
  display: block;
  max-width: 240px;
  margin: 4px auto 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: center;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.retention-hold-cell { text-align: center; }

.retention-hold-summary { white-space: nowrap; }

.retention-actions { min-width: 390px; }

.retention-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.retention-action-row > :first-child { justify-self: start; }

.retention-action-row :is([data-archive], [data-restore]) { justify-self: end; }

.retention-hold-modal { display: grid; gap: 14px; }

.retention-hold-modal .ta { min-height: 112px; }

.retention-hold-comment { white-space: pre-wrap; overflow-wrap: anywhere; }

:root:not([data-theme="dark"]) .retention-hold-reason {
  color: var(--bl);
}
:root[data-theme="dark"] .retention-hold-reason {
  color: var(--accent);
}
@media (max-width: 700px) {
.retention-policy-form { align-items: stretch; }

.retention-policy-save { width: 100%; }

}