/* ============================================
   Club720 Panel — Signup page
   Shared layout lives in auth.css
   ============================================ */

.auth-card--wide .auth-form { gap: var(--sp-4); }

/* Two-column rows */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-4);
}

@media (max-width: 560px) {
  .form-grid { grid-template-columns: 1fr; }
}

/* Required marker */
.req { color: var(--danger); }

/* Selects */
.select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23536471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px;
}

select[multiple].select {
  appearance: auto;
  background-image: none;
  padding-right: 14px;
  height: auto;
}

/* Conditional sections (NMLS / goal / states & counties) */
.conditional { animation: reveal .18s ease; }

.conditional-group {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  padding: var(--sp-4);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--canvas);
  animation: reveal .18s ease;
}
@keyframes reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Hints */
.hint {
  font-size: var(--fs-xs);
  line-height: var(--lh-small);
  color: var(--muted);
}

/* Terms checkbox */
.terms-check {
  align-items: flex-start;
  font-size: var(--fs-sm);
  line-height: var(--lh-small);
}
.terms-check input { margin-top: 3px; }
.terms-check span { line-height: var(--lh-small); }

#termsError { margin-top: -8px; }