/**
 * AgenticTrack — product edit-screen meta box.
 *
 * Self-contained and scoped under .arwc-mb, because this panel lives outside the
 * plugin's own .arwc-wrap branded column (it sits in the WooCommerce product
 * editor sidebar). Kept intentionally compact and native-feeling.
 */

.arwc-mb {
	--arwc-green: #0C5A3C;
	--arwc-amber: #B57A1E;
	--arwc-amber-ink: #8A5A00;
	--arwc-clay: #C25733;
	--arwc-clay-ink: #A8431F;
	--arwc-faint: #8A8579;
	font-size: 13px;
	line-height: 1.5;
	color: #3D4340;
}

.arwc-mb-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.arwc-mb-ring {
	position: relative;
	width: 60px;
	height: 60px;
	flex: none;
}

.arwc-mb-ring svg {
	display: block;
	transform: rotate(-90deg);
}

.arwc-mb-ring-track {
	fill: none;
	stroke: #E7E2D6;
	stroke-width: 11;
}

.arwc-mb-ring-arc {
	fill: none;
	stroke: var(--arwc-faint);
	stroke-width: 11;
	stroke-linecap: butt;
	stroke-dasharray: 100;
	stroke-dashoffset: var(--arwc-arc, 100);
}

.arwc-mb-grade-good .arwc-mb-ring-arc {
	stroke: var(--arwc-green);
}

.arwc-mb-grade-fair .arwc-mb-ring-arc {
	stroke: var(--arwc-amber);
}

.arwc-mb-grade-poor .arwc-mb-ring-arc {
	stroke: var(--arwc-clay);
}

.arwc-mb-ring-num {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: 700;
	color: #16140D;
}

.arwc-mb-headmeta {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.arwc-mb-grade {
	font-size: 15px;
	font-weight: 700;
	color: #16140D;
}

.arwc-mb-grade-good .arwc-mb-grade {
	color: var(--arwc-green);
}

.arwc-mb-grade-fair .arwc-mb-grade {
	color: var(--arwc-amber-ink);
}

.arwc-mb-grade-poor .arwc-mb-grade {
	color: var(--arwc-clay-ink);
}

.arwc-mb-kicker {
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--arwc-faint);
}

.arwc-mb-label {
	margin: 0 0 6px;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--arwc-faint);
}

.arwc-mb-issues {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.arwc-mb-issues li {
	margin: 0 0 8px;
	padding: 0;
	font-size: 12.5px;
	line-height: 1.5;
	color: #3D4340;
}

/* Severity tag — mirrors the Audit page's CRITICAL / WARNING / INFO language. */
.arwc-mb-sev-tag {
	display: inline-block;
	margin-right: 6px;
	padding: 1px 5px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border: 1px solid #E7E2D6;
	color: var(--arwc-faint);
	vertical-align: baseline;
}

.arwc-mb-sev-critical .arwc-mb-sev-tag {
	color: var(--arwc-clay-ink);
	border-color: #E4C3B4;
}

.arwc-mb-sev-warning .arwc-mb-sev-tag {
	color: var(--arwc-amber-ink);
	border-color: #E4D3B0;
}

.arwc-mb-sev-info .arwc-mb-sev-tag {
	color: var(--arwc-faint);
	border-color: #E7E2D6;
}

.arwc-mb-more,
.arwc-mb-more:visited {
	display: inline-block;
	margin: -2px 0 10px;
	font-size: 12px;
	font-weight: 600;
	color: var(--arwc-green);
	text-decoration: none;
}

.arwc-mb-more:hover {
	text-decoration: underline;
}

.arwc-mb-clear {
	margin: 0 0 12px;
	font-size: 12.5px;
	color: var(--arwc-green);
	font-weight: 600;
}

/* ---- Inline quick fixes --------------------------------------------------- */

.arwc-mb-quick {
	margin: 4px 0 12px;
	padding: 12px 0 2px;
	border-top: 1px solid #EFEADD;
}

.arwc-mb-quick .button.arwc-mb-set-image {
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}

.arwc-mb-field {
	display: flex;
	gap: 6px;
	margin-bottom: 8px;
}

.arwc-mb-field .arwc-mb-input {
	flex: 1 1 auto;
	min-width: 0;
}

.arwc-mb-field.is-done {
	opacity: 0.6;
}

.arwc-mb-quick-status {
	display: block;
	min-height: 16px;
	font-size: 12px;
	font-weight: 600;
}

.arwc-mb-status-ok {
	color: var(--arwc-green);
}

.arwc-mb-status-error {
	color: var(--arwc-clay-ink);
}

.arwc-mb-status-busy {
	color: var(--arwc-faint);
}

.arwc-mb .arwc-mb-fix {
	display: inline-block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.arwc-mb-note {
	margin: 8px 0 0;
	font-size: 11px;
	color: var(--arwc-faint);
}

.arwc-mb-empty {
	margin: 0;
	font-size: 12.5px;
	color: var(--arwc-faint);
}

/* ---- Products list-table score column ------------------------------------- */

.column-arwc_score {
	width: 92px;
}

.arwc-col-score,
.arwc-col-score:visited {
	display: inline-block;
	min-width: 34px;
	text-align: center;
	padding: 2px 9px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #E7E2D6;
	background: #FBFAF6;
	color: #3D4340;
}

.arwc-col-score:hover {
	filter: brightness(0.97);
}

.arwc-col-score.arwc-col-score-good,
.arwc-col-score.arwc-col-score-good:visited {
	color: #0C5A3C;
	background: #EAF3ED;
	border-color: #C7D8CE;
}

.arwc-col-score.arwc-col-score-fair,
.arwc-col-score.arwc-col-score-fair:visited {
	color: #8A5A00;
	background: #F7EFDB;
	border-color: #E4D3B0;
}

.arwc-col-score.arwc-col-score-poor,
.arwc-col-score.arwc-col-score-poor:visited {
	color: #A8431F;
	background: #F7E9E2;
	border-color: #E4C3B4;
}

.arwc-col-score-dash {
	color: #8A8579;
}