[FIX] Modali showModal() invisibili su V2 (solo sfondo grigio): conflitto .modal con Bootstrap Italia

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

@@ -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; }

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) */

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) */

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;

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;

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;

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;

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;

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;

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 ────────────────────────────────── */
 

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">

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">

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 {

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 {

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;

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;

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;

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;

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);

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">

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">

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; }

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; }

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 {

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 {

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 {

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; }

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; }

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; }

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; }

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); }

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 {

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); }

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); }

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 {

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 {

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 {

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 {

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 {

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 {

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;

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;

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">

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 {

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 {

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 {

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 {

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); }

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); }

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 {