dtx-data-activities {
	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"] dtx-table { display: none; }

	#selection-select {
		width: 30%;
		margin: 3px auto -58px 0;
		background: transparent;
	}
}

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

dtx-data-import-details {
	p {
		margin-top: 16px;
		text-align: center;
	}
}

dtx-data-classification-details {
	fieldset {
		display: flex;
		flex-direction: column;
		border-radius: 12px;
		border: 1px solid var(--border);

		dtx-switch { border: none !important; }

		#override-categories {
			position: relative;
			padding-left: 64px;
			transition: .2s;
			overflow: hidden;

			&::before, &::after {
				content: '';
				position: absolute;
				inset: 0 auto 50% 32px;
				width: 28px;
				height: 28px;
				border-left: 1px solid var(--text-light);
				border-bottom: 1px solid var(--text-light);
				border-bottom-left-radius: 6px;
			}

			&::after {
				inset: calc(50% - 3px) auto auto 52px;
				width: 7px;
				height: 7px;
				border-radius: 0;
				rotate: -135deg;
			}
		}
		#override-categories[disabled] {
			height: 0;
			opacity: 0;
		}
	}
}

dtx-data-activities-details dialog-body {
	max-width: 700px;
	margin-bottom: 24px;

	.jsontree_label {
		color: var(--text-light);
	}
}