/*
   dtGrid.css - 바닐라 가상 스크롤 그리드 스타일
   rc/css/dcs.css의 jqGrid 오버라이드 수치(행/헤더 20px, 셀 패딩 0 2px)를 그대로 이식
   Taiminko 20260723
*/
.dtgrid {
    display: block; /* index.html의 <table id="jqLive">를 그대로 컨테이너로 재사용 — table 기본 레이아웃 무효화 */
    position: relative;
    border: 1px solid #ddd;
    background: #fff; /* jqGrid는 불투명한 <table> 배경이라 뒤에 있는 UI(예: divDailyTbl의 회색 배경)가 안 비쳤음 — 명시적으로 채움 */
    font-size: 13px; /* dcs.css .ui-jqgrid-view 실측치(178행)와 동일 — jqGrid 기본 11px를 덮어쓰는 값 */
    overflow: hidden;
}

.dtgrid-header {
    overflow: hidden;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.dtgrid-htrow {
    display: flex;
    height: 20px;
}

.dtgrid-th {
    box-sizing: border-box;
    position: relative;
    padding: 0 2px;
    height: 20px;
    line-height: 20px;
    font-size: 12px; /* dcs.css:162 .ui-jqgrid-htable .ui-th-div 실측치 — 본문(13px)과 다름 */
    font-weight: normal;
    border-right: 1px solid #ccc;
    flex-shrink: 0;
}

.dtgrid-th-label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center; /* ui.jqgrid.css .ui-th-column {text-align:center} parity */
    cursor: pointer;
    padding-right: 6px;
}

.dtgrid-resizer {
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    z-index: 1;
}

.dtgrid-resizer:hover {
    background: #99c;
    opacity: 0.5;
}

.dtgrid-body {
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}

.dtgrid-spacer {
    position: relative;
}

.dtgrid-rows {
    position: relative;
}

.dtgrid-row {
    position: absolute;
    left: 0;
    display: flex;
    height: 23px;
    width: 100%;
}

.dtgrid-row.dtgrid-selected {
    /* jquery-ui.theme.css .ui-state-highlight 실측치(jqGrid 선택행 스타일) 그대로 이식 */
    background: #d2c5b3;
    color: #880051;
}

.dtgrid-cell {
    box-sizing: border-box;
    padding: 0 2px;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    white-space: pre;
    border-bottom: 1px solid #ddd; /* 행 구분선(Taiminko 지시 20260723) */
    border-right: 1px solid #ddd; /* 컬럼 구분선(ui.jqgrid.css tr.ui-row-ltr td border-right parity) */
    flex-shrink: 0;
}

.dtgrid-cell[data-col="Icon"] {
    display: flex;
    align-items: center; /* 행높이(23px)가 아이콘(16px)보다 커져 위로 붙어 보이던 것 — 세로 중앙정렬 */
    justify-content: center;
}

.dtgrid-cell.dtgrid-rownum {
    text-align: center;
    color: #555;
    font-size: 13px; /* 본문과 동일 — rownumWidth 30px(dtMain.js)로 넉넉하게 확보 */
}

.dtgrid-th.dtgrid-rownum-th {
    text-align: center;
}

/* ---- 그룹핑/인라인편집(opt-in, 20260803 UTILWEB PARSER dtIni 이식 위해 추가) ---- */
.dtgrid-group-row {
    position: absolute;
    left: 0;
    width: 100%;
    height: 23px;
    line-height: 23px;
    box-sizing: border-box;
    padding: 0 6px;
    background: #eef2f6;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
}

.dtgrid-group-toggle {
    display: inline-block;
    width: 12px;
    font-weight: normal;
}

.dtgrid-edit-input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 2px;
    border: 1px solid #99c;
    font-size: 13px;
    font-family: inherit;
}