/* Custom Table Widget — 80cf2621 */

.ct-80cf2621-wrap {
	width: 100%;
}

.ct-80cf2621-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.ct-80cf2621-table {
	width: 100%;
	border-collapse: collapse;
	border-style: solid;
}

.ct-80cf2621-table th,
.ct-80cf2621-table td {
	border-style: solid;
	transition: background-color 0.2s ease;
}

.ct-80cf2621-table thead th {
	font-weight: 600;
}

/* ---- Stack mode ---- */
@media screen and (max-width: 768px) {
	.ct-80cf2621-stack .ct-80cf2621-table thead {
		display: none;
	}

	.ct-80cf2621-stack .ct-80cf2621-table,
	.ct-80cf2621-stack .ct-80cf2621-table tbody,
	.ct-80cf2621-stack .ct-80cf2621-table tr,
	.ct-80cf2621-stack .ct-80cf2621-table td {
		display: block;
		width: 100%;
	}

	.ct-80cf2621-stack .ct-80cf2621-table tr {
		margin-bottom: 12px;
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		overflow: hidden;
	}

	.ct-80cf2621-stack .ct-80cf2621-table td {
		position: relative;
		padding-left: 45%;
		text-align: right;
		border: none;
		border-bottom: 1px solid #e0e0e0;
	}

	.ct-80cf2621-stack .ct-80cf2621-table td:last-child {
		border-bottom: none;
	}

	.ct-80cf2621-stack .ct-80cf2621-table td::before {
		content: attr(data-label);
		position: absolute;
		left: 18px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		text-align: left;
		color: inherit;
		opacity: 0.7;
	}
}