/* Certificate page v2 (1.99.16; decision 98d0cf06 D5). Scoped under .pcm-coa-v2; reads the frontend.css tokens the
 * v1 page already sets on .pcm-coa-single, with hard fallbacks. One column to 1024 px; main + a sticky 360 px rail from 1025 px. */
.pcm-coa-v2 {
	--v2-ink: var(--pcm-ink, #1d1d1f);
	--v2-sub: var(--pcm-ink-2, #6e6e73);
	--v2-faint: var(--pcm-ink-3, #6c6c70);
	--v2-hair: var(--pcm-hair, #e5e5ea);
	--v2-bg2: var(--pcm-bg-2, #fbfbfd);
	--v2-paper: var(--pcm-paper, #fff);
	--v2-pink: var(--pep-primary, #de0076);
	--v2-green: #0a7d3f; --v2-green-soft: #e7f8ee;
	--v2-gold: #8a6a1c; --v2-gold-soft: #fbf1d6;
	--v2-r: var(--pcm-r-md, 12px);
	display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; align-items: start;
	font-variant-numeric: tabular-nums;
}
.pcm-coa-v2 .pcm-v2-main, .pcm-coa-v2 .pcm-v2-rail { min-width: 0; }
.pcm-coa-v2 > .pcm-coa-footer { grid-column: 1 / -1; }
@media (min-width: 1025px) {
	.pcm-coa-single.pcm-coa-v2 { max-width: 1120px; grid-template-columns: minmax(0, 1fr) 340px; column-gap: 36px; }
	.pcm-coa-v2 .pcm-v2-rail { position: sticky; top: calc(var(--pep-nav-h, 72px) + 16px); }
}

/* head */
.pcm-coa-v2 .pcm-v2-head { border: 0; padding: 0; margin: 0 0 6px; }
.pcm-coa-v2 .pcm-v2-eyebrow { margin: 0 0 4px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--v2-sub); font-weight: 500; }
.pcm-coa-v2 .pcm-v2-h1 { margin: 0; font-size: clamp(24px, 3.4vw, 32px); line-height: 1.15; letter-spacing: -.01em; color: var(--v2-ink); text-wrap: balance; }
.pcm-coa-v2 .pcm-v2-meta { margin: 8px 0 0; font-size: 14px; color: var(--v2-sub); }
.pcm-coa-v2 .pcm-v2-meta .pcm-discontinued-tag { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; font-size: 11px; background: var(--v2-bg2); color: var(--v2-sub); border: 1px solid var(--v2-hair); white-space: nowrap; }
.pcm-coa-v2 .pcm-coa-seal { margin: 12px 0 0; }
.pcm-coa-v2 .pcm-v2-h2 { font-size: 17px; margin: 0 0 8px; color: var(--v2-ink); text-transform: none; letter-spacing: 0; }

/* facts + pills */
.pcm-coa-v2 .pcm-v2-facts { margin: 16px 0 10px; }
.pcm-coa-v2 .pcm-v2-facts dd { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pcm-coa-v2 .pcm2-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 11px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.pcm-coa-v2 .pcm2-pill-t14 { background: var(--v2-gold-soft); color: var(--v2-gold); }
.pcm-coa-v2 .pcm2-pill-t7 { background: var(--v2-green-soft); color: var(--v2-green); }
.pcm-coa-v2 .pcm2-pill-none, .pcm-coa-v2 .pcm2-pill-lab { background: var(--v2-paper); color: var(--v2-sub); border: 1px solid var(--v2-hair); font-weight: 500; }
.pcm-coa-v2 .pcm-v2-notier, .pcm-coa-v2 .pcm-v2-units, .pcm-coa-v2 .pcm-v2-conf { margin: 6px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--v2-sub); }
.pcm-coa-v2 .pcm-v2-conf { color: var(--v2-ink); }
.pcm-coa-v2 .pcm-v2-labs { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }

/* actions */
.pcm-coa-v2 .pcm-v2-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 14px 0 0; }
.pcm-coa-v2 .pcm-v2-actions .pcm-button { margin: 0; }
.pcm-coa-v2 .pcm-v2-copied { font-size: 13px; color: var(--v2-green); min-height: 1em; }
.pcm-coa-v2 .pcm-v2-copied:empty { display: none; }

/* reports for this lot */
.pcm-coa-v2 .pcm-v2-reports { margin: 22px 0 0; }
.pcm-coa-v2 .pcm-v2-report-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--v2-hair); border-radius: var(--v2-r); overflow: hidden; background: var(--v2-bg2); }
.pcm-coa-v2 .pcm-v2-report { border-top: 1px solid var(--v2-hair); }
.pcm-coa-v2 .pcm-v2-report:first-child { border-top: 0; }
.pcm-coa-v2 .pcm-v2-report > a, .pcm-coa-v2 .pcm-v2-report.is-current { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t v" "l l"; gap: 4px 10px; align-items: center; padding: 10px 14px; color: inherit; text-decoration: none; }
.pcm-coa-v2 .pcm-v2-report > a:hover { background: var(--v2-paper); }
.pcm-coa-v2 .pcm-v2-report.is-current { background: var(--v2-paper); box-shadow: inset 3px 0 0 var(--v2-pink); }
.pcm-coa-v2 .pcm-v2-report-t { grid-area: t; font-size: 14px; }
.pcm-coa-v2 .pcm-v2-report-t small { display: block; font-size: 12.5px; color: var(--v2-sub); }
.pcm-coa-v2 .pcm-v2-report-labs { grid-area: l; display: flex; flex-wrap: wrap; gap: 6px; }
.pcm-coa-v2 .pcm-v2-report .pcm-sc-verdict { grid-area: v; margin: 0; }
.pcm-coa-v2 .pcm-v2-go { grid-area: v; justify-self: end; font-size: 12.5px; color: var(--v2-pink); font-weight: 600; white-space: nowrap; }
.pcm-coa-v2 .pcm-v2-report > a .pcm-sc-verdict + .pcm-v2-go { grid-row: 2; }

/* test by test: one column of compact cards */
.pcm-coa-v2 .pcm-v2-tests { margin: 22px 0 0; }
.pcm-coa-v2 .pcm-v2-scope, .pcm-coa-v2 .pcm-v2-stdnote { font-size: 12.5px; line-height: 1.5; color: var(--v2-faint); margin: 0 0 10px; }
.pcm-coa-v2 .pcm-v2-stdnote { margin: 10px 0 0; }
.pcm-coa-v2 .pcm-v2-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.pcm-coa-v2 .pcm-v2-grid .pcm-sc-card { padding: 10px 12px; border-radius: 10px; }
.pcm-coa-v2 .pcm-sc-name { font-size: 13.5px; }
.pcm-coa-v2 .pcm-sc-detail { font-size: 12px; overflow-wrap: anywhere; }
.pcm-coa-v2 .pcm-sc-verdict-na { background: var(--v2-bg2); color: var(--v2-sub); border: 1px solid var(--v2-hair); }
.pcm-coa-v2 .pcm-sc-check-na { background: #c7c7cc; color: #fff; }
.pcm-coa-v2 .pcm-sc-card-na { background: var(--v2-paper); border-style: dashed; }
.pcm-coa-v2 .pcm-sc-card-na .pcm-sc-name { color: var(--v2-sub); }
.pcm-coa-v2 .pcm-sc-expand-btn { min-height: 32px; }
.pcm-coa-v2 .pcm-sc-elem-table { display: block; overflow-x: auto; }
.pcm-coa-v2 .pcm-sc-elem-table thead, .pcm-coa-v2 .pcm-sc-elem-table tbody { display: table; width: 100%; }

/* rail: the document card + the routes */
.pcm-coa-v2 .pcm-coa-viewer { margin: 0; }
.pcm-coa-v2 .pcm-coa-doc { align-items: flex-start; }
.pcm-coa-v2 .pcm-v2-preview { width: 96px; height: auto; flex: none; border-radius: 8px; border: 1px solid var(--v2-hair); background: var(--v2-paper); box-shadow: var(--pcm-sh1, 0 1px 2px rgba(0,0,0,.04)); }
.pcm-coa-v2 .pcm-coa-doc-meta .pcm-button { margin: 0 8px 8px 0; }
.pcm-coa-v2 .pcm-coa-embed { display: none; }
.pcm-coa-v2 .pcm-v2-routes { display: flex; flex-direction: column; margin: 14px 0 0; border: 1px solid var(--v2-hair); border-radius: var(--v2-r); overflow: hidden; background: var(--v2-bg2); }
.pcm-coa-v2 .pcm-v2-route { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t c" "s c"; align-items: center; column-gap: 10px; padding: 11px 14px; border-top: 1px solid var(--v2-hair); color: var(--v2-ink); text-decoration: none; font-size: 14px; font-weight: 600; min-height: 48px; }
.pcm-coa-v2 .pcm-v2-route:first-child { border-top: 0; }
.pcm-coa-v2 .pcm-v2-route:hover { background: var(--v2-paper); }
.pcm-coa-v2 .pcm-v2-route small { grid-area: s; display: block; font-size: 12.5px; font-weight: 400; color: var(--v2-sub); }
.pcm-coa-v2 .pcm-v2-chev { grid-area: c; color: var(--v2-pink); font-size: 18px; line-height: 1; }
.pcm-coa-v2 .pcm-coa-notes { margin: 16px 0 0; }

/* print */
@media print {
	.pcm-coa-v2 { display: block; }
	.pcm-coa-v2 .pcm-v2-actions, .pcm-coa-v2 .pcm-v2-routes, .pcm-coa-v2 .pcm-coa-doc-meta .pcm-button, .pcm-coa-v2 .pcm-sc-expand-btn, .pcm-coa-v2 .pcm-v2-go { display: none !important; }
	.pcm-coa-v2 .pcm-sc-expand-body[hidden] { display: block !important; }
	.pcm-coa-v2 .pcm-v2-rail { margin-top: 16px; }
	.pcm-coa-v2 .pcm-v2-report > a::after { content: " " attr(href); font-size: 11px; color: #555; }
}

/* 1.99.26: the two honest states */
.pcm-coa-v2 .pcm2-pill-full{background:#fdf0f6;color:#de0076;border:1px solid #de0076}
.pcm-coa-v2 .pcm2-pill-earlier{background:var(--v2-paper);color:var(--v2-sub);border:1px solid var(--v2-line)}
.pcm-coa-v2 .pcm2-pill-newer{background:var(--v2-paper);color:#de0076;border:1px solid #de0076}
