{# Shared header for all reports #}
<header>
    <h1>
        <svg width="32" height="32" style="vertical-align: middle; margin-right: 10px;">
            <circle cx="16" cy="16" r="14" fill="#3498db" />
            <text x="16" y="22" font-family="Arial" font-size="18" fill="white" text-anchor="middle" font-weight="bold">DB</text>
        </svg>
        {{ data.report_type | format_metric_name }} Report
    </h1>

    {% if data.model_name %}
        <p style="font-size: 1.2em; color: #7f8c8d;">
            <strong>Model:</strong> {{ data.model_name }}
            {% if data.model_type %}
                ({{ data.model_type }})
            {% endif %}
        </p>
    {% endif %}

    {% if metadata %}
        <div style="margin: 20px 0; padding: 10px; background: #ecf0f1; border-radius: 4px;">
            <strong>Metadata:</strong>
            {% for key, value in metadata.items() %}
                <span style="margin-right: 15px;">{{ key }}: {{ value }}</span>
            {% endfor %}
        </div>
    {% endif %}
</header>