.client-chart-filters label,.client-chart-filters label:first-child{flex:0 0 170px;min-width:0}
.client-chart-filters label:last-of-type{flex:0 1 260px}
.client-chart-filters input,.client-chart-filters select{width:100%}
.client-chart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.client-chart-summary>div{display:grid;gap:6px;padding:16px 18px;background:#fff;border:1px solid #dde8df;border-radius:10px}
.client-chart-summary span{font-size:12px;color:#648473}
.client-chart-summary strong{font:800 19px Manrope,sans-serif;color:#174d38}
.client-chart-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,1.1fr);gap:24px;align-items:start;background:#fff;border:1px solid #dde8df;border-radius:14px;padding:24px}
.client-chart-visual{text-align:center;min-width:0}
.client-chart-visual h2{margin:0 0 4px;font-size:19px}
.client-chart-visual p,.client-chart-visual small{display:block;color:#648473;font-size:12px}
.client-chart-visual p{margin:0}.client-chart-visual small{margin:0 auto 8px}
.client-pie-svg{display:block;width:min(100%,490px);height:auto;margin:10px auto 0;overflow:visible;filter:drop-shadow(0 12px 12px #1d4b3830)}
.client-pie-segment{transition:opacity .18s,filter .18s;cursor:help}
.client-pie-segment:hover{filter:brightness(1.12)}
.client-pie-segment.is-dim,.client-chart-legend-row.is-dim{opacity:.34}
.client-chart-legend{min-width:0}.client-chart-legend h3{font-size:17px;margin:0 0 12px}
.client-chart-legend-row{display:grid;grid-template-columns:14px 22px minmax(0,1fr) auto 44px;align-items:center;gap:7px;min-height:35px;padding:6px 4px;border-bottom:1px solid #eef2ee;font-size:12px;transition:opacity .18s}
.client-chart-legend-row:hover{background:#f5f9f5}
.client-chart-swatch{display:block;width:12px;height:12px;border-radius:4px}
.client-chart-rank{color:#759383;font-weight:800}.client-chart-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.client-chart-legend-row strong{white-space:nowrap;font-size:12px}.client-chart-legend-row small{text-align:right;color:#608174}
.client-chart-source{font-size:12px;margin-top:12px}
@media(max-width:950px){.client-chart-panel{grid-template-columns:1fr}.client-chart-legend{max-width:700px;width:100%;margin:auto}}
@media(max-width:640px){.client-chart-summary{grid-template-columns:1fr}.client-chart-panel{padding:14px}.client-chart-legend-row{grid-template-columns:12px 20px minmax(0,1fr) auto 38px;gap:4px}}