/* =============================================================
   modal.css — 로그인 폼 (nk-login)
   Figma: db 홈페이지 / node 90:528 (로그인)
   모달 셸(.nk-modal / .nk-modal__dialog / .nk-modal__close / .nk-modal__title)과
   입력창(.nk-input)은 css/components.css 로 이동했다.
   색상·간격·타이포는 css/variables.css 의 --nk-* 토큰 재사용.
   ============================================================= */

/* ----- 로그인 폼 -------------------------------------------- */
.nk-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--nk-space-16);                 /* 16px */
  width: 100%;
}
.nk-login__fields {
  display: flex;
  flex-direction: column;
  gap: var(--nk-space-8);                  /* 8px */
  width: 100%;
}
/* 입력창은 .nk-input, 제출 버튼은 .nk-btn.nk-btn--primary.nk-btn--block
   (css/components.css) 사용. 아래는 폼 내 간격 보정만. */
/* 로그인 실패 사유(아이디/비밀번호 불일치·정지 계정·서버 오류) 인라인 표시 */
.nk-login__error {
  margin: 0;
  width: 100%;
  font: var(--nk-text-p13-r);
  color: var(--nk-color-red-1);
}
.nk-login__submit {
  margin-top: var(--nk-space-8);
}

.nk-login__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font: var(--nk-text-p15-r);
  color: var(--nk-color-black);
}
.nk-login__remember {
  display: inline-flex;
  align-items: center;
  gap: var(--nk-space-8);
  cursor: pointer;
}
/* 체크박스는 .nk-checkbox (css/components.css) 사용 */
.nk-login__find {
  color: inherit;
  text-decoration: none;
}
.nk-login__find:hover {
  text-decoration: underline;
}

.nk-login__signup {
  display: flex;
  align-items: center;
  gap: var(--nk-space-8);
  font: var(--nk-text-p15-r);
  color: var(--nk-color-black);
}
.nk-login__signup-link {
  font: var(--nk-text-p15-b);
  color: var(--nk-color-black);
  text-decoration: none;
}
.nk-login__signup-link:hover {
  text-decoration: underline;
}