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

/* 작업지시 관리: .work-order-search 선택자의 조회조건 영역에 적용됩니다. */
.work-order-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;
}

/* 작업지시 관리: .work-order-search label 선택자의 라벨 줄에 적용됩니다. */
.work-order-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;
}

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

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

/* 작업지시 관리: .work-order-search select 선택자의 선택박스에 적용됩니다. */
.work-order-search select {
  /* 기본 너비를 154px !important로 지정합니다. */
  width: 154px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 154px !important로 지정합니다. */
  max-width: 154px !important;
}

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

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

/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-no 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-no {
  /* 기본 너비를 70px !important로 지정합니다. */
  width: 70px !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 70px !important로 지정합니다. */
  min-width: 70px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 70px !important로 지정합니다. */
  max-width: 70px !important;
}

/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-date 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-date,
/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-status 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-status,
/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-customer 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-customer,
/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-qty 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-qty {
  /* 기본 너비를 100px !important로 지정합니다. */
  width: 100px !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 100px !important로 지정합니다. */
  min-width: 100px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 100px !important로 지정합니다. */
  max-width: 100px !important;
}

/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-code 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-code {
  /* 기본 너비를 120px !important로 지정합니다. */
  width: 120px !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 120px !important로 지정합니다. */
  min-width: 120px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 120px !important로 지정합니다. */
  max-width: 120px !important;
}

/* 작업지시 관리: .work-order-search ~ .table-card .rs-common-table-widths .rs-col-name 선택자의 표에 적용됩니다. */
.work-order-search ~ .table-card .rs-common-table-widths .rs-col-name {
  /* 기본 너비를 250px !important로 지정합니다. */
  width: 250px !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 190px !important로 지정합니다. */
  min-width: 190px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 420px !important로 지정합니다. */
  max-width: 420px !important;
}

/* 작업지시 관리: .work-order-detail-card th:first-child 선택자의 표 제목칸에 적용됩니다. */
.work-order-detail-card th:first-child,
/* 작업지시 관리: .work-order-detail-card td:first-child 선택자의 표 내용칸에 적용됩니다. */
.work-order-detail-card td:first-child,
/* 작업지시 관리: .work-order-process-card th:first-child 선택자의 표 제목칸에 적용됩니다. */
.work-order-process-card th:first-child,
/* 작업지시 관리: .work-order-process-card td:first-child 선택자의 표 내용칸에 적용됩니다. */
.work-order-process-card td:first-child {
  /* 기본 너비를 56px !important로 지정합니다. */
  width: 56px !important;
  /* 이 값보다 작아지지 않도록 최소 너비를 56px !important로 지정합니다. */
  min-width: 56px !important;
  /* 이 값보다 커지지 않도록 최대 너비를 56px !important로 지정합니다. */
  max-width: 56px !important;
}

.work-order-barcode-table th:nth-child(1),
.work-order-barcode-table td:nth-child(1) {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}

/* 작업지시 상세: 공정바코드 */
.work-order-barcode-table th:nth-child(2),
.work-order-barcode-table td:nth-child(2) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

/* 작업지시 상세: 제품바코드 */
.work-order-barcode-table th:nth-child(3),
.work-order-barcode-table td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}
/* 공정 진행현황: No */
#workOrderProcessHistory table th:nth-child(1),
#workOrderProcessHistory table td:nth-child(1) {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}

/* 공정 진행현황: 공정코드 */
#workOrderProcessHistory table th:nth-child(2),
#workOrderProcessHistory table td:nth-child(2) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

/* 공정 진행현황: 공정명 */
#workOrderProcessHistory table th:nth-child(3),
#workOrderProcessHistory table td:nth-child(3) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 공정 진행현황: 공정상태 */
#workOrderProcessHistory table th:nth-child(4),
#workOrderProcessHistory table td:nth-child(4) {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

/* 공정 진행현황: 작업일시 */
#workOrderProcessHistory table th:nth-child(5),
#workOrderProcessHistory table td:nth-child(5) {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}
/* 공정 진행현황: 작업자 */
#workOrderProcessHistory table th:nth-child(6),
#workOrderProcessHistory table td:nth-child(6) {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}