/* ---------------------------------------------------------------------------
 * IK000400_P01.xfdl 변환본 — INT/KB 월별 리베이트 등록/수정 모달 (780x).
 * Modal #A 38 + *Rule of Two 추출 7번째* (add/edit 통합 + 그리드 내장).
 * --------------------------------------------------------------------------- */

#ik-rebate-monthly-form-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-rebate-monthly-form-modal.is-open { display: flex; }
#ik-rebate-monthly-form-modal .layer-wrap {
  width: 780px; background: #ffffff; border-radius: 6px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  display: flex; flex-direction: column; overflow: hidden;
}
#ik-rebate-monthly-form-modal .layer-header {
  display: flex; align-items: center; padding: 12px 16px;
  border-bottom: 2px solid #2c4368; background: #2c4368; color: #ffffff;
}
#ik-rebate-monthly-form-modal .layer-title { flex: 1; font-size: 14px; font-weight: 600; margin: 0; }
#ik-rebate-monthly-form-modal .layer-close {
  background: transparent; border: 0; color: #ffffff; font-size: 20px; cursor: pointer; line-height: 1;
}
#ik-rebate-monthly-form-modal .layer-content {
  padding: 14px 16px;
}
#ik-rebate-monthly-form-modal .form-row {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 10px; font-size: 12px;
}
#ik-rebate-monthly-form-modal .form-row label { color: #344b6e; font-weight: 600; width: 70px; }
#ik-rebate-monthly-form-modal .form-row input {
  padding: 4px 6px; font-size: 12px;
  border: 1px solid #c8d3e0; border-radius: 3px;
  width: 130px;
}
#ik-rebate-monthly-form-modal .form-row input[readonly] { background: #f0f3f7; }
#ik-rebate-monthly-form-modal .grid-shell {
  border: 1px solid #d8e3f0; border-radius: 4px;
  overflow: hidden;
}
#ik-rebate-monthly-form-modal #ik-rebate-monthly-form-modal-grid {
  width: 100%; height: 380px;
}
#ik-rebate-monthly-form-modal .layer-footer {
  display: flex; justify-content: flex-end;
  padding: 10px 16px; border-top: 1px solid #e1e5eb; background: #f7f8fa;
  gap: 6px;
}
#ik-rebate-monthly-form-modal .btn {
  min-width: 80px; padding: 6px 12px; border-radius: 3px;
  font-size: 12px; cursor: pointer;
  border: 1px solid #c8d3e0; background: #ffffff; color: #344b6e;
}
#ik-rebate-monthly-form-modal .btn.primary { background: #2c4368; color: #ffffff; border-color: #2c4368; }
#ik-rebate-monthly-form-modal .btn.primary:hover { background: #1d2f4b; }