/**
 * Global ERP table alignment — match Manage Employee
 * Centers headers, rows, and cell content across app tables.
 */
.app-content table tr th,
.app-content table tr td,
.app-content table thead th,
.app-content table tbody td,
.app-content table tfoot th,
.app-content table tfoot td,
.main-content table tr th,
.main-content table tr td,
.side-app table tr th,
.side-app table tr td,
.page .app-content table.table > thead > tr > th,
.page .app-content table.table > tbody > tr > td,
.page .app-content table.table > tfoot > tr > th,
.page .app-content table.table > tfoot > tr > td,
.page .app-content table.dataTable > thead > tr > th,
.page .app-content table.dataTable > tbody > tr > td,
.page .app-content table.dataTable > tfoot > tr > th,
.page .app-content table.dataTable > tfoot > tr > td,
table.students_all_list tr th,
table.students_all_list tr td,
table.view_employee_list tr th,
table.view_employee_list tr td,
table.modern-table tr th,
table.modern-table tr td,
table.data-table tr th,
table.data-table tr td,
table.view_enquiry_list tr th,
table.view_enquiry_list tr td,
table.hw-table tr th,
table.hw-table tr td,
table.view_career_list tr th,
table.view_career_list tr td {
	text-align: center !important;
	vertical-align: middle !important;
}

.app-content table td > .btn,
.app-content table td > .badge,
.app-content table td > center,
.side-app table td > .btn,
.side-app table td > .badge {
	margin-left: auto;
	margin-right: auto;
}

.app-content table.table-align-left tr th,
.app-content table.table-align-left tr td,
.side-app table.table-align-left tr th,
.side-app table.table-align-left tr td {
	text-align: left !important;
}

/**
 * Student Name + circular icon as ONE centered group
 * Covers Student Management, Candidate, Office, Sports, Enquiry, Attendance
 */
table td .student-name-cell,
table td .student-profile,
table.data-table td .student-profile,
table.view_enquiry_list td .student-profile,
table td .candidate-info,
table td .att-student,
table td .d-flex.align-items-center,
table td .row.mb-1,
table td .row.mb-1 > .col,
table td .row.mb-1 > .col.d-flex,
table td .col.d-flex {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	width: auto !important;
	max-width: 100%;
	text-align: center !important;
	gap: 8px !important;
	vertical-align: middle !important;
	flex: 0 0 auto !important;
}

/* Keep the name+icon group centered inside the table cell */
table td:has(> .student-name-cell),
table td:has(> .student-profile),
table td:has(> .candidate-info),
table td:has(> .att-student),
table td:has(> .row.mb-1) {
	text-align: center !important;
}

/* Bootstrap row inside name cells should not stretch full width */
table td .row.mb-1 {
	display: inline-flex !important;
	margin: 0 auto !important;
}

table td .student-name-cell .student-name-text,
table td .student-name-cell > span:not(.avatar-circle),
table td .student-profile .student-info h4,
table td .candidate-info .details .name,
table td .att-student-name,
table td .row.mb-1 p,
table td .col.d-flex > p,
table td .col.d-flex > span {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25 !important;
	white-space: nowrap;
	font-weight: 500;
	color: #1e293b;
	text-align: left !important;
}

/* Keep employee/student identifiers and names left-aligned across ERP tables. */
.app-content table th.emp_id_head,
.app-content table th.emp_name_head,
.app-content table th.student_id_head,
.app-content table th.student_name_head,
.app-content table th.id_head,
.app-content table td.emp_id_head,
.app-content table td.emp_name_head,
.app-content table td.student_id_head,
.app-content table td.student_name_head,
.app-content table td.id_head,
.side-app table th.emp_id_head,
.side-app table th.emp_name_head,
.side-app table th.student_id_head,
.side-app table th.student_name_head,
.side-app table th.id_head,
.side-app table td.emp_id_head,
.side-app table td.emp_name_head,
.side-app table td.student_id_head,
.side-app table td.student_name_head,
.side-app table td.id_head,
table.view_employee_list tr th:nth-child(1),
table.view_employee_list tr td:nth-child(1),
table.view_employee_list tr th:nth-child(2),
table.view_employee_list tr td:nth-child(2),
table.view_emp_salary_list tr th:nth-child(1),
table.view_emp_salary_list tr td:nth-child(1),
table.view_emp_salary_list tr th:nth-child(2),
table.view_emp_salary_list tr td:nth-child(2),
table.view_emp_attendence_list tr th:nth-child(1),
table.view_emp_attendence_list tr td:nth-child(1),
table.view_emp_attendence_list tr th:nth-child(2),
table.view_emp_attendence_list tr td:nth-child(2),
table.lc-table tr th:nth-child(1),
table.lc-table tr td:nth-child(1),
table.lc-table tr th:nth-child(2),
table.lc-table tr td:nth-child(2),
table.students_all_list tr th:nth-child(1),
table.students_all_list tr td:nth-child(1),
table.students_all_list tr th:nth-child(2),
table.students_all_list tr td:nth-child(2) {
	text-align: left !important;
}

table th.erp-left-align-column,
table td.erp-left-align-column {
	text-align: left !important;
}

table td.erp-left-align-column center,
table td.erp-left-align-column .student-name-cell,
table td.erp-left-align-column .student-profile,
table td.erp-left-align-column .candidate-info,
table td.erp-left-align-column .att-student,
table td.erp-left-align-column .row.mb-1,
table td.erp-left-align-column .col.d-flex {
	justify-content: flex-start !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left !important;
}

table td.erp-left-align-column center {
	display: block !important;
	width: 100% !important;
}

table td:has(> .student-name-cell),
table td:has(> .student-profile),
table td:has(> .candidate-info),
table td:has(> .att-student),
table td:has(> .row.mb-1) {
	text-align: left !important;
}

table td .student-name-cell,
table td .student-profile,
table td .candidate-info,
table td .att-student,
table td .row.mb-1,
table td .row.mb-1 > .col,
table td .row.mb-1 > .col.d-flex,
table td .col.d-flex {
	justify-content: flex-start !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

table td .student-name-cell .avatar-circle,
table td .student-avatar,
table.data-table td .student-avatar,
table.view_enquiry_list td .student-avatar,
table td .candidate-avatar,
table td .att-avatar,
table td .avatar-circle,
table td .row.mb-1 .avatar-circle,
table td .col.d-flex .avatar-circle,
table td .student-name-cell > img,
table td .student-name-cell img.avatar-circle,
table td .row.mb-1 img {
	margin: 0 !important;
	margin-right: 0 !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	border-radius: 50% !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 10px !important;
	line-height: 1 !important;
	object-fit: cover;
	box-sizing: border-box;
}

/* Keep multi-line name/email stack tidy beside avatar */
table td .student-info,
table td .candidate-info .details {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	text-align: left !important;
	min-width: 0;
	gap: 2px;
}

table td .candidate-info .details .email,
table td .student-info p {
	font-size: 12px;
	color: #64748b;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 160px;
}

/* Enquiry badges / actions */
table.data-table td .badge,
table.data-table td .status-badge,
table.data-table td .priority-indicator,
table.data-table td .action-buttons,
table.view_enquiry_list td .badge,
table.view_enquiry_list td .status-badge,
table.view_enquiry_list td .priority-indicator,
table.view_enquiry_list td .action-buttons {
	margin: 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

table td .Interview,
table td .Ventor,
.app-content table td p.Interview,
.app-content table td p.Ventor {
	display: inline-block !important;
	margin: 0 auto !important;
	text-align: center !important;
	float: none !important;
}

table td .InProgress_btn,
.app-content table td .InProgress_btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto !important;
	text-align: center !important;
}

table.hw-table td.hw-title-cell,
table.hw-table tbody td:nth-child(3),
.hw-title-cell {
	text-align: center !important;
	vertical-align: middle !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.app-content table th.text-left,
.app-content table td.text-left,
.app-content table th.text-start,
.app-content table td.text-start,
.side-app table th.text-left,
.side-app table td.text-left,
.side-app table th.text-start,
.side-app table td.text-start,
.app-content table th[style*="text-align:start"],
.app-content table th[style*="text-align: start"],
.app-content table th[style*="text-align:left"],
.app-content table th[style*="text-align: left"] {
	text-align: center !important;
}