/**
 * Branded data table (`.haam-table-card` > `.haam-table`).
 * Yellow header · black rule · accent first column.
 */

.haam-table-card {
	width: 100%;
	max-width: 850px;
	margin: 1.75em auto;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(26, 21, 50, 0.05);
	border: 1px solid #e2e8f0;
	overflow-x: auto;
}

.haam-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: right;
	font-size: 0.95rem;
	direction: rtl;
}

.haam-table thead tr {
	background-color: #ebd11a;
}

.haam-table th {
	padding: 16px 20px;
	font-weight: 800;
	color: #1a1532;
	border-bottom: 2px solid #1a1532;
	white-space: nowrap;
}

.haam-table th:first-child {
	border-top-right-radius: 11px;
}

.haam-table th:last-child {
	border-top-left-radius: 11px;
}

.haam-table td {
	padding: 16px 20px;
	color: #0f172a;
	border-bottom: 1px solid #f1f5f9;
}

.haam-table td.yellow-col,
.haam-table td.haam-table__accent-col {
	background-color: rgba(235, 209, 27, 0.22);
	font-weight: 700;
	color: #1e1e1e;
	border-bottom: 1px solid rgba(235, 209, 27, 0.3);
	border-left: 1px solid rgba(235, 209, 27, 0.2);
}

.haam-table tbody tr:hover td {
	background-color: #f8fafc;
}

.haam-table tbody tr:hover td.yellow-col,
.haam-table tbody tr:hover td.haam-table__accent-col {
	background-color: rgba(235, 209, 27, 0.35);
}

.haam-table td.muted,
.haam-table td.haam-table__muted {
	color: #64748b;
	font-size: 0.9rem;
}

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

@media (max-width: 640px) {
	.haam-table th,
	.haam-table td {
		padding: 12px 14px;
		font-size: 0.88rem;
	}

	.haam-table th {
		white-space: normal;
	}
}