.chart-card{position:relative}.chart-card h3{margin-bottom:8px}.chart-note{font-size:11px;color:#8b97a9;margin-bottom:15px}.chart-card .chart{height:auto;min-height:220px}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0 15px}.chart-legend button{font-size:11px;padding:4px 7px;border:0;font-weight:400}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.chart-legend button.off{opacity:.35;text-decoration:line-through}.chart-card details{font-size:11px;color:#64748b;border-top:1px solid #edf0f5;padding-top:12px;margin-top:12px}.chart-card summary{cursor:pointer}.chart-card details table{font-size:10px}.chart-card svg circle:hover,.chart-card svg rect.chart-bar:hover{opacity:.7;stroke:#182235;stroke-width:2}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.report-toolbar label{margin:0;color:#64748b}.report-toolbar select{margin-left:10px}.report-toolbar .badge{font-size:10px}.metric-foot{font-size:10px;color:#94a3b8;margin-top:8px}.growth-summary{border-left:4px solid #3b82f6;background:#eff6ff}.growth-summary .grid>div{background:white;border-radius:7px;padding:15px}.growth-summary h3{margin-bottom:5px}.growth-summary p{font-size:11px;margin:7px 0}.growth-summary .grid{margin-top:18px}.kpi-secondary{margin-top:16px}.stat small.neutral{color:#94a3b8}.chart-card .ring-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}.ring-layout .chart{min-height:180px}.ring-layout .line{align-items:center}.ring-layout .line i{height:8px;width:8px;border-radius:50%;display:inline-block;margin-right:6px}.chart-data{max-height:230px;overflow:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.section-heading h2{margin:0}.metric-explainer{background:#f8fafc;border-radius:7px;padding:12px 16px;font-size:11px;color:#718096;margin-top:18px}.dashboard-platforms{grid-template-columns:repeat(5,1fr)}@media(max-width:1250px){.dashboard-platforms{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.dashboard-platforms{grid-template-columns:repeat(2,1fr)}.report-toolbar{align-items:start;flex-direction:column}.chart-card .ring-layout{grid-template-columns:1fr}.legend{flex-wrap:wrap}.chart-card .chart{min-height:160px}}
