/* ============================================================
   Edit Modal (기성·입금) — 라이트 호환 오버라이드
   - 기존 인라인 스타일에 박힌 다크 컬러를 var()로 회수
   - 전체 마크업 재디자인은 다음 PR(2d)에서 진행
   ============================================================ */

/* 모달 오버레이 — 다크 반투명 → 라이트 친화 */
#pgModal {
  background: rgba(15, 23, 42, .45) !important;
  backdrop-filter: blur(4px);
}
:root[data-theme="dark"] #pgModal {
  background: rgba(6, 13, 26, .85) !important;
  backdrop-filter: blur(6px);
}

/* 모달 컨테이너 */
#pgModal > div {
  background: var(--bg-1) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* 헤더 */
#pgModalHdr {
  background: var(--bg-2) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--fg) !important;
}
#pgModalTitle { color: var(--fg) !important; }
#pgModalSub   { color: var(--fg-muted) !important; }

#pgModalHdr button {
  background: var(--bg-3) !important;
  color: var(--fg-muted) !important;
}
#pgModalHdr button:hover {
  background: var(--danger) !important;
  color: #fff !important;
}

/* 요약 바 */
#pgModalSummary { border-bottom: 1px solid var(--border) !important; }

/* 기성 목록 헤더 */
#pgListArea + #pgFormPanel,
#pgListArea {
  background: var(--bg-1);
}
.pg-list-head,
[id="pgListArea"] {
  color: var(--fg);
}

/* 기성·입금 폼 패널 */
#pgFormPanel,
#rcvFormPanel {
  background: var(--bg-2) !important;
  border-top: 1px solid var(--border) !important;
}
#pgFormLabel,
#rcvFormLabel {
  color: var(--fg) !important;
}

/* 폼 입력 필드 — 다크 인라인 색을 라이트로 */
#pgFormPanel input,
#pgFormPanel select,
#rcvFormPanel input,
#rcvFormPanel select {
  background: var(--bg-1) !important;
  border: 1px solid var(--border-hi) !important;
  color: var(--fg) !important;
}
#pgFormPanel input:focus,
#pgFormPanel select:focus,
#rcvFormPanel input:focus,
#rcvFormPanel select:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.15) !important;
  outline: none !important;
}

/* 청구금액 자동표시 박스 */
#pgF_bill {
  background: var(--primary-50) !important;
  border: 1px solid var(--primary-200) !important;
  color: var(--primary-700) !important;
}
:root[data-theme="dark"] #pgF_bill {
  background: rgba(99,102,241,.10) !important;
  border-color: rgba(99,102,241,.30) !important;
  color: #93C5FD !important;
}

/* rcv 참조 표시 (청구/기입금/잔여) */
#rcvFormPanel > div > div:first-child {
  background: var(--primary-50) !important;
  border-color: var(--primary-200) !important;
}
:root[data-theme="dark"] #rcvFormPanel > div > div:first-child {
  background: rgba(99,102,241,.06) !important;
  border-color: rgba(99,102,241,.20) !important;
}

/* 저장·취소·삭제 버튼 일괄 */
#pgFormPanel button[onclick*="Save"],
#rcvFormPanel button[onclick*="Save"] {
  background: var(--primary) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(99,102,241,.3);
}
#pgFormPanel button[onclick*="Save"]:hover,
#rcvFormPanel button[onclick*="Save"]:hover {
  background: var(--primary-600) !important;
}

#pgFormPanel button[onclick*="CloseForm"],
#rcvFormPanel button[onclick*="CloseForm"] {
  background: var(--bg-1) !important;
  color: var(--fg-muted) !important;
  border: 1px solid var(--border-hi) !important;
}

#pgF_delBtn, #rcvF_delBtn {
  background: var(--bg-1) !important;
  color: var(--danger) !important;
  border: 1px solid #FCA5A5 !important;
}
#pgF_delBtn:hover, #rcvF_delBtn:hover {
  background: var(--danger) !important;
  color: #fff !important;
}

/* 기성 신규 등록 + 버튼 */
button[onclick="pgModalNewPg()"] {
  background: var(--primary) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(99,102,241,.3);
}

/* 모달 하단 푸터 */
#pgModal > div > div:last-child {
  background: var(--bg-2) !important;
  border-top: 1px solid var(--border) !important;
}
#pgModal > div > div:last-child button[onclick="closePgModal()"] {
  background: var(--bg-1) !important;
  color: var(--fg-muted) !important;
  border: 1px solid var(--border-hi) !important;
}
#pgModal > div > div:last-child button[onclick="openProjModalFromPg()"] {
  background: var(--bg-1) !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary-200) !important;
  font-weight: 600;
}
#pgModal > div > div:last-child button[onclick="openProjModalFromPg()"]:hover {
  background: var(--primary) !important;
  color: #fff !important;
}

#pgModalUpdInfo { color: var(--fg-dim) !important; }