.mq-health-check-modal {
	.ant-modal-content {
		border-radius: 4px;
		border: 1px solid var(--l1-border);
		background: var(--l2-background);
		box-shadow: 0px -4px 16px 2px rgba(0, 0, 0, 0.2);

		.ant-modal-close {
			margin-top: 4px;
		}

		.ant-modal-header {
			border-bottom: 1px solid var(--l1-border);
			background: var(--l2-background);
			margin-bottom: 16px;
			padding-bottom: 4px;

			.ant-modal-title {
				color: var(--l1-foreground);
				font-family: Inter;
				font-size: 13px;
				font-style: normal;
				font-weight: 600;
				line-height: 22px;
				letter-spacing: 0.52px;
			}
		}

		.modal-content {
			display: flex;
			flex-direction: column;
			gap: 8px;
			padding: 8px;
			background: var(--l3-background);

			.attribute-select {
				align-items: center;
				display: flex;
				gap: 8px;
				width: 170px;

				.ant-select-selector {
					display: flex;
					height: 28px !important;
					padding: 8px;
					align-items: center;
					gap: 4px;

					border-radius: 2px;
					border: 1px solid var(--l1-border);
					background: var(--l3-background);
				}
			}

			.attribute-tree {
				padding: 8px;
			}

			.tree-text {
				color: var(--l2-foreground);
				font-family: 'Geist Mono';
				font-size: 12px;
				font-style: normal;
				font-weight: 400;
				line-height: 16px;
				width: 328px;
			}

			.ant-tree {
				.ant-tree-title {
					cursor: default;

					.attribute-error-title {
						display: flex;
						align-items: center;
						color: var(--bg-amber-400);
						height: 24px;

						.tree-text {
							color: var(--bg-amber-400);
						}

						.attribute-error-warning {
							display: flex;
							align-items: center;
							gap: 6px;

							font-family: 'Geist Mono';
							font-size: 12px;
							font-style: normal;
							font-weight: 400;
							line-height: 16px;
							cursor: pointer;
						}
					}

					.attribute-success-title {
						display: flex;
						align-items: center;
						height: 24px;

						.success-attribute-icon {
							width: 44px;
							color: var(--l2-foreground);
							display: flex;

							> svg {
								margin-left: auto;
							}
						}
					}
				}

				.ant-tree-treenode {
					width: 100%;

					.ant-tree-node-content-wrapper {
						width: 100%;
						max-width: 380px;
					}
				}
			}
		}

		.loader-container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;
			padding: 8px;
			background: var(--l3-background);
			height: 156px;
		}
	}
}

.attribute-label {
	display: flex;
	align-items: center;
	gap: 8px;
}

.config-btn {
	display: flex;
	align-items: center;
	height: 28px;
	border-radius: 2px;
	border: none;
	box-shadow: none;
	background: var(--l3-background);

	&.missing-config-btn {
		background: color-mix(in srgb, var(--bg-amber-500) 10%, transparent);
		color: var(--bg-amber-400);

		&:hover {
			color: var(--bg-amber-300) !important;
		}
	}

	.config-btn-content {
		display: flex;
		align-items: center;
		margin-right: 8px;
		border-right: 1px solid
			color-mix(in srgb, var(--bg-amber-400) 10%, transparent);
		padding-right: 8px;
	}
}
