:root {
  --ui-card-radius: 13px;
  --ui-card-border: oklch(28% 0.025 240);
  --ui-card-bg: oklch(16% 0.020 240);
  --ui-card-inner-bg: oklch(20% 0.022 240);
}

.ui-card-standard {
  width: 100%;
  max-width: 620px;
  background: var(--ui-card-bg);
  border: 1px solid var(--ui-card-border);
  border-radius: var(--ui-card-radius);
  padding: 32px;
}

.ui-card-header {
  margin-bottom: 24px;
}

.ui-card-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 24px;
}

.ui-btn-back {
  background: transparent;
  border-color: transparent;
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
}

.ui-btn-back:hover {
  color: var(--text);
}

@media (max-width: 640px) {
  .ui-card-standard {
    padding: 22px;
  }
}