/* Ensure the table layout is automatic, allowing columns to adjust based on content */
.bx--data-table-v2 {
    table-layout: auto;
    width: 100%; /* Ensure the table uses the full width available */
}

/* Revert <th> elements to behave as table cells, removing flex display */
.bx--data-table-v2 th {
    display: table-cell; /* Reset to default table cell display */
    text-align: left; /* Ensure text alignment is consistent */
    vertical-align: middle;
    padding: 4px; /* Adjust padding to ensure space efficiency */
    font-size: smaller; /* Adjust font size if necessary for space */
    white-space: nowrap; /* Prevent text from wrapping */
}

/* Style for sort icon to minimize space usage */
.custom-overflow-icon {
    display: inline-block; /* Ensure icon is inline */
    margin-left: 8px; /* Space between text and icon */
    vertical-align: middle; /* Align icon with text vertically */
}

.custom-overflow-icon img {
    width: 16px; /* Adjust icon size appropriately */
    height: auto;
}

/* Optional: Adjustments for responsive design */
@media (max-width: 800px) {
    .bx--data-table-v2 th {
        padding: 2px; /* Reduce padding on smaller screens */
        font-size: smaller; /* Adjust font size for space */
    }

    .custom-overflow-icon img {
        width: 12px; /* Smaller icon for tighter spaces */
    }
}