{# Rail + focused deck. Shared by the normal tab view and global search
   results. Link targets use {{ nav_base }} ("tab=<slug>" normally, or
   "q=<query>" in search mode) so deck nav stays in the current view. #}
<div class="workspace">
  <div id="rail-host">
    {% include "rail.html" %}
  </div>
  <div id="deck-area">
    {% if deck_nav.total > 1 %}
    <nav class="deck-nav"
         aria-label="Bug navigation"
         title="Keyboard: ↑/↓ prev/next · / search · a apply · s skip · Esc unfocus">
      <button type="button" class="deck-kbd-btn deck-prev"
              {% if deck_nav.prev_bug_id %}
              hx-get="?{{ nav_base }}&bug={{ deck_nav.prev_bug_id }}"
              hx-target="#deck-area"
              hx-select="#deck-area"
              hx-swap="outerHTML"
              hx-push-url="true"
              {% else %}disabled aria-disabled="true"{% endif %}
              aria-label="Previous bug (Up arrow)"><kbd>↑</kbd></button>
      <span class="deck-pos">
        bug <strong>{{ deck_nav.index }}</strong> of <strong>{{ deck_nav.total }}</strong>
      </span>
      <div class="deck-bar" aria-hidden="true">
        <div class="deck-bar-fill" style="width: {{ (deck_nav.index * 100 / deck_nav.total) | round(0, 'floor') }}%"></div>
      </div>
      <button type="button" class="deck-kbd-btn deck-next"
              {% if deck_nav.next_bug_id %}
              hx-get="?{{ nav_base }}&bug={{ deck_nav.next_bug_id }}"
              hx-target="#deck-area"
              hx-select="#deck-area"
              hx-swap="outerHTML"
              hx-push-url="true"
              {% else %}disabled aria-disabled="true"{% endif %}
              aria-label="Next bug (Down arrow)"><kbd>↓</kbd></button>
    </nav>
    {% endif %}
    <div class="deck-stage">
      {% set draft = active_draft %}
      {% include "card.html" %}
    </div>
  </div>
</div>