.turnover-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.turnover-metrics>div{display:grid;gap:6px;background:#fff;border:1px solid #dde8df;border-radius:10px;padding:16px}
.turnover-metrics span{color:#648473;font-size:12px}.turnover-metrics strong{font:800 20px Manrope,sans-serif;color:#174d38}
.turnover-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:24px;align-items:start;background:#fff;border:1px solid #dde8df;border-radius:14px;padding:24px;margin-bottom:28px}
.turnover-visual{text-align:center;min-width:0}.turnover-visual h2{font-size:19px;margin:0 0 4px}
.turnover-visual p,.turnover-visual small{display:block;font-size:12px;color:#648473;line-height:1.5}
.turnover-visual p{margin:0}.turnover-visual small{margin:0 auto 10px}
.turnover-legend{min-width:0}.turnover-legend h3{font-size:17px;margin:0 0 12px}
.turnover-legend-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto 42px;gap:8px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf1ed;font-size:12px;transition:opacity .18s}
.turnover-legend-row:hover{background:#f5f9f5}.turnover-legend-row.is-dim{opacity:.34}
.turnover-swatch{width:12px;height:12px;border-radius:4px}.turnover-legend-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.turnover-legend-row span:not(.turnover-swatch),.turnover-legend-row small{color:#648473}.turnover-legend-row b{white-space:nowrap}
.turnover-legend-row small{text-align:right}.turnover-note{font-size:12px;line-height:1.5}
@media(max-width:980px){.turnover-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.turnover-panel{grid-template-columns:1fr}}
@media(max-width:580px){.turnover-metrics{grid-template-columns:1fr}.turnover-panel{padding:14px}.turnover-legend-row{grid-template-columns:12px minmax(0,1fr) auto 38px;gap:5px}.turnover-legend-row>span:nth-child(3){display:none}}