/* ---------------------------------------------------------------------------
 * IK000500_P01.xfdl 변환본 — 오더외마감금액 등록/수정/조회 모달 스타일.
 * 3 모드 통합 (insert/update/select) — Modal #A 10번째 인스턴스.
 * --------------------------------------------------------------------------- */

#ik-etc-close-amount-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.45);
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
}
#ik-etc-close-amount-modal.is-open { display: flex; }

#ik-etc-close-amount-modal .layer-wrap {
  width: 600px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#ik-etc-close-amount-modal .layer-header {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 2px solid #2c4368;
  background: #2c4368;
  color: #ffffff;
}
#ik-etc-close-amount-modal .layer-title {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
#ik-etc-close-amount-modal .layer-close {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
#ik-etc-close-amount-modal .layer-content {
  padding: 16px;
  overflow: auto;
}
#ik-etc-close-amount-modal .field-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
#ik-etc-close-amount-modal .field-label {
  width: 80px;
  font-size: 13px;
  color: #1f2a44;
}
#ik-etc-close-amount-modal .field-input {
  flex: 1;
  height: 28px;
  padding: 0 8px;
  border: 1px solid #cdd2dc;
  border-radius: 3px;
  font-size: 13px;
  background: #ffffff;
}
#ik-etc-close-amount-modal .field-input.small { flex: 0 0 100px; }
#ik-etc-close-amount-modal .field-input.wide { width: 100%; }
#ik-etc-close-amount-modal .field-input:disabled {
  background: #f6f7fa;
  color: #6d7280;
}
#ik-etc-close-amount-modal .field-suffix {
  font-size: 12px;
  color: #6d7280;
}
#ik-etc-close-amount-modal .btn-agnt {
  height: 26px;
  padding: 0 10px;
  border: 1px solid #2c4368;
  background: #ffffff;
  color: #2c4368;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
#ik-etc-close-amount-modal .layer-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #cdd2dc;
  background: #fafbfc;
}
#ik-etc-close-amount-modal .layer-footer button {
  height: 30px;
  padding: 0 16px;
  border: 1px solid #cdd2dc;
  background: #ffffff;
  color: #1f2a44;
  font-size: 13px;
  cursor: pointer;
  border-radius: 3px;
}
#ik-etc-close-amount-modal .layer-footer .btn-insert,
#ik-etc-close-amount-modal .layer-footer .btn-update {
  background: #2c4368;
  color: #ffffff;
  border-color: #2c4368;
}

/* ---------------------------------------------------------------------------
 * IK000560_P01 변환물 — 확정(전표발생) 모달. 증빙일/전기일 입력 전용(그리드 없음).
 * 고정폭 금지(max-width:96vw) → 좁은 뷰포트 가로 스크롤 방지.
 * --------------------------------------------------------------------------- */
#ik-etc-close-amount-confirm-modal {
  display: none;
  position: fixed; inset: 0; z-index: 9100;
  background: rgba(0, 0, 0, 0.45);
  align-items: center; justify-content: center;
  font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
}
#ik-etc-close-amount-confirm-modal.is-open { display: flex; }
#ik-etc-close-amount-confirm-modal .layer-wrap {
  width: 380px; max-width: 96vw; background: #ffffff; border-radius: 6px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  display: flex; flex-direction: column; overflow: hidden;
}
#ik-etc-close-amount-confirm-modal .layer-header {
  display: flex; align-items: center; padding: 12px 16px;
  border-bottom: 1px solid #cdd2dc; background: #2c4368; color: #ffffff;
}
#ik-etc-close-amount-confirm-modal .layer-title { flex: 1; font-size: 14px; font-weight: 600; margin: 0; }
#ik-etc-close-amount-confirm-modal .layer-close {
  background: transparent; border: 0; color: #ffffff; font-size: 20px; cursor: pointer; line-height: 1;
}
#ik-etc-close-amount-confirm-modal .layer-content { padding: 16px; }
#ik-etc-close-amount-confirm-modal .confirm-count { margin: 0 0 14px; font-size: 13px; color: #1f2a44; }
#ik-etc-close-amount-confirm-modal .field-row { display: flex; align-items: center; margin-bottom: 10px; }
#ik-etc-close-amount-confirm-modal .field-label { flex: 0 0 80px; font-size: 13px; color: #475569; }
#ik-etc-close-amount-confirm-modal .field-input {
  flex: 1; height: 30px; padding: 0 8px; border: 1px solid #cdd2dc; border-radius: 3px; font-size: 13px;
}
#ik-etc-close-amount-confirm-modal .layer-footer {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 12px 16px; border-top: 1px solid #cdd2dc; background: #fafbfc;
}
#ik-etc-close-amount-confirm-modal .layer-footer button {
  height: 30px; padding: 0 16px; border: 1px solid #cdd2dc; background: #ffffff;
  color: #1f2a44; font-size: 13px; cursor: pointer; border-radius: 3px;
}
#ik-etc-close-amount-confirm-modal .layer-footer .btn-confirm {
  background: #2c4368; color: #ffffff; border-color: #2c4368;
}

/* ---------------------------------------------------------------------------
 * IK000570_P01 변환물 — 확정취소(역분개) 모달. 삭제일자/삭제품의번호/전기일자 입력 전용(그리드 없음).
 * 확정 모달과 동일 레이아웃, 헤더만 취소 강조색.
 * --------------------------------------------------------------------------- */
#ik-etc-close-amount-cancel-modal {
  display: none;
  position: fixed; inset: 0; z-index: 9100;
  background: rgba(0, 0, 0, 0.45);
  align-items: center; justify-content: center;
  font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
}
#ik-etc-close-amount-cancel-modal.is-open { display: flex; }
#ik-etc-close-amount-cancel-modal .layer-wrap {
  width: 380px; max-width: 96vw; background: #ffffff; border-radius: 6px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  display: flex; flex-direction: column; overflow: hidden;
}
#ik-etc-close-amount-cancel-modal .layer-header {
  display: flex; align-items: center; padding: 12px 16px;
  border-bottom: 1px solid #c2452f; background: #c2452f; color: #ffffff;
}
#ik-etc-close-amount-cancel-modal .layer-title { flex: 1; font-size: 14px; font-weight: 600; margin: 0; }
#ik-etc-close-amount-cancel-modal .layer-close {
  background: transparent; border: 0; color: #ffffff; font-size: 20px; cursor: pointer; line-height: 1;
}
#ik-etc-close-amount-cancel-modal .layer-content { padding: 16px; }
#ik-etc-close-amount-cancel-modal .confirm-count { margin: 0 0 14px; font-size: 13px; color: #1f2a44; }
#ik-etc-close-amount-cancel-modal .field-row { display: flex; align-items: center; margin-bottom: 10px; }
#ik-etc-close-amount-cancel-modal .field-label { flex: 0 0 90px; font-size: 13px; color: #475569; }
#ik-etc-close-amount-cancel-modal .field-input {
  flex: 1; height: 30px; padding: 0 8px; border: 1px solid #cdd2dc; border-radius: 3px; font-size: 13px;
}
#ik-etc-close-amount-cancel-modal .layer-footer {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 12px 16px; border-top: 1px solid #cdd2dc; background: #fafbfc;
}
#ik-etc-close-amount-cancel-modal .layer-footer button {
  height: 30px; padding: 0 16px; border: 1px solid #cdd2dc; background: #ffffff;
  color: #1f2a44; font-size: 13px; cursor: pointer; border-radius: 3px;
}
#ik-etc-close-amount-cancel-modal .layer-footer .btn-confirm {
  background: #c2452f; color: #ffffff; border-color: #c2452f;
}