/* ==============================
   Rotas GO - Tela de Registro
   ============================== */

.id-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background: var(--rg-primary-soft);
  color: var(--rg-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}

.id-box {
  background: var(--rg-surface);
  border: 2px dashed var(--rg-primary);
  border-radius: 12px;
  padding: 1.25rem 1rem;
}

.id-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--rg-text-muted);
  margin-bottom: 0.35rem;
}

.id-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--rg-primary);
  word-break: break-all;
  letter-spacing: 0.03em;
}

.success-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
}

[data-bs-theme="dark"] .success-icon {
  background: #14532d;
  color: #4ade80;
}

/* Form refinements */
.form-control:focus,
.form-select:focus {
  border-color: var(--rg-primary);
  box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.2);
}

.form-check-input:checked {
  background-color: var(--rg-primary);
  border-color: var(--rg-primary);
}

.alert-warning {
  background-color: #fff7ed;
  border-color: #fed7aa;
  color: #9a3412;
}

[data-bs-theme="dark"] .alert-warning {
  background-color: #431407;
  border-color: #9a3412;
  color: #fdba74;
}

/* Smooth step transition */
.card {
  transition: opacity 0.25s ease;
}