/* ============================================================================
   Register — auth.css(스플릿·브랜드·WebGL·컨트롤) 공유 + 2단계 폼 전용 추가 스타일.
   ============================================================================ */

/* 입력 + 우측 인라인 버튼(인증코드 발송/확인) */
.input-with-btn { display: flex; gap: var(--sp-2); }
.input-with-btn input { flex: 1; min-width: 0; }

.auth-inline-btn {
  flex: none; height: var(--control-h); padding: 0 14px; white-space: nowrap;
  font: 600 var(--t-sm)/1 var(--font-sans); color: var(--paper); background: var(--ink);
  border: 1px solid var(--ink); border-radius: var(--r-md); cursor: pointer;
  transition: background var(--dur-1) var(--ease);
}
.auth-inline-btn:hover:not(:disabled) { background: var(--ink-2); border-color: var(--ink-2); }
.auth-inline-btn:disabled { opacity: .5; cursor: not-allowed; }
.auth-inline-btn:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* 인증코드 남은 시간 */
.timer { margin-left: 6px; font: 500 var(--t-xs)/1 var(--font-mono, monospace); color: var(--brand); }

/* 인증 완료 배지 */
.verified-badge {
  align-items: center; gap: 6px; margin-top: var(--sp-2);
  padding: 4px 10px; font: 600 var(--t-xs)/1.4 var(--font-sans);
  color: var(--success, #16a34a); background: var(--success-wash, rgba(22, 163, 74, .1));
  border-radius: var(--r-pill, 999px);
}
.verified-badge::before { content: '✓'; }

/* 필드 보조 설명 */
.field-hint { margin-top: 6px; font-size: var(--t-xs); color: var(--muted); }

/* 진행 중(가입 처리) */
.auth-submit.processing { opacity: .7; pointer-events: none; }