.backup-page {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.backup-page__header h2,
.backup-page__result h3,
.backup-page__warning h4 {
  margin: 0 0 var(--space-2) 0;
}

.backup-page__panel,
.backup-page__result {
  display: grid;
  gap: var(--space-3);
}

.backup-page__form-row {
  display: grid;
  gap: var(--space-2);
  max-width: 32rem;
}

.backup-page__actions,
.backup-page__result-actions {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.backup-page__result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--space-3);
}

.backup-page__result-grid div {
  display: grid;
  gap: var(--space-1);
}

.backup-page__warning {
  border-top: 1px solid var(--color-border-subtle);
  padding-top: var(--space-3);
}