/* --- تنسيق عام للجدول --- */
.custom-table-style {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* تغيير نوع الخط */
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #ddd;
	border-radius: 8px; /* تدوير حواف الجدول */
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* إضافة ظل خفيف */
	width: 100%;
	margin-bottom: 20px;
}

/* --- تنسيق صف العنوان (Header) --- */
.custom-table-style th {
	background-color: #1a237e; /* لون خلفية العنوان (مثلاً كحلي غامق) */
	color: #ffffff; /* لون نص العنوان */
	text-align: center; /* توسيط النص */
	padding: 15px;
	font-weight: 600;
	border-bottom: 2px solid #ddd;
	text-transform: uppercase; /* جعل الأحرف كبيرة */
}

/* --- تنسيق الخلايا (Cells) --- */
.custom-table-style td {
	text-align: center; /* توسيط النص */
	padding: 12px 15px;
	border-bottom: 1px solid #eee;
	color: #333;
	vertical-align: middle;
}

/* --- تأثير التبادل اللوني للصفوف --- */
.custom-table-style .even td {
	background-color: #f9f9f9; /* لون فاتح للصفوف الزوجية */
}

.custom-table-style .odd td {
	background-color: #ffffff; /* لون أبيض للصفوف الفردية */
}

/* --- تأثير المرور بالفأرة (Hover) --- */
.custom-table-style tbody tr:hover td {
	background-color: #e8eaf6; /* لون خلفية عند تمرير الفأرة */
	cursor: pointer;
}

/* --- تنسيق عناصر التحكم (البحث والصفحات) --- */
.dt-container .dt-length,
.dt-container .dt-search,
.dt-container .dt-info,
.dt-container .dt-paging {
	font-size: 14px;
	color: #555;
	margin-top: 10px;
}

.dt-container .dt-search input {
	border: 1px solid #ccc;
	border-radius: 20px; /* تدوير حواف صندوق البحث */
	padding: 5px 15px;
	outline: none;
}

.dt-container .dt-paging .dt-paging-button {
	padding: 5px 10px;
	margin-left: 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.dt-container .dt-paging .dt-paging-button.current {
	background-color: #1a237e; /* لون الزر الحالي */
	color: white !important;
	border: 1px solid #1a237e;
}

.dt-container .dt-paging .dt-paging-button:hover {
	background-color: #e8eaf6;
	color: #333 !important;
}