/* ============================================================
   clab-analysis-list.css
   연구실험부(03_clab) 분석항목 List 페이지 전용 override
   - 공통 .board-table 위에 .clab-analysis-table 클래스를 덧붙여 적용
   - 게시판이 아닌 콘텐츠 표이므로 호버 강조 제거
   - rowspan 그룹 시각 구분을 위한 셀 세로선 추가
   ============================================================ */

/* 1) 행 hover 강조 제거 (콘텐츠 표) */
.clab-analysis-table.board-table tbody tr:hover {
  background-color: transparent;
}
.clab-analysis-table.board-table tbody tr.is-notice:hover {
  background-color: rgba(3, 54, 140, 0.03);
}

/* 2) 셀 세로 구분선 + 외곽 테두리
      border-collapse: separate 로 전환 — collapse 모드에서는 rowspan 셀과
      그 옆 단일행 셀 사이 세로선이 첫 행에만 그려지는 브라우저 동작이 있어
      모든 행에 일관된 세로선을 보장하기 위해 separate 사용 */
.clab-analysis-table.board-table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid var(--color-gray-300);
  border-left: 1px solid var(--color-gray-300);
}
.clab-analysis-table.board-table th,
.clab-analysis-table.board-table td {
  border-right: 1px solid var(--color-gray-300);
  border-bottom: 1px solid var(--color-gray-300);
}
/* 상단 thead 아래 진한 구분선 */
.clab-analysis-table.board-table thead th {
  border-bottom: 2px solid var(--color-gray-400);
}

/* 3) 셀 정렬: 기본 가운데, .text-left만 좌측 */
.clab-analysis-table.board-table th,
.clab-analysis-table.board-table td {
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.clab-analysis-table.board-table td.text-left,
.clab-analysis-table.board-table th.text-left {
  text-align: left;
}

/* 4) rowspan 그룹 셀 스타일 (구분/분석내용) — 약한 배경으로 묶음 시각화 */
.clab-analysis-table.board-table td[rowspan] {
  background-color: var(--color-gray-50);
  font-weight: var(--fw-medium);
}

/* 5) 모바일 대응: 표 가로 스크롤 유지 (table-wrap이 처리) */
@media (max-width: 768px) {
  .clab-analysis-table.board-table {
    min-width: 600px;
  }
}
