/* 인증 화면 PP 전용 규칙 — 퍼블 pages/auth.css 에 **대응 원본이 없는** 것만 모은다.
 *
 * 왜 별도 파일인가 — 이 규칙들은 원래 생성 파일 `auth-pub.css` 끝에 손으로 덧붙어 있었다.
 * 그 파일 머리에는 "[생성 파일 — 직접 수정 금지] / 원본이 갱신되면 scope-css.js 를 재실행할 것"
 * 이라고 적혀 있어서, 안내대로 재생성하는 순간 이 52줄이 **조용히 사라진다**.
 * 실제로 2026-08-05 에 재생성하다 한 번 날렸다(git 에서 되살렸다).
 * `signup-pp.css` · `file-request-pp.css` 와 같은 분리 규칙을 따른다.
 *
 * 🔴 함께 고친 것 — 아래 `.find-meta` 주석 블록은 **여는 `/*` 가 빠져 있었다.**
 * CSS 파서가 그 본문을 잘못된 셀렉터로 삼키면서 바로 뒤 `.pp-pub .find-meta` 규칙을 통째로 폐기했고,
 * `auth/join-status` 의 회색 박스(배경·패딩·radius·폭)가 실제로 빠져 있었다.
 * CSSOM 실측으로 확인: 살아 있던 건 `.find-meta dl/dt/dd` 자손 규칙뿐이고 본체는 없었다
 * (background `rgba(0,0,0,0)` · padding `0px` · radius `0px` · width 216px → 복원 시 `--n-50` · 16px · 10px · 400px).
 * 에러가 안 나서 눈으로만 드러나는 유형이라, 다음에도 같은 일이 없게 여기 사유를 남긴다.
 */

/* ───────── 가입신청 현황 조회(auth/join-status) 전용 ─────────
   퍼블 .find-card 는 height:632px 고정이다 — find-id/reset-pw 는 결과가 나오면 .is-done 으로
   입력칸을 숨겨 '대체'하므로 높이가 안 변한다. 반면 이 화면은 결과가 입력칸 아래에 '추가'되는
   구조라 632 를 넘겨 제출·이동 버튼이 카드 밖으로 삐져나왔다(2026-07-30 스크린샷으로 발견).
   → 이 화면만 높이를 풀되 최소높이는 632 로 유지해 다른 인증 화면과 카드 크기를 맞춘다. */
.pp-pub .join-status-card{
  height: auto;
  min-height: 632px;
}

/* 로그아웃(auth/logout)은 반대 방향 — 제목+안내 두 줄뿐인 경유 화면이라 632 고정이면 카드가 텅 빈다.
   min-height 없이 내용 높이만 쓴다(2026-07-30 스크린샷으로 확인). */
.pp-pub .logout-card{
  height: auto;
}

/* 가입신청 현황 정보 목록(auth/join-status).
   퍼블에 이 화면의 대응 원본이 없다(퍼블 auth 계열은 find-id/reset-pw 둘뿐).
   그래서 새로 만들지 않고 퍼블에 이미 있는 컴포넌트를 가져다 썼다:
   .find-meta 는 퍼블 pages/partner.css 의 .pm-info(신청/파트너 정보 정의목록)를 그대로 옮긴 것이다.
   라벨 열만 60px → 76px 로 넓혔다 — 퍼블 원본 라벨은 2~3자인데 여기는 "승인 대상"(4자)이 들어가
   60px 에서 줄바꿈된다. 그 외 값(패딩·배경·radius·타이포)은 퍼블 그대로다. */
.pp-pub .find-meta{
  width: 100%;
  padding: 16px;
  background: var(--n-50);
  border-radius: 10px;
}
.pp-pub .find-meta dl{
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 6px 12px;
  margin: 0;
}
.pp-pub .find-meta dt{
  font-size: 14px;
  line-height: 20px;
  color: var(--text-03);
}
.pp-pub .find-meta dd{
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-text-black);
}

/* 항상 보이는 화면 이동 버튼 줄. .find-done-btns 는 기본 display:none(.is-done 전용)이라 쓸 수 없어
   같은 배치(가로 1:1, gap 16)만 별도 클래스로 둔다. */
.pp-pub .find-nav-btns{
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
.pp-pub .find-nav-btns .btn{
  flex: 1 1 0;
}