/**
 * data_table 组件样式
 *
 * 为站点内的数据表格提供统一、现代的表格外观，避免依赖 Bootstrap 的
 * .table/.table-bordered 等类造成的样式不可控问题。
 */
.rfzj_data_table {
	display: block;
	width: 100%;
	min-width: 0;
}

.rfzj_data_table__caption {
	margin: 0 0 10px;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.5;
}

.rfzj_data_table__empty {
	margin: 0;
	padding: 24px 16px;
	color: #9ca3af;
	font-size: 14px;
	text-align: center;
	background: #f9fafb;
	border-radius: 8px;
}

.rfzj_data_table__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.rfzj_data_table__table {
	width: 100%;
	min-width: 600px;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.rfzj_data_table__table thead {
	background: #f3f4f6;
}

.rfzj_data_table__th,
.rfzj_data_table__td {
	padding: 12px 16px;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: middle;
	text-align: left;
}

.rfzj_data_table__th {
	color: #111827;
	font-weight: 600;
	white-space: nowrap;
}

.rfzj_data_table__table tbody tr:last-child .rfzj_data_table__td {
	border-bottom: 0;
}

.rfzj_data_table__table tbody tr:nth-child(even) {
	background: #f9fafb;
}

.rfzj_data_table__table tbody tr:hover {
	background: #f3f4f6;
}

.rfzj_data_table__th a,
.rfzj_data_table__td a {
	color: #1366ec;
	text-decoration: none;
}

.rfzj_data_table__th a:hover,
.rfzj_data_table__th a:focus,
.rfzj_data_table__td a:hover,
.rfzj_data_table__td a:focus {
	color: #d1191a;
	text-decoration: underline;
}

/* 单元格对齐辅助类 */
.rfzj_data_table__td--numeric,
.rfzj_data_table__th--numeric {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.rfzj_data_table__td--center,
.rfzj_data_table__th--center {
	text-align: center;
}

.rfzj_data_table__td--name,
.rfzj_data_table__th--name {
	min-width: 160px;
	white-space: normal;
	overflow-wrap: anywhere;
}

.rfzj_data_table__td--remark,
.rfzj_data_table__th--remark {
	min-width: 140px;
}

@media (max-width: 640px) {
	.rfzj_data_table__th,
	.rfzj_data_table__td {
		padding: 10px 12px;
		font-size: 13px;
	}
}
