.backup-section {
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid #273042;
  border-radius: 14px;
  background: #111722;
}

.backup-note {
  margin: 0 0 14px;
  max-width: 860px;
  color: #97a2b5;
  line-height: 1.55;
  font-size: 13px;
}

.backup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.backup-actions .secondary {
  width: auto;
}

.backup-result {
  min-height: 20px;
  margin-top: 12px;
  color: #9aa5b7;
  font-size: 12px;
  line-height: 1.5;
}

.backup-result.ok { color: #75d9a8; }
.backup-result.bad { color: #ff829c; }

@media (max-width: 760px) {
  .backup-section { padding: 14px; }
  .backup-actions { display: grid; grid-template-columns: 1fr; }
  .backup-actions .secondary { width: 100%; }
}