<div class="dealflow-dashboard-widget">
    {% if overdueCount > 0 %}
        <a href="{{ path('mautic_dealflow_task_queue') }}" style="color:inherit;text-decoration:none;">
            <div style="font-size:24px;font-weight:700;color:var(--label-color-red, #bc4f4f);margin-bottom:8px;">
                {{ overdueCount }}
            </div>
            <div style="font-size:13px;color:var(--text-secondary);">
                overdue task{{ overdueCount == 1 ? '' : 's' }}
            </div>
        </a>
    {% else %}
        <div style="font-size:24px;font-weight:700;color:var(--label-color-green, #28a745);margin-bottom:8px;">
            0
        </div>
        <div style="font-size:13px;color:var(--text-secondary);">
            No overdue tasks
        </div>
    {% endif %}
</div>
