/* 생산 실적 관리 페이지 전용 CSS입니다. 이 파일을 수정하면 생산 실적 관리 화면에만 적용됩니다. */
/* 선택자 주석은 어느 화면 요소인지, 속성 주석은 어떤 값을 바꾸는지 설명합니다. */

/* 생산 실적 관리: .production-result-search 선택자의 조회조건 영역에 적용됩니다. */
.production-result-search {
  /* 표시 방식을 flex !important로 설정합니다. */
  display: flex !important;
  /* 내용이 넘칠 때 줄바꿈 방식을 wrap !important로 설정합니다. */
  flex-wrap: wrap !important;
  /* 세로 정렬을 center !important로 맞춥니다. */
  align-items: center !important;
  /* 요소 사이 간격을 10px 12px !important로 줍니다. */
  gap: 10px 12px !important;
  /* 안쪽 여백을 12px 16px !important로 줍니다. */
  padding: 12px 16px !important;
  /* 이 값보다 작아지지 않도록 최소 높이를 0 !important로 지정합니다. */
  min-height: 0 !important;
}

/* 생산 실적 관리: .production-result-search label 선택자의 라벨 줄에 적용됩니다. */
.production-result-search label {
  /* 표시 방식을 grid !important로 설정합니다. */
  display: grid !important;
  /* 가로 열 배치를 max-content auto !important로 정합니다. */
  grid-template-columns: max-content auto !important;
  /* 세로 정렬을 center !important로 맞춥니다. */
  align-items: center !important;
  /* 요소 사이 간격을 8px !important로 줍니다. */
  gap: 8px !important;
  /* 기본 너비를 auto !important로 지정합니다. */
  width: auto !important;
  /* 이 값보다 작아지지 않도록 최소 높이를 38px !important로 지정합니다. */
  min-height: 38px !important;
}

/* 생산 실적 관리: .production-result-search input 선택자의 입력칸에 적용됩니다. */
.production-result-search input,
/* 생산 실적 관리: .production-result-search select 선택자의 선택박스에 적용됩니다. */
.production-result-search select {
  /* 기본 높이를 38px !important로 지정합니다. */
  height: 38px !important;
}

/* 생산 실적 관리: .production-result-search input[type="date"] 선택자의 입력칸에 적용됩니다. */
.production-result-search input[type="date"] {
  /* 기본 너비를 150px !important로 지정합니다. */
  width: 150px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 150px !important로 지정합니다. */
  max-width: 150px !important;
}

/* 생산 실적 관리: .production-result-search select 선택자의 선택박스에 적용됩니다. */
.production-result-search select {
  /* 기본 너비를 150px !important로 지정합니다. */
  width: 150px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 170px !important로 지정합니다. */
  max-width: 170px !important;
}

/* 생산 실적 관리: .production-result-search input:not([type="date"]) 선택자의 입력칸에 적용됩니다. */
.production-result-search input:not([type="date"]) {
  /* 기본 너비를 160px !important로 지정합니다. */
  width: 160px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 180px !important로 지정합니다. */
  max-width: 180px !important;
}

/* 생산 실적 관리: .production-result-search button 선택자의 버튼에 적용됩니다. */
.production-result-search button {
  /* 기본 너비를 86px !important로 지정합니다. */
  width: 86px !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 86px !important로 지정합니다. */
  min-width: 86px !important;
  /* 기본 높이를 38px !important로 지정합니다. */
  height: 38px !important;
}

/* 생산 실적 관리: .production-result-card .table-scroll 선택자의 표에 적용됩니다. */
.production-result-card .table-scroll {
  /* 이 값보다 커지지 않도록 최대 높이를 430px !important로 지정합니다. */
  max-height: 430px !important;
  /* 넘치는 내용 처리 방식을 auto !important로 설정합니다. */
  overflow: auto !important;
}

/* 생산 실적 관리: .production-result-card table 선택자의 표에 적용됩니다. */
.production-result-card table {
  /* 표 열 계산 방식을 fixed !important로 설정합니다. */
  table-layout: fixed !important;
  /* 기본 너비를 max-content !important로 지정합니다. */
  width: max-content !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 100% !important로 지정합니다. */
  min-width: 100% !important;
}

/* 생산실적관리: No */
.production-result-card table th:nth-child(1),
.production-result-card table td:nth-child(1) {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
}

/* 생산실적관리: 작업일시 */
.production-result-card table th:nth-child(2),
.production-result-card table td:nth-child(2) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 생산실적관리: LOT번호 */
.production-result-card table th:nth-child(3),
.production-result-card table td:nth-child(3) {
  width: 150px !important;
  min-width: 140px !important;
  max-width: 170px !important;
}

/* 생산실적관리: 공정바코드 */
.production-result-card table th:nth-child(4),
.production-result-card table td:nth-child(4) {
  width: 150px !important;
  min-width: 140px !important;
  max-width: 170px !important;
}

/* 생산실적관리: 제품바코드 */
.production-result-card table th:nth-child(5),
.production-result-card table td:nth-child(5) {
  width: 150px !important;
  min-width: 140px !important;
  max-width: 170px !important;
}


/* 생산실적관리: 제품명 */
.production-result-card table th:nth-child(6),
.production-result-card table td:nth-child(6) {
  width: 220px !important;
  min-width: 180px !important;
  max-width: 320px !important;
}

/* 생산실적관리: 공정명 */
.production-result-card table th:nth-child(7),
.production-result-card table td:nth-child(7) {
  width: 150px !important;
  min-width: 140px !important;
  max-width: 170px !important;
}

/* 생산실적관리: 결과 */
.production-result-card table th:nth-child(8),
.production-result-card table td:nth-child(8) {
  width: 100px !important;
  min-width: 80px !important;
  max-width: 110px !important;
}

/* 생산실적관리: 작업자 */
.production-result-card table th:nth-child(9),
.production-result-card table td:nth-child(9) {
  width: 100px !important;
  min-width: 80px !important;
  max-width: 110px !important;
}

/* 생산실적관리: 메시지 */
.production-result-card table th:nth-child(10),
.production-result-card table td:nth-child(10) {
  width: 200px !important;
  min-width: 180px !important;
  max-width: 420px !important;
}

/* 생산실적관리: 관리 */
.production-result-card table th:nth-child(11),
.production-result-card table td:nth-child(11) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 200px !important;
}





/* 생산 실적 관리: .production-result-detail-dialog 선택자의 팝업창에 적용됩니다. */
.production-result-detail-dialog,
/* 생산 실적 관리: .production-result-edit-dialog 선택자의 팝업창에 적용됩니다. */
.production-result-edit-dialog,
/* 생산 실적 관리: .result-detail-modal 선택자의 팝업창에 적용됩니다. */
.result-detail-modal {
  /* 기본 너비를 min(1000px, calc(100vw - 96px)) !important로 지정합니다. */
  width: min(1000px, calc(100vw - 96px)) !important;
  /* 이 값보다 커지지 않도록 최대 너비를 min(1000px, calc(100vw - 96px)) !important로 지정합니다. */
  max-width: min(1000px, calc(100vw - 96px)) !important;
}

/* 생산 실적 관리: .production-result-detail-dialog .dialog-grid 선택자의 팝업창에 적용됩니다. */
.production-result-detail-dialog .dialog-grid,
/* 생산 실적 관리: .production-result-edit-dialog .dialog-grid 선택자의 팝업창에 적용됩니다. */
.production-result-edit-dialog .dialog-grid,
/* 생산 실적 관리: .result-detail-modal .dialog-grid 선택자의 팝업창에 적용됩니다. */
.result-detail-modal .dialog-grid {
  /* 요소 사이 간격을 8px 16px !important로 줍니다. */
  gap: 8px 16px !important;
}

/* 생산 실적 관리: .production-result-detail-dialog textarea 선택자의 팝업창에 적용됩니다. */
.production-result-detail-dialog textarea,
/* 생산 실적 관리: .production-result-edit-dialog textarea 선택자의 팝업창에 적용됩니다. */
.production-result-edit-dialog textarea,
/* 생산 실적 관리: .result-detail-modal textarea 선택자의 팝업창에 적용됩니다. */
.result-detail-modal textarea {
  /* 이 값보다 작아지지 않도록 최소 높이를 56px !important로 지정합니다. */
  min-height: 56px !important;
  /* 이 값보다 커지지 않도록 최대 높이를 90px !important로 지정합니다. */
  max-height: 90px !important;
}

/* 생산 실적 관리: .production-result-detail-dialog .dialog-actions 선택자의 팝업창에 적용됩니다. */
.production-result-detail-dialog .dialog-actions,
/* 생산 실적 관리: .production-result-edit-dialog .dialog-actions 선택자의 팝업창에 적용됩니다. */
.production-result-edit-dialog .dialog-actions,
/* 생산 실적 관리: .result-detail-modal .dialog-actions 선택자의 팝업창에 적용됩니다. */
.result-detail-modal .dialog-actions {
  /* 표시 방식을 flex !important로 설정합니다. */
  display: flex !important;
  /* 가로 정렬을 flex-end !important로 맞춥니다. */
  justify-content: flex-end !important;
  /* 요소 사이 간격을 8px !important로 줍니다. */
  gap: 8px !important;
}
.result-popup-actions {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 12px 18px 4px 0 !important;
}