/* NaraOps 1.17.7 — visible good / caution / adverse states on public synthetic examples. */
:root{--nara-good:#176b43;--nara-good-bg:#f1f9f4;--nara-good-line:#8fc6a5;--nara-bad:#a53131;--nara-bad-bg:#fff4f4;--nara-bad-line:#d88a8a;--nara-warn:#8a5a00;--nara-warn-bg:#fff9eb;--nara-warn-line:#d2aa55;--nara-neutral:#536b7d;--nara-neutral-bg:#f7fafc;--nara-neutral-line:#b9c7d1}
.public-metric-good{--public-tone:var(--nara-good);--public-bg:var(--nara-good-bg);--public-line:var(--nara-good-line)}
.public-metric-bad{--public-tone:var(--nara-bad);--public-bg:var(--nara-bad-bg);--public-line:var(--nara-bad-line)}
.public-metric-warn{--public-tone:var(--nara-warn);--public-bg:var(--nara-warn-bg);--public-line:var(--nara-warn-line)}
.public-metric-neutral{--public-tone:var(--nara-neutral);--public-bg:var(--nara-neutral-bg);--public-line:var(--nara-neutral-line)}
.demo-kpi-card[class*="public-metric-"],.example-report-metric[class*="public-metric-"],.horizontal-preview .signal[class*="public-metric-"]{background:var(--public-bg)!important;border-color:var(--public-line)!important;border-left:4px solid var(--public-line)!important}
.demo-kpi-card[class*="public-metric-"] strong,.example-report-metric[class*="public-metric-"] strong,.horizontal-preview .signal[class*="public-metric-"] strong{color:var(--public-tone)!important}
.demo-kpi-card[class*="public-metric-"] small,.example-report-metric[class*="public-metric-"] small{color:var(--public-tone)!important}
.demo-finding.public-finding-good{border-top:4px solid var(--nara-good-line);background:var(--nara-good-bg)}
.demo-finding.public-finding-bad{border-top:4px solid var(--nara-bad-line);background:var(--nara-bad-bg)}
.demo-finding.public-finding-warn{border-top:4px solid var(--nara-warn-line);background:var(--nara-warn-bg)}
.demo-finding.public-finding-good .finding-tag{color:var(--nara-good)}.demo-finding.public-finding-bad .finding-tag{color:var(--nara-bad)}.demo-finding.public-finding-warn .finding-tag{color:var(--nara-warn)}
.public-colour-key{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:6px 0 16px;font-size:.72rem;color:#647687}.public-colour-key span{display:inline-flex;align-items:center;gap:5px}.public-colour-key i{width:9px;height:9px;border-radius:50%;display:inline-block}.public-colour-key .good{background:var(--nara-good-line)}.public-colour-key .warn{background:var(--nara-warn-line)}.public-colour-key .bad{background:var(--nara-bad-line)}
@media print{.public-colour-key{display:none}.demo-kpi-card[class*="public-metric-"],.example-report-metric[class*="public-metric-"]{-webkit-print-color-adjust:exact;print-color-adjust:exact}}