.report-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.chart-card h2 { margin-bottom: 16px; }
.chart-card h3 { margin: 16px 0 8px; color: #67756f; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.bar-chart { display: grid; gap: 11px; }
.bar-row { display: grid; gap: 4px; }
.bar-label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: .78rem; }
.bar-label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar-label strong { color: #087f5b; }
.bar-row meter { display: block; width: 100%; height: 14px; border: 0; border-radius: 20px; background: #e8eeeb; }
.bar-row meter::-webkit-meter-bar { border: 0; border-radius: 20px; background: #e8eeeb; box-shadow: none; }
.bar-row meter::-webkit-meter-optimum-value { border-radius: 20px; background: #087f5b; }
.bar-row meter::-moz-meter-bar { border-radius: 20px; background: #087f5b; }
.risk-chart:nth-of-type(2) meter::-webkit-meter-optimum-value, .agent-chart meter::-webkit-meter-optimum-value { background: #2878c8; }
.risk-chart:nth-of-type(2) meter::-moz-meter-bar, .agent-chart meter::-moz-meter-bar { background: #2878c8; }
@media (max-width: 760px) { .report-chart-grid { grid-template-columns: 1fr; gap: 0; } }
@media print { .report-chart-grid { break-inside: avoid; } .chart-card { break-inside: avoid; } }