/* 5.tables.css - Data Tables */

/* [추가] 테이블 스크롤 래퍼 (내용 많으면 스크롤 생성) */
.dense-table-wrapper {
    position: relative;
    overflow-y: auto;
    width: 100%; /* 안전장치 */
}

/* ------------------------------------------------------------
   A. 기본 테이블 구조 (Structure)
   ------------------------------------------------------------ */
.standard-table {
    width: 100%; border-collapse: collapse; font-size: 14px;
}

/* 테이블 헤더 (고정) */
.standard-table th {
    position: sticky; top: 0; z-index: 10;
    background: var(--primary-color); color: white;
    padding: 6px 2px; font-weight: 500; font-size: 13px !important;
    white-space: nowrap; box-shadow: inset 0 -1px 0 #eee;
}

/* 테이블 바디 */
.standard-table td {
    padding: 6px 2px; border-bottom: 1px solid #eee;
    text-align: center; background: white; font-size: 12px !important;
}

/* ------------------------------------------------------------
   B. 테이블 내부 입력 폼 (Inputs in Cells)
   ------------------------------------------------------------ */
/* 텍스트/숫자 입력창 및 셀렉트 박스 */
.standard-table input,
.standard-table select,
.form-input-table {
    font-size: 12px !important;
    height: 28px;
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;    
}

/* [추가됨] 입력창 포커스 효과 (파란 테두리) */
.standard-table input:focus,
.standard-table select:focus {
    border-color: var(--accent-blue, #3498db); /* 테마 변수 적용 */
    outline: none;
    background-color: #fff;
}

/* [추가됨] 체크박스 크기 및 정렬 수정 */
.standard-table input[type="checkbox"] {
    width: 13px;
    height: 13px;
    cursor: pointer;
    vertical-align: middle;
}

/* ------------------------------------------------------------
   C. 테이블 구분선 (Group Dividers)
   ------------------------------------------------------------ */
/* [복구] 헤더 및 데이터 셀의 오른쪽 테두리 (가늘고 연한 선) */
.standard-table th.group-divider,
.standard-table td.group-divider {
    border-right: 1px solid #dcdcdc !important; /* 가독성 확보 */
}

/* 테이블의 맨 마지막 컬럼은 선 제거 */
.standard-table th:last-child,
.standard-table td:last-child {
    border-right: none !important;
}

/* [5.table.css] 파일 맨 아래에 추가 */

/* 테이블 하단 페이지네이션 영역 */
.pagination-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 15px;
    border-top: 1px solid #eee; /* 테이블과의 경계선 */
    background-color: #fff;     /* 필요 시 배경색 지정 */
}