{% extends "admin/change_form.html" %}
{% load i18n admin_urls static admin_modify %}

{% block extrastyle %}
{{ block.super }}
<style>
    /* Image Detail Styling */
    .field-image_preview {
        margin-bottom: 24px;
    }
    
    .field-image_preview img {
        max-width: 100%;
        max-height: 400px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    
    .field-description input {
        padding: 8px 12px;
        border-radius: 4px;
        border: 1px solid #ccc;
        width: 100%;
        max-width: 500px;
        font-family: 'Inter', sans-serif;
    }
    
    /* Related Message Link Styling */
    .field-message a {
        display: inline-block;
        padding: 6px 12px;
        background-color: #f5f5f5;
        border-radius: 4px;
        text-decoration: none;
        color: var(--link-fg);
        transition: all 0.2s ease;
    }
    
    .field-message a:hover {
        background-color: #e0e0e0;
        transform: translateY(-1px);
    }
</style>
{% endblock %}

{% block submit_buttons_bottom %}{{ block.super }}{% endblock %}