/* NEW TECTONIC */
body:has(.artux-tectonic-overview) {
	#firstHeading {
		display: none;
	}

	#maincontentwrapper {
		padding-top: 0 !important;
	}
}


.tectonic-tree-overview {
	background: hsl(300, 0%, 80%);

	.to-level {
		padding: 0 4px;
		border-radius: 5px !important;
		margin-right: 4px;
		color: hsl(0, 0%, 97%);
		font-weight: 450;
		text-align: center
	}

	ul {
		margin: 0;
		padding: 4px 8px;
	}

	li {
		list-style: none;
		cursor: pointer;
		padding: 1px 0px;
		display: grid;
		grid-template-columns: 2.5rem auto;

		&:empty {
			height: 32px;
			cursor: unset;
		}

		&:hover:not(:empty) {
			background: hsl(300, 0%, 75%);
		}
	}
}


.tectonic-tree-overview {
	li:nth-child(1) {
		.to-level {
			background: hsl(66, 95%, 26%) !important;

			font-weight: bold
		}
	}

	li:nth-child(2) {
		.to-level {
			background: hsl(66, 95%, 28%) !important
		}
	}

	li:nth-child(3) {
		.to-level {
			background: hsl(66, 95%, 30%) !important
		}
	}

	li:nth-child(4) {
		.to-level {
			background: hsl(66, 95%, 32%) !important
		}
	}

	li:nth-child(5) {
		.to-level {
			background: hsl(66, 95%, 34%) !important
		}
	}

	/*@font-face {
        font-family: Asap;
        src: url('/archium/archium_fonts/Asap/Asap-VariableFont_wdth,wght.ttf');
    }*/
}

.tectonic-toolbar {
	display: flex;
	background: hsl(0, 0%, 80%);

	.tectonic-back,
	.tectonic-forward,
	.tectonic-home,
	.tectonic-create,
	.tectonic-reload,
	.tectonic-view,
	.tectonic-view-broken {
		background: hsl(4, 0%, 85%);
		width: 40px;
		height: 40px;
		align-content: center;
		text-align: center;
		cursor: pointer;
		font-weight: bold;

		&:hover {
			background: hsl(4, 0%, 75%) !important;
		}

		&.checked {
			background: hsl(4, 0%, 70%);
		}
	}

	.tectonic-signature {
		background: hsl(4, 0%, 85%);
		padding-left: 8px;
		align-content: center;
		text-align: left;
		flex-grow: 1;

		font-weight: bold;
		font-size: large;
	}
}


#artux-tectonic .dt-container tr {
	cursor: pointer;

	&:hover {
		background-color: #eeeeee;
	}

	&:has(.dataset-details)>td {
		background: hsl(0, 0%, 90%);
	}

	.dataset-details {
		display: grid;
		gap: 4px;
		grid-template-columns: min-content auto;

		span,
		div {
			padding: 4px;
			background: hsla(0, 0%, 100%, .8);
		}
	}
}