.campaign-metrics-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.campaign-metrics-donut-container{display:flex;align-items:center;justify-content:center}.campaign-metrics-donut-segment{transition:opacity var(--transition-default)}.campaign-metrics-donut-segment:hover{opacity:.8}.campaign-metrics-donut-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);fill:hsl(var(--autoclipper-text-primary))}.campaign-metrics-chart-legend{display:flex;flex-direction:column;gap:.75rem;width:100%}.campaign-metrics-legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:hsl(var(--autoclipper-gray-50));border-radius:var(--radius-sm);transition:var(--transition-default)}.campaign-metrics-legend-item:hover{background-color:hsl(var(--autoclipper-gray-100))}.campaign-metrics-legend-color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.campaign-metrics-legend-label{flex:1;font-size:var(--font-size-sm);color:hsl(var(--autoclipper-text-primary));font-weight:var(--font-weight-medium)}.campaign-metrics-legend-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:hsl(var(--autoclipper-text-secondary))}.campaign-metrics-chart-grid-only{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.campaign-metrics-card-simple{padding:1rem;background-color:hsl(var(--autoclipper-gray-50));border-radius:var(--radius-md);text-align:center}.campaign-metrics-card-label{font-size:var(--font-size-sm);color:hsl(var(--autoclipper-text-secondary));margin-bottom:.5rem}.campaign-metrics-card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:hsl(var(--autoclipper-text-primary))}@media (max-width:768px){.campaign-metrics-chart-wrapper{padding:.5rem 0;gap:1rem}.campaign-metrics-donut-text{font-size:var(--font-size-lg)}.campaign-metrics-legend-item{padding:.375rem .5rem}.campaign-metrics-chart-grid-only{grid-template-columns:repeat(2,1fr)}}.dark .campaign-metrics-legend-item{background-color:hsl(var(--autoclipper-gray-50))}.dark .campaign-metrics-legend-item:hover{background-color:hsl(var(--autoclipper-gray-100))}.dark .campaign-metrics-donut-text{fill:hsl(var(--autoclipper-text-primary))}.dark .campaign-metrics-card-simple{background-color:hsl(var(--autoclipper-gray-50))}