/* Ensure the table is horizontally scrollable */
.policy-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-bottom: 20px;
}

/* Style the table */
.dataTable {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

/* Column Widths (Set in px for each column) */
.dataTable .policy-column {
    width: 200px; /* Adjust as needed */
    padding: 8px;
    text-align: left;
}

.dataTable .version-column {
    width: 30px; /* Adjust as needed */
    padding: 8px;
    text-align: center;
}

.dataTable .status-column {
    width: 100px; /* Adjust as needed */
    padding: 8px;
    text-align: center;
}

.dataTable .accepted-column {
    width: 130px; /* Adjust as needed */
    padding: 8px;
    text-align: center;
}

/* Ensure the table doesn't shrink on smaller devices */
@media (max-width: 767px) {
    .policy-table-wrapper {
        overflow-x: scroll;
    }

    .dataTable {
        min-width: 800px; /* Prevent shrinking */
    }
}