/* ============================================================
   result-status.css
   06_biobank '성과물 현황' 3페이지 공유 (028·047·069)
   - 분양 과제수 차트 (bio-chart--bar 재사용) + 연도 탭 + 4컬럼 표 + 페이지네이션
   - 공통 컴포넌트 미수정 (.bio-chart, .pagination, .board-table 등 재사용)
   ============================================================ */

/* ── 연도 탭 (tabs--pill 컴포넌트 사용) ─────────────────── */
.result-year-tabs {
    margin-bottom: var(--gap-layout-h2-body);
}

/* ── 4컬럼 테이블 — table-layout: fixed + ellipsis ──────── */
.page-biobank-result .board-table {
    table-layout: fixed;
}

.page-biobank-result .board-table .col-year     { width: 96px; }
.page-biobank-result .board-table .col-title    { width: auto; }
.page-biobank-result .board-table .col-journal  { width: 220px; }
.page-biobank-result .board-table .col-link     { width: 96px; }

/* td-title 평문 텍스트 ellipsis — 공통 .board-table .td-title { display: flex } 무력화 */
.page-biobank-result .board-table tbody .td-title {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 게재지·학회 ellipsis */
.page-biobank-result .board-table .td-writer {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── 빈 결과 ──────────────────────────────────────────────── */
.result-empty {
    padding: var(--space-12) var(--space-4);
    text-align: center;
    color: var(--color-gray-500);
    font-size: var(--fs-small);
}

/* ── 페이지네이션 영역 — 공통 .pagination 재사용, margin만 보강 ── */
.result-list .pagination {
    margin-top: var(--gap-layout-tab-content);
}

/* ── 모바일 ──────────────────────────────────────────────── */
@media (max-width: 767px) {
    .page-biobank-result .board-table { table-layout: auto; }

    .page-biobank-result .board-table tbody .td-title {
        display: block;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .page-biobank-result .board-table .td-writer {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    /* 연도 탭 — tabs--pill 자체 반응형 처리 */
    .result-year-tabs .tabs__list {
        flex-wrap: wrap;
    }

}