/* Scoped styling binnen de card */
.humidex-card table {
	border-collapse: collapse;
	font-size: 12px;
	text-align: center;
	width: 100%;
}

.humidex-card th,
.humidex-card td {
	border: 1px solid #aeb4b9;
	padding: 3px 6px;
	min-width: 32px;
}

.humidex-card thead th {
	position: sticky;
	top: 0;
	background: #f3f5f7;
	z-index: 1;
}

.humidex-card .row-head {
	position: sticky;
	left: 0;
	background: #f3f5f7;
	z-index: 2;
}

/* Kleurzones (goed leesbaar op licht én donker thema) */
.humidex-card .z1,
.hx-z1 {
	background: #7fd3ff;
}

.humidex-card .z2,
.hx-z2 {
	background: #60cc86;
}

.humidex-card .z3,
.hx-z3 {
	background: #ffe46e;
}

.humidex-card .z4,
.hx-z4 {
	background: #ffb169;
}

.humidex-card .z5,
.hx-z5 {
	background: #ff6b6b;
}