/* ==========================================================================
   MODULE: components/table (.wzs-scroll + .wzs-table)
   .wzs-scroll 은 가로 스크롤 래퍼, .wzs-table 은 실제 표.
   ========================================================================== */

.wzs-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: var(--wzs-radius-md);
	border: 1px solid var(--wzs-border);
}

.wzs-table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wzs-fs-sm);
	background: var(--wzs-white);
}

.wzs-table th,
.wzs-table td {
	padding: var(--wzs-space-3);
	text-align: left;
	border-bottom: 1px solid var(--wzs-border);
	white-space: nowrap;
}

.wzs-table thead th {
	background: var(--wzs-ink);
	color: var(--wzs-white);
	font-weight: 600;
	white-space: nowrap;
}

.wzs-table tbody tr:last-child td {
	border-bottom: none;
}

.wzs-table tbody tr:hover {
	background: var(--wzs-bg-alt);
}

.wzs-table td.wzs-nums,
.wzs-table th.wzs-nums {
	text-align: right;
}