/* ============================================================
   ✅ 계장나라가 검증한 인원 — 사람찾기 맨 위 (2026-10-18) · js/verified.js
   🔴 색·글자 크기·모서리는 index.html :root 토큰만 씁니다. 숫자로 직접 적지 마세요.
   🔴 접힌 상태는 한 줄(약 56px)만 — 목록 위에 큰 배너를 쌓지 않는 규칙(CLAUDE.md).
   ============================================================ */
.vf{margin:0 0 14px; border:2px solid var(--gold-line); border-radius:var(--r-lg); background:var(--gold-bg); color:var(--ink);}
.vf[hidden]{display:none;}
.vf *{min-width:0;}

/* 접힌 줄 */
.vf-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;
  min-height:54px; padding:10px 14px; border:0; background:none; cursor:pointer; text-align:left;
  font-family:inherit; color:var(--ink);
}
.vf-head-t{font-size:var(--fs-3); font-weight:900; line-height:1.35; word-break:keep-all;}
.vf-head-t b{color:var(--green-dark);}
.vf-head-t small{display:block; font-size:var(--fs-1); font-weight:700; color:var(--gold);}
.vf-arrow{flex:0 0 auto; font-size:var(--fs-2); font-weight:900; color:var(--gold); white-space:nowrap;}

/* 펼친 내용 */
.vf-body{padding:0 12px 14px;}
.vf-intro{margin:0 2px 10px; font-size:var(--fs-2); line-height:1.6; color:var(--ink);}

/* 📢 공지 — 사장님이 직접 쓰는 칸 (10-18). 펼친 칸 맨 위 */
.vf-notice{margin:0 0 10px; padding:11px 12px; border-radius:var(--r-md); background:var(--card); border:1.5px solid var(--green-line);}
.vf-notice > b{display:block; font-size:var(--fs-3); font-weight:900; color:var(--green-dark); margin-bottom:4px;}
.vf-notice-body{font-size:var(--fs-3); line-height:1.65; color:var(--ink); word-break:keep-all; overflow-wrap:anywhere;}
.vf-notice textarea{
  width:100%; min-height:130px; padding:10px; border:1.5px solid var(--line); border-radius:var(--r-sm);
  font-family:inherit; font-size:var(--fs-3); line-height:1.6; color:var(--ink); background:var(--card); resize:vertical;
}
.vf-notice .vf-mini{margin:8px 0 0;}
.vf-notice .vf-btn.line{color:var(--green-dark); border-color:var(--green);}
.vf-count{display:block; margin-top:4px; font-size:var(--fs-1); color:var(--gray);}
.vf-cta > span b{color:var(--card);}
.vf-intro b{color:var(--green-dark);}

.vf-card{margin-bottom:8px; padding:11px 12px; border:1.5px solid var(--green-line2); border-radius:var(--r-md); background:var(--card);}
.vf-card-top{display:flex; align-items:center; flex-wrap:wrap; gap:6px;}
.vf-card-top b{font-size:var(--fs-4); font-weight:900;}
.vf-card-top small{font-size:var(--fs-2); color:var(--gray); font-weight:700;}
.vf-role{padding:3px 9px; border-radius:var(--r-pill); background:var(--green-bg2); color:var(--green-dark); font-size:var(--fs-1); font-weight:900;}
.vf-team{margin-left:auto; padding:2px 8px; border-radius:var(--r-pill); border:1px solid var(--line); color:var(--gray); font-size:var(--fs-1); font-weight:700;}
.vf-line{margin-top:5px; font-size:var(--fs-2); line-height:1.55; word-break:keep-all;}
.vf-meta{margin-top:4px; font-size:var(--fs-1); color:var(--green-dark); font-weight:700; line-height:1.5;}

/* 연락 */
.vf-cta{margin-top:12px; padding:13px; border-radius:var(--r-md); background:var(--green-deep); color:var(--card);}
.vf-cta > b{display:block; font-size:var(--fs-4); font-weight:900;}
.vf-cta > span{display:block; margin-top:4px; font-size:var(--fs-2); line-height:1.55; color:var(--green-line);}
.vf-cta-btns{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
.vf-btn{
  flex:1 1 130px; display:block; padding:13px 10px; border:0; border-radius:var(--r-md); cursor:pointer;
  background:var(--card); color:var(--green-deep); font-family:inherit; font-size:var(--fs-3); font-weight:900;
  text-align:center; text-decoration:none;
}
.vf-btn.line{background:transparent; color:var(--card); border:2px solid var(--card);}
.vf-tel{display:block; margin-top:8px; font-size:var(--fs-1); color:var(--green-line); text-align:center;}
.vf-join{margin:10px 2px 0; font-size:var(--fs-1); line-height:1.6; color:var(--gray);}
.vf-join a{color:var(--green-dark); font-weight:900;}

/* 👑 운영자 관리 — 흰 바탕으로 공개 칸과 구분 */
.vf-admin{margin-top:14px; padding:12px; border:1.5px dashed var(--gold); border-radius:var(--r-md); background:var(--card);}
.vf-admin > small{color:var(--gray); font-size:var(--fs-1);}
.vf-arow{display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; padding:8px 0; border-bottom:1px solid var(--line); font-size:var(--fs-2);}
.vf-arow.off{color:var(--gray);}
.vf-mini{margin-left:4px; padding:7px 10px; border:1.5px solid var(--line); border-radius:var(--r-sm); background:var(--card); font-family:inherit; font-size:var(--fs-1); font-weight:700; cursor:pointer;}
.vf-form{margin-top:10px; display:grid; gap:8px;}
.vf-form label{display:grid; gap:4px; font-size:var(--fs-1); font-weight:700; color:var(--gray);}
.vf-form input, .vf-form textarea{
  width:100%; padding:10px; border:1.5px solid var(--line); border-radius:var(--r-sm);
  font-family:inherit; font-size:var(--fs-3); color:var(--ink); background:var(--card);
}
.vf-form textarea{min-height:70px; resize:vertical;}
.vf-form .vf-btn.line{color:var(--green-dark); border-color:var(--green);}
.vf-admin > .vf-btn.line{color:var(--green-dark); border-color:var(--green); width:100%;}
.vf-err{margin-top:6px; padding:8px 10px; border-radius:var(--r-sm); background:var(--orange-bg); color:var(--orange); font-size:var(--fs-2); font-weight:700;}

/* 유료 안내(#page-ad)의 한 줄 링크 — 「그래도 사람이 안 구해지면」 */
.vf-adlink{
  display:flex; align-items:center; gap:10px; width:100%; margin:0 0 14px; padding:12px 13px;
  border:2px solid var(--gold-line); border-radius:var(--r-lg); background:var(--gold-bg);
  font-family:inherit; text-align:left; cursor:pointer; color:var(--ink);
}
.vf-adlink > span:first-child{font-size:var(--fs-6); line-height:1; flex:0 0 auto;}
.vf-adlink > span:nth-child(2){flex:1 1 auto;}
.vf-adlink b{display:block; font-size:var(--fs-3); font-weight:900; line-height:1.4;}
.vf-adlink small{display:block; font-size:var(--fs-1); color:var(--gold); margin-top:2px;}
.vf-adlink > span:last-child{font-size:var(--fs-4); font-weight:900; color:var(--gold); flex:0 0 auto;}