<style>
.forum-wrap { max-width: 1000px; margin: 0 auto; }
.forum-cat { margin-bottom: 24px; }
.forum-cat-title { font-size: 1.2rem; color: #d79602; border-bottom: 1px solid rgba(215,150,2,.4); padding: 6px 4px; margin-bottom: 8px; }
.forum-row, .topic-row { display: flex; align-items: center; gap: 12px; padding: 12px 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.forum-row:hover, .topic-row:hover { background: rgba(255,255,255,.04); }
.forum-row .main, .topic-row .main { flex: 1; min-width: 0; }
.forum-row .name, .topic-row .name { color: #e0c07a; font-weight: bold; text-decoration: none; }
.forum-row .desc { color: #b1997f; font-size: .85rem; }
.forum-row .stats, .topic-row .meta { text-align: right; font-size: .8rem; color: #b1997f; white-space: nowrap; }
.forum-badge { display: inline-block; font-size: .7rem; padding: 1px 6px; border-radius: 3px; background: #7a5c1e; color: #fff; margin-right: 4px; }
.forum-post { display: flex; gap: 0; border: 1px solid rgba(255,255,255,.1); margin-bottom: 16px; background: rgba(0,0,0,.15); }
.forum-post .left { width: 180px; padding: 14px; background: rgba(0,0,0,.25); text-align: center; }
.forum-post .left .pname { color: #e0c07a; font-weight: bold; }
.forum-post .left .prole { font-size: .8rem; color: #d79602; }
.forum-post .left .pmeta { font-size: .75rem; color: #b1997f; margin-top: 6px; }
.forum-post .right { flex: 1; padding: 14px; min-width: 0; }
.forum-post .pbody { white-space: pre-wrap; word-wrap: break-word; color: #e8e0d0; }
.forum-post .pbody img { max-width: 100%; height: auto; }
.forum-post .pfoot { margin-top: 12px; font-size: .75rem; color: #8a7a63; display: flex; justify-content: space-between; }
.forum-actions { margin: 14px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.forum-btn { display: inline-block; padding: 6px 14px; background: #7a5c1e; color: #fff !important; border: none; border-radius: 3px; cursor: pointer; text-decoration: none; font-size: .85rem; }
.forum-btn:hover { background: #d79602; }
.forum-btn.danger { background: #7a2020; }
.forum-btn.danger:hover { background: #c41e3a; }
.forum-pagination { margin: 16px 0; text-align: center; }
.forum-pagination a, .forum-pagination span { display: inline-block; padding: 4px 9px; margin: 0 2px; border: 1px solid rgba(215,150,2,.4); color: #d79602; text-decoration: none; border-radius: 3px; }
.forum-pagination .current { background: #7a5c1e; color: #fff; }
.forum-form textarea { width: 100%; min-height: 180px; background: rgba(0,0,0,.3); color: #e8e0d0; border: 1px solid rgba(215,150,2,.4); padding: 10px; border-radius: 3px; }
.forum-form input[type=text] { width: 100%; background: rgba(0,0,0,.3); color: #e8e0d0; border: 1px solid rgba(215,150,2,.4); padding: 8px; border-radius: 3px; margin-bottom: 10px; }
.forum-msg { padding: 8px 12px; border-radius: 3px; margin-bottom: 10px; }
.forum-msg.error { background: rgba(196,30,58,.2); color: #ff9a9a; }
.forum-msg.success { background: rgba(46,160,67,.2); color: #9affb0; }
.forum-deleted { opacity: .55; }
.forum-inline { display: inline; }
.link-btn { background: none; border: none; color: #d79602; cursor: pointer; padding: 0; font: inherit; text-decoration: underline; }
.link-btn.danger { color: #ff9a9a; }
</style>
{% if messages %}
<div class="forum-messages forum-wrap">
    {% for message in messages %}
    <div class="forum-msg {{ message.tags }}">{{ message }}</div>
    {% endfor %}
</div>
{% endif %}
