/* 공정 화학조성 반복 입력 보완 (2026-10-26)
 * 근거: 소재 등록의 createMaterialsAddValue / form_add_group 마크업을 그대로 재사용한다.
 * 값-N 제목, 추가·삭제 버튼, 배경·테두리·패딩·입력 높이는 기존 공통 규칙에 맡긴다.
 * 원본은 원소/값 2칸이지만 공정은 원소·Min·Max·CoA·분석결과·판정 6칸이므로 열 수만 확장한다.
 * 비고는 아래 전체 너비에 놓고, 작은 화면은 3열/2열로 줄바꿈해 가로 스크롤을 만들지 않는다.
 * 기존 선택자는 수정하지 않고 process_chemical_editor 내부에만 추가 적용한다.
 */
.process_chemical_editor .form_add_group > .form_group .process_chemical_fields {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    min-width: 0;
}
.process_chemical_editor .form_add_group > .form_group .process_chemical_fields > .select_wrap {
    grid-area: auto;
}
.process_chemical_editor .form_add_group > .form_group .process_chemical_fields > [data-chemical-column="note"] {
    grid-column: 1 / -1;
}
/* 기존 반복 입력의 input(46px)에 맞춰, 기본 select 높이로 행이 튀어나오는 것만 보정한다. */
.process_chemical_editor .form_add_group > .form_group .process_chemical_fields .select_wrap,
.process_chemical_editor .form_add_group > .form_group .process_chemical_fields select {
    height: 46px;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}
.process_chemical_editor .form_add_group [aria-invalid="true"] { border-color: #d32f2f; }

/* 공정 등록/수정은 소재 화면의 .form_item .write_input 밖에 있어 공통 label_group
 * 버튼 규칙이 적용되지 않는다. 동일한 34px 보조 버튼과 우측 정렬을 편집기 내부에만 보완한다.
 * 공통 버튼/소재 화면은 그대로 두고, 마지막 화학조성 항목의 삭제 버튼도 유지한다. */
.process_chemical_editor .process_chemical_toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
.process_chemical_editor .process_chemical_toolbar .process_chemical_add {
    flex: 0 0 auto;
    width: auto;
    height: 34px;
    min-width: max-content;
    padding: 0 12px;
    border-color: #dbe6f5;
    background: #f8fbff;
    color: #1f3f8b;
    font-size: 14px;
}
.process_chemical_editor .process_chemical_toolbar .process_chemical_add:hover {
    border-color: #c9d2df;
    background: #f3f6fa;
}
.process_chemical_editor .process_chemical_toolbar .process_chemical_add:disabled {
    border-color: #d7d9df;
    background: #f5f5f5;
    color: #999;
    cursor: not-allowed;
}

/* 화학조성 미등록 안내는 기존 좌측 정렬 테이블 규칙을 바꾸지 않고 안내 셀만 중앙 정렬한다. */
.process_chemical .process_chemical_table tbody td.process_chemical_empty_cell {
    text-align: center;
}

/********** 공정 등록/수정 - 전처리기 선택 (예전 buildProcessMod.css) **********/
.process_preprocessor_control .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 82px;
}

.process_preprocessor_clear_btn {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #f52e2e;
    font-size: 15px;
    cursor: pointer;
    transform: translateY(-50%);
}

.process_preprocessor_clear_btn:hover,
.process_preprocessor_clear_btn:focus-visible {
    background: rgba(245, 46, 46, 0.08);
}

/********** 공정 화학조성 조회 (예전 processChemical.css) **********/
/* 기존 layout/form.css 의 반복 입력(form_add_group)과 layout/table.css 의 공정 변수 표(list_table)를 재사용한다.
   입력 배치 규칙은 이 파일 위쪽(공정 화학조성 반복 입력 보완)에 두고, 아래는 조회 표와 상태 안내만 보완한다. */
.process_chemical {
    width: 100%;
    min-width: 0;
}
.process_chemical [hidden] {
    display: none !important;
}
/* 추가·삭제 버튼은 소재 입력의 label_group / btn / remove_btn 규칙을 그대로 사용한다. */
.process_chemical_summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-bottom: 12px;
    padding: 12px 16px;
    border: 1px solid #e4eaf4;
    border-radius: 8px;
    background: #f7f9fd;
    font-size: 14px;
    line-height: 1.4;
}
.process_chemical_unit {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 8px;
    min-width: 0;
}
.process_chemical_summary_label, .process_chemical_metric_label {
    color: #5d6b80;
    font-weight: 600;
}
.process_chemical_unit_value {
    color: #1f3f8b;
    font-size: 18px;
    font-weight: 800;
}
.process_chemical_status {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.process_chemical_metric {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid #e4eaf4;
    border-radius: 6px;
    background: #fff;
    white-space: nowrap;
}
.process_chemical_metric_value {
    color: #24344f;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.process_chemical_metric.is_pass .process_chemical_metric_value {
    color: #168348;
}
.process_chemical_metric.is_fail .process_chemical_metric_value {
    color: #d73939;
}
.process_chemical_metric.is_unassessed .process_chemical_metric_value {
    color: #a05a0c;
}
.process_chemical_clear {
    margin-left: 10px;
}
.process_chemical_legacy, .process_chemical_empty {
    padding: 12px 0;
    line-height: 1.6;
}
.process_chemical_error {
    margin-top: 8px;
    color: #d32f2f;
}
/* 상세는 물성 표 밖에 독립된 제목과 기존 회색 헤더 테이블을 배치한다. */
.process_chemical_section {
    margin-top: 20px;
    min-width: 0;
}
.process_chemical_section > .table_btn_group {
    display: flex;
    align-items: center;
    gap: 8px;
}
.process_chemical_section .lg_title {
    margin-bottom: 20px;
}
.process_chemical_scroll {
    max-width: 100%;
}
.process_chemical_table {
    width: 100%;
    min-width: 760px;
}
.process_chemical_table.is_compact {
    min-width: 540px;
}
.process_chemical_table th, .process_chemical_table td {
    overflow-wrap: anywhere;
}
/* PC 폭을 A4로 캡처해도 화학조성 글자가 작아지지 않도록 개요서에만 적용한다. */
.is_pdf_capturing .process_chemical_table th,
.is_pdf_capturing .process_chemical_table td {
    font-size: 18px;
}
.is_pdf_capturing .process_chemical_summary {
    font-size: 16px;
}

/********** responsive **********/
@media (max-width: 900px) {
    .process_chemical_editor .form_add_group > .form_group .process_chemical_fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .process_chemical_summary {
        padding: 12px;
    }
    .process_chemical_status {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .process_chemical_editor .form_add_group > .form_group .process_chemical_fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 901px) {
    /* 공정 화학조성 입력 너비 조정 (2026-10-27)
    * 6열 가로 배치에서 원소·Min·Max·CoA·판정은 기존 1fr의 87%로 줄이고,
    * 분석결과는 남는 0.13fr × 5를 받아 1.65fr로 확장한다. 열 간격과 전체 너비는 유지한다.
    * 모바일의 기존 3열/2열 줄바꿈은 유지하여 입력칸이 지나치게 좁아지지 않도록 한다.
    * 등록/수정 편집기에만 적용하며, 기존 규칙이나 인라인 스타일은 변경하지 않는다.
    */
    .process_chemical_editor .form_add_group > .form_group .process_chemical_fields {
        grid-template-columns: repeat(4, minmax(0, 0.87fr)) minmax(0, 1.65fr) minmax(0, 0.87fr);
    }

    /* 공정 등록/수정 판정 너비 보완 (2026-10-27)
    * 판정은 현재 0.87fr에서 10% 넓힌 0.957fr로 배치한다.
    * 늘어난 0.087fr는 분석결과에서 배분하여 전체 너비와 나머지 항목 너비를 유지한다.
    * 기존 코드/인라인 스타일은 변경하지 않고 모바일 3열/2열 배치도 유지한다.
    */
    .process_chemical_editor .form_add_group > .form_group .process_chemical_fields {
        grid-template-columns: repeat(4, minmax(0, 0.87fr)) minmax(0, 1.563fr) minmax(0, 0.957fr);
    }
}

@media print {
    .process_chemical_scroll {
        overflow: visible;
    }
    .process_chemical_table {
        min-width: 0;
    }
    .process_chemical_table thead {
        display: table-header-group;
    }
    .process_chemical_table tr {
        break-inside: avoid;
    }
}