/* Onboarding step 4 (invite) — night field, scoped to #onboard.onboard-invite-night */

.onboard.onboard-invite-night {
  background-color: #0b100e;
  background-image: none;
}

.onboard.onboard-invite-night .onboard-inner > .brand-lockup,
.onboard.onboard-invite-night .onb-progress {
  display: none;
}

.onboard.onboard-invite-night .onb-invite-step {
  text-align: left;
}

.onboard.onboard-invite-night .onb-invite-crest {
  display: block;
  width: 72px;
  height: auto;
  margin: 0 0 20px;
}

.onboard.onboard-invite-night .onb-invite-step .onboard-name,
.onboard.onboard-invite-night .onb-invite-step .onboard-lede {
  color: #f8efde;
  text-align: left;
}

.onboard.onboard-invite-night .onb-invite-step .onboard-name {
  font-size: clamp(1.75rem, 7vw, 2.25rem);
  line-height: 1.15;
  margin: 0 0 12px;
}

.onboard.onboard-invite-night .onb-invite-step .onboard-lede {
  font-size: max(16px, 1rem);
  line-height: 1.45;
  margin: 0 0 20px;
  text-transform: none;
  letter-spacing: normal;
}

.onboard.onboard-invite-night .onb-invite-step .landing-rule {
  border: 0;
  border-top: 1px solid rgba(248, 239, 222, 0.22);
  margin: 0 0 16px;
}

.onboard.onboard-invite-night .onb-invite-step .onb-invite-field {
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #635e50;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #f8efde;
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: max(16px, 1rem);
  font-weight: 400;
  line-height: 1.35;
}

.onboard.onboard-invite-night .onb-invite-step .onb-invite-field + .onb-invite-field,
.onboard.onboard-invite-night .onb-invite-step .onb-invite-field[style*="margin-top"] {
  margin-top: 12px;
}

.onboard.onboard-invite-night .onb-invite-step .onb-invite-field:hover,
.onboard.onboard-invite-night .onb-invite-step .onb-invite-field:focus {
  background: transparent;
  box-shadow: none;
  outline: none;
  border-bottom-color: rgba(248, 239, 222, 0.55);
}

.onboard.onboard-invite-night .onb-invite-step .onb-invite-field::placeholder {
  color: rgba(184, 174, 158, 0.85);
  text-transform: none;
  letter-spacing: normal;
  font-size: max(16px, 1rem);
}

.onboard.onboard-invite-night .onb-invite-minor-note {
  margin: 8px 0 0;
  font-size: max(16px, 1rem);
  line-height: 1.45;
  color: #b8ae9e;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
}

.onboard.onboard-invite-night .onb-invite-step .onb-terms {
  margin: 16px 0 0;
  justify-content: flex-start;
  text-align: left;
  color: #f8efde;
  font-size: max(16px, 1rem);
  line-height: 1.45;
  text-transform: none;
  letter-spacing: normal;
}

.onboard.onboard-invite-night .onb-invite-step .onb-terms input {
  min-width: 20px;
  min-height: 20px;
  margin-top: 2px;
}

.onboard.onboard-invite-night .onb-invite-status {
  margin-top: 12px;
  font-size: max(16px, 1rem);
  line-height: 1.45;
  color: #b8ae9e;
  text-align: left;
}

.onboard.onboard-invite-night .onb-invite-error {
  margin-top: 12px;
  font-size: max(16px, 1rem);
  line-height: 1.45;
  text-align: left;
}

.onboard.onboard-invite-night .onb-invite-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

.onboard.onboard-invite-night .onb-invite-actions .landing-btn,
.onboard.onboard-invite-night .onb-invite-actions .btn.secondary {
  width: 100%;
  max-width: none;
  min-height: 44px;
  margin: 0;
  font-size: max(16px, 1rem);
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}

.onboard.onboard-invite-night .onb-invite-actions .btn.secondary {
  color: #f8efde;
  border-color: rgba(248, 239, 222, 0.35);
}

.onboard.onboard-invite-night .onb-invite-actions .btn.secondary:hover {
  color: #f8efde;
  background: rgba(248, 239, 222, 0.08);
  border-color: rgba(248, 239, 222, 0.5);
}