.backup-note-list {
  display: grid;
  gap: 10px;
}

.orbit-card .backup-note-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.backup-note {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(12, 20, 31, 0.56);
}

.backup-note__label {
  font-size: var(--text-meta);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(186, 198, 214, 0.72);
}

.backup-note strong {
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.backup-note p {
  margin: 0;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(193, 205, 219, 0.8);
}

.backup-warning {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid rgba(255, 154, 130, 0.2);
  background: rgba(52, 23, 20, 0.48);
}

.backup-warning strong {
  font-size: 15px;
  letter-spacing: -0.02em;
  color: #ffe7df;
}

.backup-warning p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 231, 223, 0.82);
}

.backup-warning--install {
  border-color: rgba(132, 213, 255, 0.18);
  background: rgba(18, 31, 46, 0.56);
}

.backup-warning--install strong {
  color: #e9f7ff;
}

.backup-warning--install p {
  color: rgba(233, 247, 255, 0.82);
}

@media (max-width: 380px) {
  .orbit-card .backup-note-list {
    grid-template-columns: 1fr;
  }
}