{{define "tasks-tab"}}
<div class="space-y-10">
    <!-- Error Messages -->
    {{template "error-banner" .}}

    <!-- Trello Boards Section -->
    {{template "trello-boards" .}}

    <!-- Todoist + PlanToEat Grid -->
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <!-- Todoist (2 cols) -->
        <div class="lg:col-span-2">
            {{template "todoist-tasks" .}}
        </div>

        <!-- PlanToEat (1 col) -->
        <div>
            {{template "plantoeat-meals" .}}
        </div>
    </div>
</div>
{{end}}