/* Header background with gradient centered */
.header-bg {
	background: linear-gradient(180deg, #F25920 0%, #D3D1D3 0%, #000 100%) !important; /* Gradient centered */
	color: white !important;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* Prevent text wrapping in headers and data cells */
th, td {
	white-space: nowrap; /* Prevents wrapping */
	border: 1px solid #D3D1D3; /* Light border using the new color */
	padding: 20px; /* Increase padding for taller rows */
	text-align: center;
}

/* Alternate row color */
tbody tr:nth-child(odd) {
	background-color: #D3D1D3; /* Apply soft gray to alternate rows */
}

/* Add soft box shadow and borders */
table {
	border: none;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: hidden;
}

/* Hover effect for rows */
tbody tr:hover {
	background-color: rgba(60, 68, 71, 0.2); /* Subtle hover with dark charcoal */
}

/* Tooltip styling */
table.dataTable td[title]:hover::after {
	visibility: visible;
	opacity: 1;
}

/* Pagination and buttons */
.dataTables_wrapper .dt-buttons {
	float: right;
	margin-top: 10px;
}
.dataTables_wrapper .dataTables_paginate {
	margin-top: 10px;
}