/* === BỔ SUNG ĐỂ ĐÓNG BĂNG DÒNG TIÊU ĐỀ === */
.table > thead {
    position: -webkit-sticky; /* Dành cho Safari */
    position: sticky;
    top: 0; /* Đặt vị trí dính ở mép trên */
    z-index: 4; /* Phải cao hơn z-index của sticky-col */
}

    /* Đảm bảo nền của tiêu đề đè lên nội dung khi cuộn */
    .table > thead > tr > th {
        background-color: #212529; /* Màu nền của thead-dark */
        color: white; /* Màu chữ */
    }

        /* === ĐIỀU CHỈNH CHO Ô GIAO NHAU (TIÊU ĐỀ + CỘT ĐẦU) === */
        /* Đảm bảo ô góc trên bên trái (sticky header + sticky column) có z-index cao nhất */
        .table > thead > tr > th.sticky-col {
            z-index: 5 !important;
            /* Giữ nguyên background của thead */
            background-color: #212529 !important;
        }