.table-view {
    -fx-base: #2A2A2A; /* Base gray color for the table view background (dark gray) */
    -fx-control-inner-background: white; /* Inner background color for controls inside the table to white */
    -fx-background-color: white; /* Set the overall background color of the table to white */
    -fx-table-cell-border-color: black; /* Ensure table borders are visible */
    -fx-padding: 1; /* Add padding around the table cells */
	-fx-wrap-text: true; /* Enable text wrapping within the header */
    -fx-selection-bar-non-focused: #008287; /* Teal color for the selection bar when the table is not focused */
}

.table-view .column-header-background {
    -fx-background-color: #1d1d1d; /* Dark background color for the header row (almost black) */
    -fx-border-color: black; /* Border color for the header */
    -fx-border-width: 1; /* Set border width around the header (1 pixel) */
    -fx-background-insets: 0; /* No insets for the background */
}

.table-view .column-header, .table-view .filler {
    -fx-background-color: transparent; /* Make the header and filler background transparent */
    -fx-size: 80; /* Set the header size */
    -fx-border-width: 0; /* No border width for the headers */
    -fx-text-fill: #d8d8d8; /* Light gray color for header text (rgba(216,216,216)) */
}

.table-view .column-header .label {
    -fx-font-size: 13px; /* Font size for the header text */
    -fx-font-weight: bold; /* Set font style to bold for emphasis */
    -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif; /* Font family for the header */
    -fx-text-fill: #d8d8d8; /* Light gray color for header text, same as above */
    -fx-alignment: center-left; /* Align text to the left within the header */
    -fx-opacity: 1; /* Set full opacity for the header text */

    -fx-wrap-text: true; /* Enable text wrapping within the header */
    -fx-pref-width: 100; /* Set a preferred width for the header to assist with wrapping */
    -fx-min-width: 100; /* Set a minimum width for the header */
    -fx-max-width: 200; /* Set a maximum width for the header */
}

.table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: #008287; /* Teal background color for the selected row when the table is focused */
	-fx-wrap-text: true; /* Enable text wrapping within the header */
}

.table-view .column-header {
    -fx-padding: 5; /* Padding around each header for better spacing */
    -fx-min-height: 90; /* Adjust the minimum height for the header row */
    -fx-alignment: center; /* Center align the header content */
}