dtx-knowledge-topics {
	display: flex;
	flex-direction: column;
	height: 100vh;
	padding: 80px 2px 0 12px;

	dtx-radio-group {
		margin: 12px auto -48px;

		options {
			padding: 0;
			background: transparent;
		}

		span.material-symbols-outlined {
			margin-right: 8px;
			font-size: 20px;
		}
	}

	#chart { margin-top: 76px; }

	&[data-tab="table"] #chart { display: none; }
	&[data-tab="chart"] :is(dtx-table) { display: none; }

	dialog.modal { width: 500px; }

	p.header { font-size: 1rem; }

	#knowledge-version-select {
		min-height: 0;

		margin-left: auto;
		.trigger { padding: 8px 32px 8px 8px; }
		&::after { inset: 2px 0 auto auto; }

		label {
			display: block;
			inset: -8px auto auto 8px !important;
		}
	}

	.add, .remove {
		color: var(--text-light);
		font-style: italic;
	}
	.remove { text-decoration: line-through; }
}

body:is(.mono, .mint, .claude) dtx-knowledge-topics dtx-radio-group options::before { background: var(--border); }