{% if qcp_banner %}
<div class="card" style="{% if qcp_banner.is_behind %}background:#fdedec; border:1px solid #f5b7b1;{% else %}background:#eafaf1; border:1px solid #a9dfbf;{% endif %} margin-bottom:16px;">
  {% if qcp_banner.expected_page <= 1 %}
    <div style="font-size:14px;">📖 সবে শুরু হয়েছে — এখনও কিছুই বাকি নেই। যখন প্রস্তুত হবেন তখনই শুরু করুন!</div>
  {% else %}
    <div style="font-size:14px;">
      📖 আপনার QCP পরিকল্পনা অনুযায়ী, এখন পর্যন্ত আপনার <strong>পৃষ্ঠা {{ qcp_banner.expected_page }}</strong>-এ থাকার কথা।
    </div>
    {% if qcp_banner.is_behind %}
      <div style="font-size:13px; color:#922b21; margin-top:4px;">
        আপনি বর্তমানে <strong>{{ -qcp_banner.ahead_behind }}টি পৃষ্ঠা পিছিয়ে</strong> আছেন। সমস্যা নেই — যেকোনো দিনের (অতীতসহ)
        এন্ট্রি লগ বা সংশোধন করতে <a href="{{ url_for('qcp_tracker') }}">ট্র্যাকারে যান</a>।
      </div>
    {% elif qcp_banner.ahead_behind > 0 %}
      <div style="font-size:13px; color:#155d38; margin-top:4px;">
        আপনি <strong>{{ qcp_banner.ahead_behind }}টি পৃষ্ঠা এগিয়ে</strong> আছেন — চালিয়ে যান!
      </div>
    {% endif %}
  {% endif %}
</div>
{% endif %}