From ccf895c8fb6624dfbe129b14378ba5e368c6db7a Mon Sep 17 00:00:00 2001
From: stephan <stephan@progiweb.ca>
Date: Mon, 13 Jul 2026 12:25:36 -0400
Subject: [PATCH] Update UI components for improved accessibility and
 readability in event management. Add styling for access keys and codes,
 ensuring better visual distinction. Refactor HTML structure in the super
 admin panel for enhanced layout consistency. Increment version code to
 4.72.786.

---
 php/inc_fx_superadm_v2_ui.php           |  3 ++
 php/inc_settings.php                    |  2 +-
 superadm/css/style_blue.css             | 39 +++++++++++++++++++++++++
 superadm/php/inc_fx_eve_acces_admin.php |  4 +--
 4 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/php/inc_fx_superadm_v2_ui.php b/php/inc_fx_superadm_v2_ui.php
index 14ef70c..2b031ef 100644
--- a/php/inc_fx_superadm_v2_ui.php
+++ b/php/inc_fx_superadm_v2_ui.php
@@ -40,6 +40,9 @@ function fxSuperadmV2PanelOpen($strTitle, $arrOpts = array())
         echo '</span>';
         echo '</button>';
         echo '<div class="collapse' . ($blnExpanded ? ' show' : '') . '" id="' . htmlspecialchars($strCollapseId, ENT_QUOTES, 'UTF-8') . '">';
+    } else {
+        // Fermer le header : sinon le body reste enfant flex du header (colonne teal vide + contraste cassé).
+        echo '</div>';
     }
 
     echo '<div class="superadm-v2-panel__body">';
diff --git a/php/inc_settings.php b/php/inc_settings.php
index d75a735..345703f 100644
--- a/php/inc_settings.php
+++ b/php/inc_settings.php
@@ -7,7 +7,7 @@
  * Constantes *
  *
  **************/
-define('_VERSION_CODE', '4.72.785');
+define('_VERSION_CODE', '4.72.786');
 define('_DATE_CODE', '2026-07-13');
 //MSIN-4290
 define('QR_SECRET_KEY', 'ms1_qr_2026_cle_secrete_longue_et_fixe');
diff --git a/superadm/css/style_blue.css b/superadm/css/style_blue.css
index 4d1ee79..76f9372 100644
--- a/superadm/css/style_blue.css
+++ b/superadm/css/style_blue.css
@@ -357,4 +357,43 @@ table.rapport tr {background-color: #190d7394;}*/
 }
 .navbar .ms1-env-text-edit-switch:checked::after{
     transform:translateX(18px);
+}
+
+/* MSIN-4401 — Lisibilité kits d'accès (clés techniques, codes). */
+.eve-acces-perm-key code,
+.eve-acces-kit-code {
+    color: #334155;
+    background: #f1f5f9;
+    border: 1px solid #cbd5e1;
+    border-radius: 3px;
+    font-size: 0.78em;
+    font-weight: 600;
+    padding: 0.1rem 0.35rem;
+}
+.eve-acces-kit-code {
+    display: inline-block;
+    margin-top: 0.2rem;
+}
+.superadm-v2-panel__body .table {
+    background: #fff;
+    color: #212529;
+}
+.superadm-v2-panel__body .table td,
+.superadm-v2-panel__body .table th {
+    color: inherit;
+}
+.superadm-v2-panel__body .card {
+    background: #fff;
+    color: #212529;
+}
+.superadm-v2-panel__body .text-muted {
+    color: #64748b !important;
+}
+.superadm-v2-panel__body .perm-group-block {
+    background: #f8fafc;
+    border-color: #cbd5e1 !important;
+}
+.superadm-v2-panel__body .custom-control-label {
+    color: #1e293b;
+    font-weight: 500;
 }
\ No newline at end of file
diff --git a/superadm/php/inc_fx_eve_acces_admin.php b/superadm/php/inc_fx_eve_acces_admin.php
index 104a01c..edd6715 100644
--- a/superadm/php/inc_fx_eve_acces_admin.php
+++ b/superadm/php/inc_fx_eve_acces_admin.php
@@ -745,7 +745,7 @@ function fxEveAccesAdminRenderKitsList($strFlash = '')
                         </td>
                         <td>
                             <div class="font-weight-bold"><?= htmlspecialchars($row['role_label_fr'], ENT_QUOTES, 'UTF-8') ?></div>
-                            <div class="small text-muted font-monospace"><?= htmlspecialchars($row['role_code'], ENT_QUOTES, 'UTF-8') ?></div>
+                            <div class="small text-muted font-monospace eve-acces-kit-code"><?= htmlspecialchars($row['role_code'], ENT_QUOTES, 'UTF-8') ?></div>
                             <?php if (!empty($row['role_grants_all'])) { ?>
                                 <span class="badge badge-warning mt-1">Tous les droits</span>
                             <?php } ?>
@@ -1026,7 +1026,7 @@ function fxEveAccesAdminRenderKitForm($intRoleId, $strError = '')
                                         <label class="custom-control-label" for="<?= htmlspecialchars($strId, ENT_QUOTES, 'UTF-8') ?>">
                                             <?= htmlspecialchars($rowPerm['perm_label_fr'], ENT_QUOTES, 'UTF-8') ?>
                                             <?= $strBadge ?>
-                                            <br><small class="text-muted"><code><?= htmlspecialchars($strKey, ENT_QUOTES, 'UTF-8') ?></code></small>
+                                            <br><small class="eve-acces-perm-key"><code><?= htmlspecialchars($strKey, ENT_QUOTES, 'UTF-8') ?></code></small>
                                         </label>
                                     </div>
                                 </div>