{% if item %}
<article style="background: #f0f8ff; padding: 1.5em; border-radius: 0.5em; border-left: 4px solid #0066cc;">
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1em;">
        <div>
            <h4 style="margin: 0; color: #0066cc;"
                data-item-name="{{ item.name or item.gtin }}">
                {{ item.name or item.gtin }}
            </h4>
            {% if item.brand %}
            <p style="margin: 0.5em 0 0 0; color: #666; font-size: 0.9em;">{{ item.brand }}</p>
            {% endif %}
            {% if item.needs_review %}
            <p style="margin: 0.3em 0 0 0; font-size: 0.85em;">
                <mark>needs review</mark>
                — <a href="/items/{{ item.id }}/enrich">Enrich</a>
            </p>
            {% endif %}
        </div>
        <div style="text-align: right;">
            <div style="font-size: 2em; font-weight: bold; color: #0066cc;"
                 data-on-hand="{{ on_hand }}">{{ on_hand }}</div>
            <div style="font-size: 0.9em; color: #666;">on hand</div>
        </div>
    </div>

    <div style="margin-top: 1em; padding-top: 1em; border-top: 1px solid #ddd; font-size: 0.9em;">
        <strong>{{ message }}</strong>
        {% if was_alias %}
        <span style="background:#e8f4e8;padding:0.1em 0.4em;border-radius:3px;font-size:0.85em;">auto-multiplied</span>
        {% endif %}
        <br>
        <span style="color: #666;">GTIN: {{ item.gtin }}</span>
    </div>
</article>
{% else %}
<div style="color: #cc0000; padding: 1em; background: #ffe0e0; border-radius: 0.5em;">
    <strong>Error:</strong> {{ message }}
</div>
{% endif %}