.metric-badge { background: rgba(70,130,180,0.1); padding: 0.25rem 0.75rem; border-radius: 20px; font-weight: 500; }
        .positive { color: #198754; font-weight: 600; }
        .negative { color: #dc3545; font-weight: 600; }
        .roi-legend { display: flex; gap: 1.5rem; flex-wrap: wrap; justify-content: center; }
        .roi-legend-item { display: flex; align-items: center; gap: 0.4rem; }
        .legend-color-bar { width: 20px; height: 12px; border-radius: 2px; }
        .legend-color-line { width: 20px; height: 2px; background: #0d6efd; border-bottom: 2px solid #0d6efd; }
        .reference-block { background-color: #f8f9fa; border-left: 4px solid #6c757d; padding: 1rem; margin: 1.5rem 0; font-size: 0.9rem; }
        .btn-group-custom { margin-top: 1rem; }