{# 1 カード分の partial。`card` 変数を期待する（_board_body.html / cards.py の dict）。
   - 左境界の色は親列（col-overdue / col-today / col-active）に依存
   - 先送り回数バッジは 1-2/3-4/5+ の 3 段階で色分け（子 plan §C2）
   - 期日バッジは超過/今日/未来で色分け（表示専用・操作は下段ボタンに集約）
   - 操作は下段 2 ボタンに集約:
       変更▾ … 状態変更ピッカー（_change_picker.html・[廃止] も含む全状態）
                plan   = [計画] / [実行中] / [様子見] / [保留] / [完了] / [廃止] の 6 択
                bugfix = [実行中] / [様子見] / [保留] / [完了] / [廃止] の 5 択
                pending= [保留] / [計画] / [廃止] の 3 択
       期日更新▾ … 期日ピッカー（_due_picker.html）
   経緯: docs/local/kanban-card-ux-options/index.html — 独立ボタン（着手・廃止）を
   撤去してピッカーに完全集約。バッジクリックと下段ボタンの機能重複も解消済み。
   プロジェクトバッジは絞り込み機能（下段に同等機能が無い）なのでクリック可能のまま残す。 #}
<li class="card pp-{% if card.postpone_count >= data.postpone_alert %}danger{% elif card.postpone_count >= data.postpone_warn %}warn{% else %}normal{% endif %}"
    data-path="{{ card.path }}"
    data-state="{{ card.state or 'unknown' }}"
    data-type="{{ card.type or '' }}"
    data-project="{{ card.project }}"
    data-mtime="{{ card.mtime }}"
    tabindex="0"
    draggable="true">
  <div class="card-head">
    <label class="card-check-wrap" title="{{ T.card_check_title }}">
      <input type="checkbox" class="card-check" data-path="{{ card.path }}" />
    </label>
    <span class="state-badge state-badge-static state-{{ card.state or 'unknown' }}">{{ card.state_label }}</span>
    {% if card.postpone_count > 0 %}
      <span class="pp-badge" title="{{ T.postpone_title }}">🔁 {{ card.postpone_count }}</span>
    {% endif %}
  </div>
  <div class="card-name">{{ card.name }}</div>
  <div class="card-meta">
    {% if card.due %}
      <span class="due-badge due-badge-static due-{{ card.due_kind }}">📅 {{ card.due }}{% if card.due_label %}（{{ card.due_label }}）{% endif %}</span>
    {% else %}
      <span class="due-badge due-badge-static due-none">{{ T.due_none }}</span>
    {% endif %}
    <button type="button" class="proj-badge proj-badge-btn"
            data-action="select-project"
            data-project="{{ card.project }}"
            title="{{ T.proj_badge_title }}">📂 {{ card.project }}</button>
  </div>
  {% if card.summary %}<div class="card-summary">{{ card.summary }}</div>{% endif %}
  {# OKF（plan_okf-adoption_2026-06-29.md C4）拡張: frontmatter 由来の tags / owner / related を
     カード末尾に並べる。値が無いカードは行ごと省略（後方互換 100%）。 #}
  {% if card.tags or card.owner or card.related_count or card.backref_count %}
  <div class="card-okf">
    {% if card.owner %}
      <span class="okf-owner" title="owner: {{ card.owner }}">👤 {{ card.owner }}</span>
    {% endif %}
    {% for tag in card.tags %}
      <span class="okf-tag" data-tag="{{ tag }}" title="tag: {{ tag }}">#{{ tag }}</span>
    {% endfor %}
    {% if card.related_count %}
      <span class="okf-related" title="{{ T.related_title.format(n=card.related|length) }}">↔ {{ card.related_count }}</span>
    {% endif %}
    {% if card.backref_count %}
      <span class="okf-backref" title="{{ T.backref_title.format(n=card.backref_count) }}">↩ {{ card.backref_count }}</span>
    {% endif %}
  </div>
  {% endif %}
  <div class="card-actions">
    <button type="button" class="act act-change" data-action="open-change-picker"
            title="{{ T.change_btn_title }}">{{ T.change_btn }}</button>
    <button type="button" class="act act-due" data-action="open-due-picker"
            title="{{ T.due_btn_title }}">{{ T.due_btn }}</button>
  </div>
</li>