From 2a4ca2f141da4b4eb0b9b17cb69a725ef9b76f90 Mon Sep 17 00:00:00 2001
From: Kato <kato@paraguay-srl.com>
Date: Tue, 8 Sep 2026 16:40:32 +0000
Subject: [PATCH] Wiki modal: double width, header, HTML rendering + vertical
 scroll

---
 css/styles.css | 13 +++++++++++--
 js/main.js     |  7 ++++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index e55a1b9..4ba71b5 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1487,11 +1487,15 @@ body[data-lang="en"] .hide-de { display: none !important; }
 .detail-value { color: #1c1e21; font-size: 14px; text-align: right; }
 .user-detail-company { color: #65676b; text-align: center; }
 
-/* ========================================
-
 /* ========================================
    WIKI MODAL ENHANCED
    ======================================== */
+.wiki-modal { max-width: 880px; }
+.wiki-modal-header {
+  margin-bottom: 16px;
+  border-bottom: 1px solid #e4e6eb;
+  padding-bottom: 12px;
+}
 .wiki-modal-topic {
   display: inline-block;
   padding: 4px 10px;
@@ -1522,6 +1526,11 @@ body[data-lang="en"] .hide-de { display: none !important; }
   line-height: 1.6;
   color: #333;
   margin-bottom: 24px;
+  max-height: 70vh;
+  overflow-y: auto;
+  padding: 16px;
+  border: 1px solid #e4e6eb;
+  border-radius: 8px;
 }
 .wiki-modal-close {
   background: #f0f2f5;
diff --git a/js/main.js b/js/main.js
index 79a5711..93d8a46 100644
--- a/js/main.js
+++ b/js/main.js
@@ -923,12 +923,13 @@ function openWikiModalSingle(item) {
   const dateStr = formatDate(new Date(item.updatedAt || item.createdAt));
   
   let html = '<div class="modal wiki-modal"><button class="modal-close" onclick="closeWikiModal()">&times;</button>';
-  html += '<div class="wiki-modal-content">';
+  html += '<div class="wiki-modal-header">';
   html += '<div class="wiki-modal-topic">' + escapeHtml(topic) + '</div>';
   html += '<h2 class="wiki-modal-title">' + escapeHtml(subtopic) + '</h2>';
   if (dateStr) html += '<div class="wiki-modal-date">' + dateStr + '</div>';
-  html += '<div class="wiki-modal-text">' + escapeHtml(content) + '</div>';
-  html += '</div></div>';
+  html += '</div>';
+  html += '<div class="wiki-modal-text">' + sanitizeHtml(content) + '</div>';
+  html += '</div>';
   modalOverlay.innerHTML = html;
   modalOverlay.classList.add('active');
 }