/* 이메일 단계(회사 확인) 화면 전용 — 앱 소유.
 *
 * ui-exmp `assets/css/pages/auth-common.css` 의 .auth-card--lc / .lc-* 규칙만 뽑아왔다
 * (2026-09-07, ui-exmp 294fd8d 기준). **공유 auth-common.css 를 통째로 갈아끼우지 않는다**:
 * 벤더 시트를 통으로 받으면 그 안의 모든 .auth-* 규칙이 함께 바뀌어, 이 화면과 무관한
 * login.html·password_reset.html 의 여백까지 조용히 흔들린다. 필요한 규칙만 뽑아 온다.
 * (초판 사유였던 `.auth-divider` 는 0.29.23 에 login.html 에서도 제거돼 더는 쟁점이 아니다.)
 *
 * 설계: docs/27-랜딩-통합로그인-테넌트디스커버리-설계.md §6
 */

/* .auth-card 는 gap:32px 인 flex column 이라, 아래 요소별 margin 과 겹쳐 128px(4 gap)이
   더 붙는다. 이 카드의 리듬은 margin 이 소유하므로 gap 을 끈다. */
.auth-card--lc {
  text-align: center;   /* 라벨·입력은 아래에서 다시 좌측 정렬 */
  gap: 0;
  padding: 40px;
}

/* login.html 카드 제목(.auth-title)과 같은 타입 — 20 / 600 / fg-secondary */
.lc-eyebrow {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: var(--foreground-fg-secondary);
}
.lc-title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 600;   /* 400/500/600 만 허용 */
  line-height: 1.35;
  color: var(--foreground-fg-primary);
}
.lc-sub {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--foreground-fg-secondary);
}

.lc-fields {
  display: flex;
  flex-direction: column;
  gap: 18px;
  text-align: left;
}
.lc-label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--foreground-fg-secondary);
}
.lc-field sk-input {
  display: block;
}

/* 비어 있으면 행과 위쪽 flex gap 까지 함께 접힌다 — 할 말이 있을 때만 공간이 열린다. */
.lc-hint:empty {
  display: none;
}
.lc-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: -8px 0 0;
  font-size: 12.5px;
  line-height: 18px;
  color: var(--foreground-fg-tertiary);
}
.lc-hint.is-error {
  color: var(--foreground-fg-error);
}
.lc-hint::before {
  content: "";
  font-weight: 600;
}
.lc-hint.is-error::before {
  content: "!";
}

.lc-help {
  margin: 18px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  text-align: center;
  color: var(--foreground-fg-tertiary);
}
.lc-help a {
  font-weight: 600;
  color: var(--primary-600);
}