/* Upgrade Pilot admin styles */

.upilot-wrap { max-width: 1100px; }

/* Verdict hero */
.upilot-hero {
	display: flex;
	align-items: stretch;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	margin: 16px 0 24px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}
.upilot-hero-light { width: 10px; flex: none; background: #c3c4c7; }
.upilot-hero--green .upilot-hero-light { background: #00a32a; }
.upilot-hero--amber .upilot-hero-light { background: #dba617; }
.upilot-hero--red   .upilot-hero-light { background: #d63638; }
.upilot-hero-body { padding: 20px 24px; }
.upilot-headline { margin: 0 0 6px; font-size: 22px; line-height: 1.3; }
.upilot-sub { margin: 0 0 14px; color: #50575e; max-width: 720px; }
.upilot-meta { color: #787c82; font-size: 12px; margin: 8px 0 0; }

/* Status dots */
.upilot-dot {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 2px;
}
.upilot-dot--pass { background: #00a32a; }
.upilot-dot--warn { background: #dba617; }
.upilot-dot--fail { background: #d63638; }

/* Tier chips */
.upilot-tier {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 2px 8px;
	border-radius: 10px;
	vertical-align: middle;
	margin-left: 8px;
}
.upilot-tier--fact { background: #e5f1e8; color: #00450c; }
.upilot-tier--advisory { background: #fcf0e4; color: #7a4b0f; }

/* Tables */
.upilot-table { margin-bottom: 20px; }
.upilot-table td, .upilot-table th { vertical-align: middle; }
.upilot-plugin-heading { margin-bottom: 6px; }
.upilot-plugin-heading .upilot-muted { font-weight: 400; }

.upilot-muted { color: #787c82; }
.upilot-badge {
	display: inline-block;
	background: #f0f0f1;
	color: #50575e;
	font-size: 11px;
	padding: 1px 7px;
	border-radius: 9px;
	margin-left: 4px;
}
.upilot-badge--frozen { background: #fcf0e4; color: #996800; font-weight: 600; }

.upilot-suppressed { opacity: 0.45; }
.upilot-explainer { max-width: 820px; color: #50575e; }
.upilot-allgood { color: #00450c; font-weight: 600; }
.upilot-footer-note {
	margin-top: 32px;
	padding-top: 12px;
	border-top: 1px solid #dcdcde;
	color: #787c82;
	font-size: 12px;
	max-width: 820px;
}
.upilot-progress { vertical-align: middle; margin-left: 12px; }
