/**
 * Content Guard Pro - Diagnostics Page Styles
 *
 * @package ContentGuardPro
 * @since   1.0.0
 */

.content-guard-pro-diagnostics {
	max-width: 1200px;
}

.content-guard-pro-diagnostics-actions {
	margin: 20px 0;
	padding: 15px;
	background: #f0f6fc;
	border-left: 4px solid #2271b1;
	border-radius: 4px;
}

.content-guard-pro-diagnostics-actions .button {
	vertical-align: middle;
}

.content-guard-pro-diagnostics-actions .dashicons {
	margin-top: 3px;
}

.cgpro-copy-message {
	margin-left: 10px;
	color: #00a32a;
	display: none;
}

.content-guard-pro-diagnostic-section {
	margin-top: 30px;
}

.content-guard-pro-diagnostic-section h2 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #2271b1;
}

.content-guard-pro-diagnostic-section h2 .dashicons {
	color: #2271b1;
	margin-right: 5px;
}

.content-guard-pro-diagnostic-table th {
	width: 30%;
	font-weight: 600;
}

.content-guard-pro-diagnostic-table--spaced {
	margin-top: 15px;
}

.content-guard-pro-diagnostic-table td {
	font-family: 'Courier New', monospace;
	font-size: 13px;
}

.content-guard-pro-status-good {
	color: #00a32a;
	font-weight: 600;
}

.content-guard-pro-status-warning {
	color: #dba617;
	font-weight: 600;
}

.content-guard-pro-status-critical {
	color: #d63638;
	font-weight: 600;
}

.content-guard-pro-diagnostic-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.content-guard-pro-diagnostic-badge.good {
	background: #00a32a;
	color: #fff;
}

.content-guard-pro-diagnostic-badge.warning {
	background: #dba617;
	color: #fff;
}

.content-guard-pro-diagnostic-badge.critical {
	background: #d63638;
	color: #fff;
}

.cgpro-muted {
	color: #646970;
}

.cgpro-offscreen {
	position: absolute;
	left: -9999px;
}

.cgpro-offscreen.cgpro-offscreen-active {
	position: static;
	left: auto;
}

.cgpro-inline-notice {
	margin: 0 0 15px 0;
}

.cgpro-col-narrow {
	width: 30%;
}

.cgpro-top-spacing {
	margin-top: 15px;
}

.cgpro-dashicon-align {
	margin-top: 3px;
}

.cgpro-emergency-box {
	background: #fff;
	padding: 20px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
}

.cgpro-mt-0 {
	margin-top: 0;
}

.cgpro-callout {
	margin-bottom: 20px;
	padding: 15px;
	border-left: 4px solid;
}

.cgpro-callout-warning {
	background: #fff8e5;
	border-left-color: #dba617;
}

.cgpro-callout-info {
	background: #f0f6fc;
	border-left-color: #72aee6;
}

.cgpro-form-spaced {
	margin-bottom: 20px;
}

.content-guard-pro-emergency-actions .button[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.cgpro-hr {
	border: 0;
	border-top: 1px solid #c3c4c7;
	margin: 20px 0;
}

.content-guard-pro-button-badge {
	display: inline-block;
	background: #d63638;
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 600;
	margin-left: 8px;
	vertical-align: middle;
}

button[disabled] .content-guard-pro-button-badge {
	background: #787c82;
}