/* ==========================================================================
   DIGITIENDA CLOUD SYNC & INSTRUCTIONS STYLES
   ========================================================================== */

.cloud-sync-view .backup-status-card {
  background-color: #ffffff;
  border: 1.5px solid var(--border-color);
  border-radius: var(--border-radius-md);
  padding: 16px;
}

.cloud-actions-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.code-copy-box {
  background: #0f172a;
  border-radius: var(--border-radius-md);
  padding: 14px;
  margin: 10px 0;
}

.code-textarea {
  width: 100%;
  height: 180px;
  background: #1e293b;
  color: #38bdf8;
  font-family: monospace;
  font-size: 0.8rem;
  padding: 10px;
  border: 1px solid #334155;
  border-radius: var(--border-radius-sm);
  resize: vertical;
  outline: none;
}

.instructions-steps {
  padding-left: 20px;
  font-size: 0.9rem;
  color: var(--text-main);
  line-height: 1.6;
}

.instructions-steps li {
  margin-bottom: 8px;
}

.instructions-modal-body {
  max-height: 70vh;
  overflow-y: auto;
}