From 30cac8479ad554c42eb4cd4b79a9686005ab8c70 Mon Sep 17 00:00:00 2001
From: DevEnv nis2-agile <dev@certisource.it>
Date: Sun, 14 Jun 2026 08:00:13 +0200
Subject: [PATCH] [FIX] Modali showModal() invisibili su V2 (solo sfondo
 grigio): conflitto .modal con Bootstrap Italia
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

BI introduce .modal{display:none;position:fixed} che nascondeva i nostri modali custom (help, genera-AI,
conferme, crea-rischio...) -> si vedeva solo il backdrop grigio. Aggiunto override scoped
'.modal-overlay .modal{display:block;position:relative;...}' in style.css (specificità > BI, caricato dopo).
Verificato headless: modale help display:block height:765 visible:true. Bump style.css?v=20260613b (auto-refetch).
---
 public/_app-bi-demo.html           |  2 +-
 public/acn-gap-bi.html             |  2 +-
 public/acn-gap.html                |  2 +-
 public/admin/index-bi.html         |  2 +-
 public/admin/index.html            |  2 +-
 public/admin/organizations-bi.html |  2 +-
 public/admin/organizations.html    |  2 +-
 public/admin/users-bi.html         |  2 +-
 public/admin/users.html            |  2 +-
 public/architecture.html           |  2 +-
 public/assessment-bi.html          |  2 +-
 public/assessment.html             |  2 +-
 public/assets-bi.html              |  2 +-
 public/assets.html                 |  2 +-
 public/companies-bi.html           |  2 +-
 public/companies.html              |  2 +-
 public/cross-analysis-bi.html      |  2 +-
 public/cross-analysis.html         |  2 +-
 public/css/style.css               | 14 ++++++++++++++
 public/dashboard-bi.html           |  2 +-
 public/dashboard.html              |  2 +-
 public/guida-bi.html               |  2 +-
 public/guida.html                  |  2 +-
 public/incidents-bi.html           |  2 +-
 public/incidents.html              |  2 +-
 public/integrazioniext.html        |  2 +-
 public/isms-bi.html                |  2 +-
 public/isms.html                   |  2 +-
 public/kb-bi.html                  |  2 +-
 public/kb.html                     |  2 +-
 public/licenseExt.html             |  2 +-
 public/mktg-api-doc.html           |  2 +-
 public/normative-bi.html           |  2 +-
 public/normative.html              |  2 +-
 public/policies-bi.html            |  2 +-
 public/policies.html               |  2 +-
 public/reports-bi.html             |  2 +-
 public/reports.html                |  2 +-
 public/risks-bi.html               |  2 +-
 public/risks.html                  |  2 +-
 public/settings-bi.html            |  2 +-
 public/settings.html               |  2 +-
 public/setup-org.html              |  2 +-
 public/supply-chain-bi.html        |  2 +-
 public/supply-chain.html           |  2 +-
 public/training-bi.html            |  2 +-
 public/training.html               |  2 +-
 public/whistleblowing-bi.html      |  2 +-
 public/whistleblowing.html         |  2 +-
 public/workflow.html               |  2 +-
 50 files changed, 63 insertions(+), 49 deletions(-)

diff --git a/public/_app-bi-demo.html b/public/_app-bi-demo.html
index 67faff6..94fcbb8 100644
--- a/public/_app-bi-demo.html
+++ b/public/_app-bi-demo.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
     <!-- Stile applicativo NIS2: fornisce le classi della sidebar (.sidebar-nav, .sidebar-brand, ecc.)
          riusate dal markup BI per parità visiva con la chrome di produzione -->
-    <link rel="stylesheet" href="css/style.css?v=20260613">
+    <link rel="stylesheet" href="css/style.css?v=20260613b">
     <style>
         /* Solo layout della pagina demo: niente colori custom (vengono da BI/style.css) */
         body { margin: 0; }
diff --git a/public/acn-gap-bi.html b/public/acn-gap-bi.html
index 7e9d039..31daa21 100644
--- a/public/acn-gap-bi.html
+++ b/public/acn-gap-bi.html
@@ -9,7 +9,7 @@
          via JS (griglia misure/requisiti, scoring) -> parita' funzionale assoluta.
          BI veste la chrome (sidebar, font, bottoni, icone sprite). -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* Stili specifici della pagina ACN — identici alla live acn-gap.html
            (variabili --primary/--gray-* del design system esistente) */
diff --git a/public/acn-gap.html b/public/acn-gap.html
index 8d71080..7c7b650 100644
--- a/public/acn-gap.html
+++ b/public/acn-gap.html
@@ -9,7 +9,7 @@
          via JS (griglia misure/requisiti, scoring) -> parita' funzionale assoluta.
          BI veste la chrome (sidebar, font, bottoni, icone sprite). -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* Stili specifici della pagina ACN — identici alla live acn-gap.html
            (variabili --primary/--gray-* del design system esistente) */
diff --git a/public/admin/index-bi.html b/public/admin/index-bi.html
index ae3fd22..1b36dfc 100644
--- a/public/admin/index-bi.html
+++ b/public/admin/index-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css resta autorevole per i widget renderizzati via JS -> parita' funzionale.
          Pagina in /admin/: gli asset usano path ASSOLUTI (/vendor, /js, /css) serviti dal web root. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .admin-stats-grid {
             display: grid;
diff --git a/public/admin/index.html b/public/admin/index.html
index b0e75b1..0bb6ff0 100644
--- a/public/admin/index.html
+++ b/public/admin/index.html
@@ -8,7 +8,7 @@
          cosi' style.css resta autorevole per i widget renderizzati via JS -> parita' funzionale.
          Pagina in /admin/: gli asset usano path ASSOLUTI (/vendor, /js, /css) serviti dal web root. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .admin-stats-grid {
             display: grid;
diff --git a/public/admin/organizations-bi.html b/public/admin/organizations-bi.html
index 813ac39..37b413a 100644
--- a/public/admin/organizations-bi.html
+++ b/public/admin/organizations-bi.html
@@ -9,7 +9,7 @@
          via JS (tabella org/paginazione/badge) -> parita' funzionale assoluta. BI veste la chrome.
          Path relativi ../ perche' la pagina vive sotto public/admin/. -->
     <link rel="stylesheet" href="../vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="../css/style.css?v=20260613">
+    <link rel="stylesheet" href="../css/style.css?v=20260613b">
     <style>
         .entity-type-badge {
             display: inline-flex;
diff --git a/public/admin/organizations.html b/public/admin/organizations.html
index cd998e0..89dcf2d 100644
--- a/public/admin/organizations.html
+++ b/public/admin/organizations.html
@@ -9,7 +9,7 @@
          via JS (tabella org/paginazione/badge) -> parita' funzionale assoluta. BI veste la chrome.
          Path relativi ../ perche' la pagina vive sotto public/admin/. -->
     <link rel="stylesheet" href="../vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="../css/style.css?v=20260613">
+    <link rel="stylesheet" href="../css/style.css?v=20260613b">
     <style>
         .entity-type-badge {
             display: inline-flex;
diff --git a/public/admin/users-bi.html b/public/admin/users-bi.html
index dd168ca..df9c3ff 100644
--- a/public/admin/users-bi.html
+++ b/public/admin/users-bi.html
@@ -9,7 +9,7 @@
          via JS (tabella utenti/azioni) -> parita' funzionale assoluta. BI veste la chrome.
          Path ../ perche' questa pagina vive in /admin/. -->
     <link rel="stylesheet" href="../vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="../css/style.css?v=20260613">
+    <link rel="stylesheet" href="../css/style.css?v=20260613b">
     <style>
         .role-badge {
             display: inline-flex;
diff --git a/public/admin/users.html b/public/admin/users.html
index a815fb7..93f25f2 100644
--- a/public/admin/users.html
+++ b/public/admin/users.html
@@ -9,7 +9,7 @@
          via JS (tabella utenti/azioni) -> parita' funzionale assoluta. BI veste la chrome.
          Path ../ perche' questa pagina vive in /admin/. -->
     <link rel="stylesheet" href="../vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="../css/style.css?v=20260613">
+    <link rel="stylesheet" href="../css/style.css?v=20260613b">
     <style>
         .role-badge {
             display: inline-flex;
diff --git a/public/architecture.html b/public/architecture.html
index 27a325b..60a84eb 100644
--- a/public/architecture.html
+++ b/public/architecture.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Architettura - NIS2 Agile</title>
-    <link rel="stylesheet" href="css/style.css?v=20260613">
+    <link rel="stylesheet" href="css/style.css?v=20260613b">
     <style>
         /* ── Architecture Page Styles ────────────────────────────────── */
 
diff --git a/public/assessment-bi.html b/public/assessment-bi.html
index 43e38dc..78164d9 100644
--- a/public/assessment-bi.html
+++ b/public/assessment-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (wizard/form/gauge) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
 </head>
 <body>
     <div class="app-layout">
diff --git a/public/assessment.html b/public/assessment.html
index d43a1b3..5ad1674 100644
--- a/public/assessment.html
+++ b/public/assessment.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (wizard/form/gauge) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
 </head>
 <body>
     <div class="app-layout">
diff --git a/public/assets-bi.html b/public/assets-bi.html
index 723e83f..5b5b7d4 100644
--- a/public/assets-bi.html
+++ b/public/assets-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Stats Cards ────────────────────────────────────────── */
         .asset-stats {
diff --git a/public/assets.html b/public/assets.html
index c39363a..76a4cd9 100644
--- a/public/assets.html
+++ b/public/assets.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Stats Cards ────────────────────────────────────────── */
         .asset-stats {
diff --git a/public/companies-bi.html b/public/companies-bi.html
index 5ce560f..7494af2 100644
--- a/public/companies-bi.html
+++ b/public/companies-bi.html
@@ -6,7 +6,7 @@
     <title>Le Mie Aziende - NIS2 Agile</title>
     <!-- Bootstrap Italia v2.18.1 self-hostato (MAI CDN). Caricato PRIMA di style.css: BI veste la chrome/sidebar, style.css resta autorevole per i widget. -->
     <link rel="stylesheet" href="vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="css/style.css?v=20260613">
+    <link rel="stylesheet" href="css/style.css?v=20260613b">
     <style>
         .companies-header {
             display: flex;
diff --git a/public/companies.html b/public/companies.html
index 0540492..5ea73a6 100644
--- a/public/companies.html
+++ b/public/companies.html
@@ -6,7 +6,7 @@
     <title>Le Mie Aziende - NIS2 Agile</title>
     <!-- Bootstrap Italia v2.18.1 self-hostato (MAI CDN). Caricato PRIMA di style.css: BI veste la chrome/sidebar, style.css resta autorevole per i widget. -->
     <link rel="stylesheet" href="vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="css/style.css?v=20260613">
+    <link rel="stylesheet" href="css/style.css?v=20260613b">
     <style>
         .companies-header {
             display: flex;
diff --git a/public/cross-analysis-bi.html b/public/cross-analysis-bi.html
index 62c1251..a5e66b2 100644
--- a/public/cross-analysis-bi.html
+++ b/public/cross-analysis-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (chat/portfolio/storico) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         :root {
             --nis2-cyan: #06B6D4;
diff --git a/public/cross-analysis.html b/public/cross-analysis.html
index 00e176b..fd7740d 100644
--- a/public/cross-analysis.html
+++ b/public/cross-analysis.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (chat/portfolio/storico) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         :root {
             --nis2-cyan: #06B6D4;
diff --git a/public/css/style.css b/public/css/style.css
index cf3de76..563a7b8 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -922,6 +922,20 @@ tbody tr:last-child td {
     transform: translateY(0) scale(1);
 }
 
+/* ── Override conflitto Bootstrap Italia (swap V2) ──────────────────────────
+   BI introduce una sua classe `.modal` (display:none, position:fixed, z-index 1055)
+   che nasconde i nostri modali custom showModal() → si vedeva solo il backdrop grigio.
+   Rispecifichiamo il nostro comportamento dentro .modal-overlay (specificità maggiore,
+   style.css caricato dopo bootstrap-italia.css). Vale anche su pagine non-BI (innocuo). */
+.modal-overlay .modal {
+    display: block;
+    position: relative;
+    top: auto; left: auto; right: auto; bottom: auto;
+    margin: 0;
+    z-index: auto;
+    pointer-events: auto;
+}
+
 .modal-header {
     padding: 20px 24px;
     border-bottom: 1px solid var(--gray-100);
diff --git a/public/dashboard-bi.html b/public/dashboard-bi.html
index 6c81b42..754e4df 100644
--- a/public/dashboard-bi.html
+++ b/public/dashboard-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (card/gauge/stat/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
 </head>
 <body>
     <div class="app-layout">
diff --git a/public/dashboard.html b/public/dashboard.html
index 4381f84..899668a 100644
--- a/public/dashboard.html
+++ b/public/dashboard.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (card/gauge/stat/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
 </head>
 <body>
     <div class="app-layout">
diff --git a/public/guida-bi.html b/public/guida-bi.html
index b21d41d..268d6e5 100644
--- a/public/guida-bi.html
+++ b/public/guida-bi.html
@@ -7,7 +7,7 @@
     <!-- Bootstrap Italia v2.18.1 self-hostato (regola: MAI CDN). Caricato PRIMA di style.css
          cosi' style.css resta autorevole per la chrome (sidebar/widget). BI veste la guida. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Stili specifici guida (callout normativi/esempi) ──────── */
         .guide-wrap { max-width: 940px; margin: 0 auto; }
diff --git a/public/guida.html b/public/guida.html
index 3be4f98..2ab825b 100644
--- a/public/guida.html
+++ b/public/guida.html
@@ -7,7 +7,7 @@
     <!-- Bootstrap Italia v2.18.1 self-hostato (regola: MAI CDN). Caricato PRIMA di style.css
          cosi' style.css resta autorevole per la chrome (sidebar/widget). BI veste la guida. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Stili specifici guida (callout normativi/esempi) ──────── */
         .guide-wrap { max-width: 940px; margin: 0 auto; }
diff --git a/public/incidents-bi.html b/public/incidents-bi.html
index b577a2f..d288fa7 100644
--- a/public/incidents-bi.html
+++ b/public/incidents-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/decision-tree/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Filters Bar ─────────────────────────────────────── */
         .filters-bar {
diff --git a/public/incidents.html b/public/incidents.html
index bf8e4b2..489ceb5 100644
--- a/public/incidents.html
+++ b/public/incidents.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/decision-tree/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Filters Bar ─────────────────────────────────────── */
         .filters-bar {
diff --git a/public/integrazioniext.html b/public/integrazioniext.html
index dfb2872..c3c843b 100644
--- a/public/integrazioniext.html
+++ b/public/integrazioniext.html
@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>NIS2 Agile — Integrazioni Esterne</title>
-<link rel="stylesheet" href="css/style.css?v=20260613">
+<link rel="stylesheet" href="css/style.css?v=20260613b">
 <style>
 /* ── Page-specific overrides ── */
 .integ-hero {
diff --git a/public/isms-bi.html b/public/isms-bi.html
index b610e58..2fdbd9c 100644
--- a/public/isms-bi.html
+++ b/public/isms-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (wizard/SoA/tabelle) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .isms-intro { background:#eff6ff; border-left:4px solid var(--primary,#2563eb); padding:14px 18px; border-radius:8px; margin-bottom:20px; font-size:.92rem; line-height:1.6; }
         .isms-steps { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
diff --git a/public/isms.html b/public/isms.html
index 31b2062..b28d1b5 100644
--- a/public/isms.html
+++ b/public/isms.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (wizard/SoA/tabelle) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .isms-intro { background:#eff6ff; border-left:4px solid var(--primary,#2563eb); padding:14px 18px; border-radius:8px; margin-bottom:20px; font-size:.92rem; line-height:1.6; }
         .isms-steps { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
diff --git a/public/kb-bi.html b/public/kb-bi.html
index 6a9d3f3..6510689 100644
--- a/public/kb-bi.html
+++ b/public/kb-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (lista doc, search) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .kb-scope-radios { display: flex; gap: 18px; flex-wrap: wrap; font-size: .9rem; }
         .kb-scope-radios label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
diff --git a/public/kb.html b/public/kb.html
index 3c7a299..3370945 100644
--- a/public/kb.html
+++ b/public/kb.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (lista doc, search) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .kb-scope-radios { display: flex; gap: 18px; flex-wrap: wrap; font-size: .9rem; }
         .kb-scope-radios label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
diff --git a/public/licenseExt.html b/public/licenseExt.html
index 8c16801..f12fd71 100644
--- a/public/licenseExt.html
+++ b/public/licenseExt.html
@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>NIS2 Agile — Gestione Licenze</title>
-<link rel="stylesheet" href="css/style.css?v=20260613">
+<link rel="stylesheet" href="css/style.css?v=20260613b">
 <style>
 /* ── Layout ── */
 body { background: var(--bg-main); }
diff --git a/public/mktg-api-doc.html b/public/mktg-api-doc.html
index d46a912..99fe4af 100644
--- a/public/mktg-api-doc.html
+++ b/public/mktg-api-doc.html
@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>NIS2 Agile — License API · Documentazione Marketing</title>
-<link rel="stylesheet" href="css/style.css?v=20260613">
+<link rel="stylesheet" href="css/style.css?v=20260613b">
 <style>
 .doc-layout { max-width: 860px; margin: 0 auto; padding: 2rem 1.5rem; }
 .doc-hero {
diff --git a/public/normative-bi.html b/public/normative-bi.html
index b1518e1..a7b5ee2 100644
--- a/public/normative-bi.html
+++ b/public/normative-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (card aggiornamenti/badge/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .impact-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; }
         .impact-critical { background: var(--danger-bg); color: var(--danger); }
diff --git a/public/normative.html b/public/normative.html
index c178f85..5cfe2fe 100644
--- a/public/normative.html
+++ b/public/normative.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (card aggiornamenti/badge/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .impact-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; }
         .impact-critical { background: var(--danger-bg); color: var(--danger); }
diff --git a/public/policies-bi.html b/public/policies-bi.html
index c77518e..7daf127 100644
--- a/public/policies-bi.html
+++ b/public/policies-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/editor/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Policy Page Styles ──────────────────────────────────── */
         .filters-bar {
diff --git a/public/policies.html b/public/policies.html
index 4d6995e..81e5d98 100644
--- a/public/policies.html
+++ b/public/policies.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/editor/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Policy Page Styles ──────────────────────────────────── */
         .filters-bar {
diff --git a/public/reports-bi.html b/public/reports-bi.html
index 27df385..d25ca8a 100644
--- a/public/reports-bi.html
+++ b/public/reports-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Tab Navigation ─────────────────────────────────────── */
         .tab-nav {
diff --git a/public/reports.html b/public/reports.html
index 13a7722..6ff5e9c 100644
--- a/public/reports.html
+++ b/public/reports.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Tab Navigation ─────────────────────────────────────── */
         .tab-nav {
diff --git a/public/risks-bi.html b/public/risks-bi.html
index 7691524..72d7b7b 100644
--- a/public/risks-bi.html
+++ b/public/risks-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/matrice/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── View Toggle ─────────────────────────────────────── */
         .view-toggle {
diff --git a/public/risks.html b/public/risks.html
index bfceeec..17dd86b 100644
--- a/public/risks.html
+++ b/public/risks.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/matrice/modali) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── View Toggle ─────────────────────────────────────── */
         .view-toggle {
diff --git a/public/settings-bi.html b/public/settings-bi.html
index 0d464ed..6815392 100644
--- a/public/settings-bi.html
+++ b/public/settings-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .settings-tabs {
             display: flex;
diff --git a/public/settings.html b/public/settings.html
index 5d4cfd6..631916a 100644
--- a/public/settings.html
+++ b/public/settings.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .settings-tabs {
             display: flex;
diff --git a/public/setup-org.html b/public/setup-org.html
index 82714da..1609184 100644
--- a/public/setup-org.html
+++ b/public/setup-org.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Configura Organizzazione - NIS2 Agile</title>
-    <link rel="stylesheet" href="css/style.css?v=20260613">
+    <link rel="stylesheet" href="css/style.css?v=20260613b">
 </head>
 <body>
     <div class="app-layout">
diff --git a/public/supply-chain-bi.html b/public/supply-chain-bi.html
index 25888d3..0524428 100644
--- a/public/supply-chain-bi.html
+++ b/public/supply-chain-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Supply Chain Page Styles ─────────────────────────── */
         .filters-bar {
diff --git a/public/supply-chain.html b/public/supply-chain.html
index dd4ad54..b8ac862 100644
--- a/public/supply-chain.html
+++ b/public/supply-chain.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Supply Chain Page Styles ─────────────────────────── */
         .filters-bar {
diff --git a/public/training-bi.html b/public/training-bi.html
index 988fdf5..ad722c5 100644
--- a/public/training-bi.html
+++ b/public/training-bi.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Tab Navigation ─────────────────────────────────────── */
         .tab-nav {
diff --git a/public/training.html b/public/training.html
index 7544cea..24b0ba0 100644
--- a/public/training.html
+++ b/public/training.html
@@ -8,7 +8,7 @@
          cosi' style.css (design system esistente) resta autorevole per i widget renderizzati
          via JS (tabelle/modali/form) -> parita' funzionale assoluta. BI veste la chrome. -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         /* ── Tab Navigation ─────────────────────────────────────── */
         .tab-nav {
diff --git a/public/whistleblowing-bi.html b/public/whistleblowing-bi.html
index 1028584..fa6c9c1 100644
--- a/public/whistleblowing-bi.html
+++ b/public/whistleblowing-bi.html
@@ -9,7 +9,7 @@
          renderizzati via JS (tabelle/modali/timeline) -> parita' funzionale assoluta.
          BI veste la chrome (sidebar + font istituzionale). -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .priority-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; }
         .priority-critical { background: var(--danger-bg); color: var(--danger); }
diff --git a/public/whistleblowing.html b/public/whistleblowing.html
index 0280f6d..01c238f 100644
--- a/public/whistleblowing.html
+++ b/public/whistleblowing.html
@@ -9,7 +9,7 @@
          renderizzati via JS (tabelle/modali/timeline) -> parita' funzionale assoluta.
          BI veste la chrome (sidebar + font istituzionale). -->
     <link rel="stylesheet" href="/vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
-    <link rel="stylesheet" href="/css/style.css?v=20260613">
+    <link rel="stylesheet" href="/css/style.css?v=20260613b">
     <style>
         .priority-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 12px; font-size: 0.7rem; font-weight: 700; }
         .priority-critical { background: var(--danger-bg); color: var(--danger); }
diff --git a/public/workflow.html b/public/workflow.html
index 9c15d05..d4e8d3d 100644
--- a/public/workflow.html
+++ b/public/workflow.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Compliance Journey - NIS2 Agile</title>
-    <link rel="stylesheet" href="css/style.css?v=20260613">
+    <link rel="stylesheet" href="css/style.css?v=20260613b">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
         :root {