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

/* 일일 생산 현황: .daily-production-search 선택자의 조회조건 영역에 적용됩니다. */
.daily-production-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;
}

/* 일일 생산 현황: .daily-production-search label 선택자의 라벨 줄에 적용됩니다. */
.daily-production-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;
}

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

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

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

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

/* 일일 생산 현황: .daily-production-table-card 선택자의 표에 적용됩니다. */
.daily-production-table-card {
  /* 표시 방식을 flex !important로 설정합니다. */
  display: flex !important;
  /* flex-direction 값을 column !important로 지정합니다. */
  flex-direction: column !important;
}

/* 일일 생산 현황: .daily-production-table-wrap 선택자의 표에 적용됩니다. */
.daily-production-table-wrap,
/* 일일 생산 현황: .daily-production-table-scroll 선택자의 표에 적용됩니다. */
.daily-production-table-scroll {
  /* 이 값보다 작아지지 않도록 최소 높이를 420px !important로 지정합니다. */
  min-height: 420px !important;
  /* 이 값보다 커지지 않도록 최대 높이를 calc(100vh - 300px) !important로 지정합니다. */
  max-height: calc(100vh - 300px) !important;
  /* 넘치는 내용 처리 방식을 auto !important로 설정합니다. */
  overflow: auto !important;
}

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

/* 일일 생산 현황: .daily-production-table th 선택자의 표 제목칸에 적용됩니다. */
.daily-production-table th,
/* 일일 생산 현황: .daily-production-table td 선택자의 표 내용칸에 적용됩니다. */
.daily-production-table td {
  /* 기본 높이를 30px !important로 지정합니다. */
  height: 30px !important;
  /* 안쪽 여백을 4px 6px !important로 줍니다. */
  padding: 4px 6px !important;
  /* 줄바꿈 처리 방식을 nowrap !important로 설정합니다. */
  white-space: nowrap !important;
}

/* 일일 생산 현황: .daily-production-table .good-text 선택자의 표에 적용됩니다. */
.daily-production-table .good-text,
/* 일일 생산 현황: .daily-production-table .pass-text 선택자의 표에 적용됩니다. */
.daily-production-table .pass-text,
/* 일일 생산 현황: .daily-production-table [data-item="good"] 선택자의 표에 적용됩니다. */
.daily-production-table [data-item="good"],
/* 일일 생산 현황: .daily-production-table [data-kind="good"] 선택자의 표에 적용됩니다. */
.daily-production-table [data-kind="good"] {
  /* 글자색을 #0a8f3c !important로 지정합니다. */
  color: #0a8f3c !important;
}

/* 일일 생산 현황: .daily-production-table .fail-text 선택자의 표에 적용됩니다. */
.daily-production-table .fail-text,
/* 일일 생산 현황: .daily-production-table [data-item="fail"] 선택자의 표에 적용됩니다. */
.daily-production-table [data-item="fail"],
/* 일일 생산 현황: .daily-production-table [data-kind="fail"] 선택자의 표에 적용됩니다. */
.daily-production-table [data-kind="fail"],
/* 일일 생산 현황: .daily-production-table [data-item="failRate"] 선택자의 표에 적용됩니다. */
.daily-production-table [data-item="failRate"],
/* 일일 생산 현황: .daily-production-table [data-kind="failRate"] 선택자의 표에 적용됩니다. */
.daily-production-table [data-kind="failRate"] {
  /* 글자색을 #e11d2e !important로 지정합니다. */
  color: #e11d2e !important;
}

/* 일일 생산 현황: .daily-production-table .process-cell 선택자의 표에 적용됩니다. */
.daily-production-table .process-cell,
/* 일일 생산 현황: .daily-production-table td:first-child 선택자의 표 내용칸에 적용됩니다. */
.daily-production-table td:first-child {
  /* 글자 정렬을 center !important로 지정합니다. */
  text-align: center !important;
}

/* 일일 생산 현황: .daily-production-maximized .daily-production-table-card 선택자의 표에 적용됩니다. */
.daily-production-maximized .daily-production-table-card,
/* 일일 생산 현황: .daily-production-table-card.is-maximized 선택자의 표에 적용됩니다. */
.daily-production-table-card.is-maximized {
  /* 기본 높이를 calc(100vh - 150px) !important로 지정합니다. */
  height: calc(100vh - 150px) !important;
}

/* 일일 생산 현황: .daily-production-maximized .daily-production-table-wrap 선택자의 표에 적용됩니다. */
.daily-production-maximized .daily-production-table-wrap,
/* 일일 생산 현황: .daily-production-maximized .daily-production-table-scroll 선택자의 표에 적용됩니다. */
.daily-production-maximized .daily-production-table-scroll,
/* 일일 생산 현황: .daily-production-table-card.is-maximized .daily-production-table-wrap 선택자의 표에 적용됩니다. */
.daily-production-table-card.is-maximized .daily-production-table-wrap,
/* 일일 생산 현황: .daily-production-table-card.is-maximized .daily-production-table-scroll 선택자의 표에 적용됩니다. */
.daily-production-table-card.is-maximized .daily-production-table-scroll {
  /* flex 값을 1 1 auto !important로 지정합니다. */
  flex: 1 1 auto !important;
  /* 이 값보다 커지지 않도록 최대 높이를 none !important로 지정합니다. */
  max-height: none !important;
  /* 기본 높이를 100% !important로 지정합니다. */
  height: 100% !important;
}