.ki-blackbox-wrap {
	background: #05070a;
	padding: 1.5rem;
	border-radius: 12px;
	box-shadow: 0 0 40px rgba(0,0,0,.9);
}

.ki-blackbox-table {
	width: 100%;
	border-collapse: collapse;
	font-family: ui-monospace, monospace;
	color: #e5e7eb;
}

.ki-blackbox-table thead {
	background: #020617;
}

.ki-blackbox-table th {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #1f2937;
	color: #9ca3af;
	font-size: 0.85rem;
}

.ki-blackbox-table td {
	padding: 10px;
	font-size: 0.9rem;
}

/* ✅ Tages-Divider (statt Leerzeile) */
.ki-blackbox-table tbody tr.ki-blackbox-day td {
	padding: 8px 10px;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: .02em;
	color: #cbd5e1;
	background: linear-gradient(90deg, rgba(148,163,184,.12), rgba(148,163,184,.03));
	border-top: 1px solid rgba(148,163,184,.20);
	border-bottom: 1px solid rgba(148,163,184,.12);
}

/* Divider soll NICHT wie Zebra/hover behandelt werden */
.ki-blackbox-table tbody tr.ki-blackbox-day:hover {
	background: none;
}

/* Zebra (nur für echte Datenzeilen) */
.ki-blackbox-table tbody tr.ki-blackbox-row:nth-child(odd) {
	background: #020617;
}
.ki-blackbox-table tbody tr.ki-blackbox-row:nth-child(even) {
	background: #050a14;
}

.ki-blackbox-table tbody tr.ki-blackbox-row:hover {
	background: #0b1220;
}

.ki-blackbox-pagination {
	margin-top: 1rem;
	text-align: center;
}

.ki-blackbox-pagination a {
	color: #9ca3af;
	margin: 0 4px;
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 4px;
	display: inline-block;
}

.ki-blackbox-pagination a.active {
	background: #111827;
	color: #fff;
}

/* ✅ Ellipsen/Dots sichtbarer */
.ki-blackbox-pagination .dots {
	color: #475569;
	margin: 0 6px;
	display: inline-block;
	user-select: none;
}