/* ── Advanced Data Table 25697 ── */

.adt25697-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	font-family: 'Karla', sans-serif;
}

.adt25697-table {
	width: 100%;
	min-width: 480px;
	border: 1px solid #ddd6cf;
	border-radius: 8px;
	overflow: hidden;
	border-style: solid;
}

/* ── Row grid layout ── */
.adt25697-row {
	display: grid;
	grid-template-columns: var(--adt-grid, repeat(var(--adt-cols, 4), 1fr));
	align-items: stretch;
	border-bottom: 1px solid #ddd6cf;
	transition: background-color 0.18s ease;
}

.adt25697-row:last-child {
	border-bottom: none;
}

/* ── Head ── */
.adt25697-head {
	background-color: #00313B;
}

.adt25697-head .adt25697-cell {
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 12px 16px;
}

/* ── Body ── */
.adt25697-body .adt25697-row:nth-child(odd)  { background-color: #ffffff; }
.adt25697-body .adt25697-row:nth-child(even) { background-color: #F5F0EC; }
.adt25697-body .adt25697-row:hover           { background-color: #e6faf5; }

/* ── Cell ── */
.adt25697-cell {
	padding: 12px 16px;
	font-size: 14px;
	color: #00313B;
	line-height: 1.55;
	border-right: 1px solid #ddd6cf;
	word-break: break-word;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.adt25697-cell:last-child {
	border-right: none;
}

/* ── Mobile label (hidden on desktop) ── */
.adt25697-mobile-label {
	display: none;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #00313B;
	opacity: 0.55;
	margin-bottom: 3px;
}

/* ══════════════════════════════════════
   MOBILE — stacked card layout
   ══════════════════════════════════════ */
@media (max-width: 767px) {

	.adt25697-wrap {
		overflow-x: visible;
	}

	.adt25697-table {
		min-width: 0;
		border: none;
		border-radius: 0;
		background: transparent;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	/* Hide desktop header */
	.adt25697-head {
		display: none;
	}

	/* Each row becomes a card */
	.adt25697-body .adt25697-row {
		display: flex;
		flex-direction: column;
		grid-template-columns: unset;
		border: 1px solid #ddd6cf;
		border-radius: 8px;
		overflow: hidden;
		background-color: #ffffff !important;
		transition: box-shadow 0.18s ease;
	}

	.adt25697-body .adt25697-row:hover {
		box-shadow: 0 4px 16px rgba(0,49,59,0.10);
		background-color: #e6faf5 !important;
	}

	.adt25697-cell {
		border-right: none;
		border-bottom: 1px solid #ddd6cf;
		padding: 10px 14px;
		text-align: left !important;
	}

	.adt25697-cell:last-child {
		border-bottom: none;
	}

	.adt25697-mobile-label {
		display: block;
	}
}

@media (max-width: 480px) {
	.adt25697-cell {
		padding: 9px 12px;
		font-size: 13px;
	}
}