
/*= Elementor System Info
---------------------------------------*/

#elementor-system-info {
	padding: 15px;

	.elementor-system-info-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.elementor-system-info-section {
		margin-block-end: 10px;

		.widefat {
			white-space: pre;
		}

		.elementor-log-entries {
			white-space: pre-wrap;
		}

		&:not(.elementor-system-info-log) {

			tbody td:first-child {
				width: 300px;
			}

			td {
				white-space: break-spaces;
			}
		}
	}

	.elementor-system-info-field-recommendation {
		padding-inline-start: 10px;
		color: #7F7F7F;
	}

	.elementor-system-info-plugin-name {
		color: #000;
	}

	.elementor-system-info-plugin-properties {
		padding: 10px;
	}

	#elementor-system-info-raw-code {
		width: 100%;
		height: 200px;
	}

	#elementor-system-info-raw-code-label {
		padding: 5px;
		display: block;
	}

	.elementor-warning {

		td:first-child {
			border-inline-start: 3px solid $editor-orange;
		}
	}

	a.box-title-tool {
		font-size: 80%;
		margin-inline-start: 15px;
		color: $gray;

		&:hover {
			text-decoration: underline;
		}
	}

	#elementor-usage-recalc {
		font-size: 12px;
		color: #ffffff;
		background-color: $editor-light;
		padding: 4px 18px 5px 18px;
		border-radius: 3px;
	}
}
