/* ===== 조회조건 패널 (js/common/component — YearMonthPicker · SiteSelectTable · PartnerSelect · DaySelectTable) ===== */
/* 컴포넌트가 그리는 마크업 전용이다. common.css 의 .header-inner · .row_1 · .date_wrap.row · .row_2/.row_3 · .table_wrap ·
   #table-site/#table-day 규칙을 옮겨 왔다. 컴포넌트로 옮기지 않은 목록 화면은 아직 common.css 의 옛 규칙을 쓴다.
   표 쪽 규칙은 .condition-field 로 한 번 더 범위를 건다. common.css 의 .tbmList .dataTables_scrollBody 규칙
   (스크롤바 폭 0, overflow-y auto)이 같은 요소에 걸려 있어 그보다 우선순위가 높아야 한다. */

/* 제목 (← .header-inner) */
.condition-field-label {
    width: 120px;
    margin-bottom: 5px;
}
.condition-field-label span {
    font-size: 15px;
    letter-spacing: -1px;
    font-family: 'noto sans KR';
}
.condition-field-label span i {
    margin-right: 5px;
    font-size: 13px;
}

/* 조회연월 (← .row_1 > .date_wrap.row) — 제목과 입력칸을 줄바꿈으로 쌓는다 */
.condition-year-month {
    display: flex;
    flex-wrap: wrap;
}
.condition-year-month .mp-monthpicker {
    width: 100%;
    transition: 0.3s;
    margin-bottom: 10px !important;
}

/* 협력업체 (← .row_1) */
.condition-partner .condition-field-body {
    display: flex;
    flex-direction: column;
}

/* 현장·일자 표 (← .row_2/.row_3 .table_wrap) */
.condition-table {
    border-radius: 0;
    border-right: 1px solid var(--gray-444);
    border-left: 1px solid var(--gray-444);
    border-bottom: 1px solid var(--gray-444);
    overflow-y: auto;
}
.condition-table::-webkit-scrollbar {
    width: 4px;
}

/* (← #table-site_wrapper / #table-day_wrapper > .row:nth-child(2) .col-sm-12) */
.condition-field .condition-table .dataTables_wrapper > .row:nth-child(2) .col-sm-12 {
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--color-white);
}
.condition-field .condition-table .dataTables_wrapper > .row:nth-child(2) .col-sm-12::-webkit-scrollbar {
    width: 4px !important;
    background-color: rgba(153, 153, 153, 0.32) !important;
    z-index: 999;
}
.condition-field .condition-table .dataTables_wrapper > .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb {
    background-color: var(--gray-555);
}
.condition-field .condition-table .dataTables_wrapper > .row:nth-child(2) .col-sm-12::-webkit-scrollbar-track {
    background-color: rgba(153, 153, 153, 0.32) !important;
}
.condition-site .condition-table .dataTables_wrapper > .row:nth-child(2) .col-sm-12:hover::-webkit-scrollbar-thumb {
    background-color: var(--gray-333);
}
.condition-day .condition-table .dataTables_wrapper > .row:nth-child(2) .col-sm-12:hover::-webkit-scrollbar-thumb {
    background-color: var(--gray-111);
}

/* (← .tbmList .row_2.table_wrap .col-sm-12 .dataTables_scroll, #table-day_wrapper .dataTables_scroll) */
.condition-field .condition-table .dataTables_scroll {
    width: 100% !important;
}

/* (← .tbmList .row_2/.row_3 .table_wrap .dataTables_scrollBody) — DataTables 의 scrollY 인라인 max-height 를 덮는다 */
.condition-field .condition-table .dataTables_scrollBody {
    overflow-y: scroll !important;
    max-height: 200px !important;
}
.condition-field .condition-table .dataTables_scrollBody::-webkit-scrollbar {
    width: 3px !important;
    background-color: rgba(153, 153, 153, 0.32);
    z-index: 999;
}
.condition-site .condition-table .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: var(--gray-555);
}
.condition-day .condition-table .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: var(--gray-333);
}

/* 펼친 목록 (SelectableTableLayout.expanded ← .evalList.tbmList .row_2.table_wrap) — 높이 제한 없이 모든 행을 보인다 */
.condition-field .condition-table.condition-table-expanded .dataTables_scroll {
    width: 100% !important;
    overflow: visible !important;
}
.condition-field .condition-table.condition-table-expanded .dataTables_scrollBody {
    max-height: fit-content !important;
    overflow-y: visible !important;
}
.condition-field .condition-table.condition-table-expanded .dataTables_wrapper > .row:nth-child(2) .col-sm-12 {
    max-height: none !important;
}

/* 테두리 표 (SelectableTableLayout.bordered ← 화면 CSS 의 .row_2/.row_3.table_wrap) — scrollY 없이 목록 래퍼가 스크롤하고 헤더를 고정한다.
   최대 높이는 layout.maxHeight 로 요소에 준다 */
.condition-field .condition-table.condition-table-bordered thead tr th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f9f9f9;
}