html.topology-lines-active,
body.topology-lines-active {
	background-color: #ffffff !important;
}

/* Fixed background stack: gradient below, lines above */
.topology-lines-wrap {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.topology-lines-gradient {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: linear-gradient(90deg, #d9d9d9 0%, #ffffff 100%);
	pointer-events: none;
}

.topology-lines-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}

/* Keep theme content above the background layers */
body.topology-lines-active > *:not(.topology-lines-wrap) {
	position: relative;
	z-index: 1;
}