/* ════════════════════════════════════════
   목회자정보 화면 서식 — public/css/pastor-info.css

   교회정보(church-info.css)와 같은 얼개다. 두 화면이 나란히 쓰이므로 모양을 맞춘다.
   ★고정 스크롤은 순수 CSS 4단으로만(CLAUDE.md 10항) — JS 로 높이를 재지 않는다.
   ★페이지 번호는 스크롤 영역 「안」, 마지막 행 아래(목록형 표준 1-2-1 예외절).
   ★계열색 위에 흰 글자를 얹지 않는다 — 「옅은 바탕 + 진한 글자」.
════════════════════════════════════════ */

/* ① 뷰 전체 — 제목·요약·필터는 고정, 목록만 스크롤 */
#view-pastor-info.active {
  display: flex; flex-direction: column;
  height: calc(100vh - 108px); overflow: hidden;
}
/* ② 머리부는 줄어들지 않는다 */
.pi-head { flex-shrink: 0; }
/* ③ 목록 영역만 스크롤 — min-height:0 이 없으면 스크롤이 생기지 않는다 */
.pi-list-wrap {
  flex: 1; min-height: 0; overflow-y: auto;
  background: #fff; border: 1.5px solid var(--border-light); border-radius: 12px;
}
.pi-list-wrap table { overflow: visible !important; width: 100%; border-collapse: collapse; }
/* ④ 머리행 고정 — 배경색은 <th> 에 준다 */
.pi-list-wrap thead th {
  position: sticky; top: 0; z-index: 2;
  background: #eef2f7; color: #16283f;
  font-size: 12.5px; font-weight: 700; text-align: center;
  padding: 9px 8px; border-bottom: 1.5px solid #cfd9e6; white-space: nowrap;
}
.pi-list-wrap tbody td {
  padding: 8px 9px; font-size: 13px; border-top: 1px solid #eef0f3; vertical-align: middle;
}
.pi-list-wrap tbody tr:hover { background: #fafbfd; }

/* 페이지 번호 — 스크롤 영역 안, 마지막 행 아래 (목록형 표준 1-2-1) */
#pi-pagi {
  display: flex; justify-content: center; align-items: center; gap: 5px; flex-wrap: wrap;
  padding: 20px 12px 22px; margin-top: 6px; border-top: 1px solid #eef0f3; background: #fff;
}
#pi-pagi:empty { display: none; }

/* 요약 카드 */
.pi-kpi {
  flex: 1 1 150px; min-width: 150px; background: #fff;
  border: 1.5px solid var(--border-light); border-left: 5px solid #2f557f;
  border-radius: 12px; padding: 12px 14px;
}
.pi-kpi-label {
  display: inline-block; padding: 2px 10px; border-radius: 999px;
  font-size: 12px; font-weight: 800; background: #eaf2fa; color: #23558c; border: 1px solid #b9d3ec;
}
.pi-kpi-value { font-size: 22px; font-weight: 800; color: #16283f; margin-top: 8px; letter-spacing: -.5px; }
.pi-kpi-hint { font-size: 11px; color: #8a93a1; margin-top: 5px; line-height: 1.4; }

/* 배지 — 배지 칸은 줄바꿈을 막는다 */
.pi-badge {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  font-size: 11.5px; font-weight: 700; white-space: nowrap;
}
.pi-b-senior { background: #e8f1fb; color: #23558c; }   /* 담임목사 */
.pi-b-assoc  { background: #e6f2f4; color: #265a66; }   /* 부목사 */
.pi-b-evang  { background: #fdf0e3; color: #a8480d; }   /* 전도사 */
.pi-b-office { background: #f0eafb; color: #4b207f; }   /* 합회 임원·부장 */
.pi-b-etc    { background: #eef1f6; color: #4a5568; }

/* 신임서(신분) 배지 — 직위 배지와 색 계열을 달리해 한눈에 갈린다(2026-09-16) */
.pi-t-ord    { background: #eaf5e4; color: #2f6415; }   /* 안수목사 */
.pi-t-app    { background: #e6f2f4; color: #265a66; }   /* 인준목사 */
.pi-t-com    { background: #f9eaf0; color: #7f264a; }   /* 위임목사 */
.pi-t-evang  { background: #fdf0e3; color: #a8480d; }   /* 수련전도사 · 전도사 */

/* 업로드 미리보기 — 상태별 색 */
.pi-st-new    { background: #e7f6ec; color: #0f7a3d; }
.pi-st-update { background: #fdf0e3; color: #b4530f; }
.pi-st-same   { background: #eef1f6; color: #5a6675; }
.pi-st-error  { background: #fbeaea; color: #c0392b; }

/* 드래그앤드롭 영역 */
.pi-drop {
  border: 2px dashed #b9c2ce; border-radius: 10px;
  padding: 22px 14px; text-align: center; cursor: pointer;
  background: #fff; user-select: none;
  transition: border-color .18s, background .18s;
}
.pi-drop:hover { border-color: #8b5cf6; background: #faf8ff; }
.pi-drop.drag { border-color: #8b5cf6; background: #f3eefe; border-style: solid; }
.pi-drop.has-file { border-color: #4d9c5f; background: #f4fbf6; border-style: solid; }
.pi-drop i { font-size: 26px; color: #8b5cf6; }
.pi-drop.has-file i { color: #2f7d46; }
.pi-drop-text { margin-top: 9px; font-size: 13px; color: var(--text-sub); word-break: break-all; }
.pi-drop-hint { margin-top: 4px; font-size: 11.5px; color: #9aa3ae; }