/* AI Agent Readiness Checker: report. Shared styles live in assets/css/tools-base.css. */
.ngt-agent-report { margin-top: 1.5em; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25em; }

.ngt-agent-summary {
	display: flex;
	gap: 1.25em;
	align-items: center;
	padding: 1.25em;
	border: 1px solid var(--ngt-border);
	border-radius: var(--ngt-radius);
	scroll-margin-top: 90px;
}
.ngt-agent-summary p { margin: 0; }
.ngt-agent-summary > div { min-width: 0; }
.ngt-agent-headline { font-size: 1.25em; font-weight: 700; }
.ngt-agent-summary a { color: var(--ngt-accent-strong); overflow-wrap: anywhere; }
.ngt-agent-ratio {
	--ngt-ring: var(--ngt-success);
	flex: none;
	width: 5em;
	height: 5em;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background:
		radial-gradient(closest-side, var(--theme-palette-color-8, #fff) 78%, transparent 79%),
		conic-gradient(var(--ngt-ring) calc(var(--ngt-ratio, 0) * 1%), var(--ngt-border) 0);
}
.is-warn .ngt-agent-ratio { --ngt-ring: var(--ngt-warning); }
.is-fail .ngt-agent-ratio { --ngt-ring: var(--ngt-error); }
.ngt-agent-ratio strong { font-size: 1.15em; }

.ngt-agent-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5em; }
.ngt-chip {
	display: inline-block;
	padding: .35em .8em;
	border-radius: 999px;
	border: 1px solid var(--ngt-border);
	color: inherit;
	text-decoration: none;
	font-size: .9em;
	font-weight: 600;
}
.ngt-chip span { font-weight: 400; }
.ngt-chip.is-fail { border-color: var(--ngt-error); }
.ngt-chip.is-warn { border-color: var(--ngt-warning); }
.ngt-chip.is-pass { border-color: var(--ngt-success); }
.ngt-chip.is-info { border-color: var(--ngt-info); }

.ngt-agent-category { scroll-margin-top: 90px; }
.ngt-agent-category h3 { margin: .5em 0 .6em; font-size: 1.15em; }
.ngt-agent-checks { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5em; }

.ngt-agent-check {
	border: 1px solid var(--ngt-border);
	border-left-width: 4px;
	border-radius: var(--ngt-radius);
	background: var(--ngt-surface);
}
.ngt-agent-check.is-fail { border-left-color: var(--ngt-error); }
.ngt-agent-check.is-warn { border-left-color: var(--ngt-warning); }
.ngt-agent-check.is-pass { border-left-color: var(--ngt-success); }
.ngt-agent-check.is-info { border-left-color: var(--ngt-info); }

.ngt-agent-check-head {
	display: grid;
	grid-template-columns: 5.5em minmax(8em, 14em) 1fr;
	gap: .75em;
	align-items: baseline;
	padding: .75em 1em;
}
summary.ngt-agent-check-head { cursor: pointer; list-style: none; position: relative; padding-right: 2.25em; }
summary.ngt-agent-check-head::-webkit-details-marker { display: none; }
summary.ngt-agent-check-head::after { content: "▸"; position: absolute; top: .75em; right: 1em; opacity: .7; }
details[open] > summary.ngt-agent-check-head::after { content: "▾"; }
.ngt-agent-check-title { font-weight: 700; }
.ngt-agent-check-summary { min-width: 0; }
.ngt-agent-check-body { padding: 0 1em 1em; }
.ngt-agent-details { margin: 0 0 .75em; padding-left: 1.2em; }
.ngt-agent-details code { font-family: var(--ngt-mono); font-size: .85em; overflow-wrap: anywhere; }

.ngt-pill {
	display: inline-block;
	padding: .1em .55em;
	border-radius: 999px;
	font-size: .8em;
	font-weight: 700;
	color: #fff;
	background: var(--ngt-info);
	text-align: center;
}
.ngt-pill.is-pass { background: var(--ngt-success); }
.ngt-pill.is-warn { background: var(--ngt-warning); }
.ngt-pill.is-fail { background: var(--ngt-error); }

.ngt-agent-fix { border-top: 1px solid var(--ngt-border); padding-top: .75em; }
.ngt-agent-fix p { margin: .25em 0 .5em; }
.ngt-agent-fix a.ngt-btn { text-decoration: none; }
.ngt-agent-code { position: relative; }
.ngt-agent-code .ngt-pre { margin: 0; padding-right: 5.5em; white-space: pre-wrap; }
.ngt-agent-code .ngt-btn { position: absolute; top: .5em; right: .5em; min-height: 2em; padding: .25em .75em; }

.ngt-agent-crawlers { margin-bottom: .75em; }
.ngt-agent-crawlers summary { cursor: pointer; font-weight: 600; padding: .4em 0; }

@media (max-width: 720px) {
	.ngt-agent-summary { flex-direction: column; align-items: stretch; }
	.ngt-agent-ratio { align-self: flex-start; }
	.ngt-agent-check-head { grid-template-columns: auto 1fr; }
	.ngt-agent-check-summary { grid-column: 1 / -1; }
}