/* FlxWoo System Status — admin page styles */

/* Severity indicator dot */
.flxwoo-status-wrap .flxwoo-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
	flex-shrink: 0;
}

.flxwoo-dot--ok       { background: #46b450; }
.flxwoo-dot--info     { background: #00a0d2; }
.flxwoo-dot--warning  { background: #f56e28; }
.flxwoo-dot--critical { background: #dc3232; }
.flxwoo-dot--unknown  { background: #999; }

/* Environment fingerprint */
.flxwoo-status-wrap .flxwoo-fingerprint {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 3px;
	padding: 12px 16px;
	font-family: monospace;
	font-size: 13px;
	line-height: 1.9;
	margin-bottom: 16px;
}

.flxwoo-status-wrap .flxwoo-fingerprint-label {
	display: inline-block;
	min-width: 130px;
	color: #646970;
}

/* Readiness pill row */
.flxwoo-status-wrap .flxwoo-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.flxwoo-status-wrap .flxwoo-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid transparent;
}

.flxwoo-pill--ok       { background: #edfaee; border-color: #8bc34a; color: #1e7e34; }
.flxwoo-pill--warning  { background: #fef8ee; border-color: #f56e28; color: #8a3000; }
.flxwoo-pill--critical { background: #fdecea; border-color: #dc3232; color: #a00; }
.flxwoo-pill--unknown  { background: #f6f7f7; border-color: #bbb; color: #555; }

/* System Health indicator banner — mirrors base layout from .flxwoo-overview-wrap scope */
.flxwoo-status-wrap .flxwoo-health-banner {
	padding: 14px 18px;
	border-radius: 3px;
	border: 1px solid transparent;
	border-left-width: 3px;
	margin-bottom: 16px;
	font-size: 14px;
}

/* Last known healthy block */
.flxwoo-status-wrap .flxwoo-last-healthy {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 3px;
	padding: 10px 16px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 2;
}

/* Section headings */
.flxwoo-status-wrap h2.flxwoo-section-heading {
	font-size: 14px;
	font-weight: 600;
	margin: 24px 0 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dcdcde;
}

/* Diagnostics table */
.flxwoo-status-wrap table.widefat td {
	vertical-align: middle;
}

.flxwoo-status-wrap .flxwoo-check-label-cell {
	width: 280px;
}

.flxwoo-status-wrap .flxwoo-remediation-note {
	display: block;
	margin-top: 2px;
	color: #646970;
}

/* Connectivity test result banner */
.flxwoo-status-wrap .flxwoo-connectivity-result {
	display: inline-block;
	margin-top: 10px;
	padding: 6px 12px;
	border-radius: 3px;
	font-size: 13px;
	border: 1px solid transparent;
}

.flxwoo-connectivity-result--ok    { background: #edfaee; border-color: #8bc34a; color: #1e7e34; }
.flxwoo-connectivity-result--error { background: #fdecea; border-color: #dc3232; color: #a00; }

/* Overview page */
.flxwoo-version-badge {
	font-size: 13px;
	font-weight: normal;
	color: #646970;
}

.flxwoo-quick-links {
	margin-top: 0;
}

/* =========================================================
   FlxWoo Overview page
   ========================================================= */

.flxwoo-overview-wrap h2.flxwoo-section-heading {
	font-size: 14px;
	font-weight: 600;
	margin: 24px 0 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dcdcde;
}

.flxwoo-overview-wrap .flxwoo-health-banner {
	padding: 14px 18px;
	border-radius: 3px;
	border: 1px solid transparent;
	border-left-width: 3px;
	margin-bottom: 16px;
	font-size: 14px;
}

.flxwoo-banner-title {
	display: block;
	margin-bottom: 3px;
}

.flxwoo-banner-desc {
	display: block;
	font-size: 13px;
	opacity: 0.82;
}

.flxwoo-health-banner--healthy  { background: #edfaee; border-color: #8bc34a; color: #1e7e34; }
.flxwoo-health-banner--warning  { background: #fef8ee; border-color: #f56e28; color: #8a3000; }
.flxwoo-health-banner--critical { background: #fdecea; border-color: #dc3232; color: #a00; }
.flxwoo-health-banner--unknown  { background: #f6f7f7; border-color: #bbb;    color: #555; }

.flxwoo-overview-wrap .flxwoo-section-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.flxwoo-overview-wrap .flxwoo-pill {
	padding: 4px 14px;
}

.flxwoo-overview-wrap .flxwoo-timestamps {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 3px;
	padding: 10px 16px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 2;
}

.flxwoo-timestamps-label {
	display: inline-block;
	min-width: 130px;
	color: #646970;
}

.flxwoo-overview-wrap .flxwoo-warnings {
	background: #fef8ee;
	border: 1px solid #f56e28;
	border-radius: 3px;
	padding: 10px 16px;
	margin-bottom: 20px;
	font-size: 13px;
}

.flxwoo-overview-wrap .flxwoo-warnings ul {
	margin: 4px 0 0 16px;
	padding: 0;
}

.flxwoo-overview-wrap .flxwoo-warnings ul li {
	margin-bottom: 6px;
	line-height: 1.5;
}

.flxwoo-overview-wrap .flxwoo-warnings ul li:last-child {
	margin-bottom: 0;
}

.flxwoo-overview-wrap .flxwoo-warnings--critical {
	background: #fdecea;
	border-color: #dc3232;
}

.flxwoo-overview-wrap .flxwoo-snapshot-age {
	font-size: 12px;
	color: #646970;
	margin: -3px 0 16px;
}

/* Escalated webhook rows — attempt_count >= WEBHOOK_MAX_ATTEMPTS */
.flxwoo-row--escalated > td:first-child::before {
	content: "⚑ ";
	color: #8a1000;
}

.flxwoo-dot--escalated {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #8a1000;
	margin-right: 5px;
	vertical-align: middle;
}

/* Retention policy section */
.flxwoo-retention-guard {
	color: #646970;
	font-size: 12px;
}