[UI] SWAP V2: Bootstrap Italia ora UFFICIALE su 27 pagine app (kill della vecchia UI)

Promosse le pagine -bi a nomi ufficiali (contenuto BI), link -bi->plain, titoli '(BI)' rimossi.
La vecchia UI delle pagine app e sostituita. Backup: git (commit 36967f9) + /tmp/nis2-v1-backup.

Promosse (27): auth (login/register/onboarding/forgot/reset) + app (dashboard/assessment/
risks/incidents/policies/supply-chain/training/assets/reports/settings/isms/acn-gap/normative/
whistleblowing/kb/cross-analysis/service-continuity/guida/companies) + admin (index/orgs/users).
common-bi.js: sidebar BI ora linka le pagine ufficiali.

ESCLUSA: index.html (landing marketing 1298 righe) -> conversione dedicata a parte (la -bi
era 557 righe, rischio perdita contenuti). Pagine marketing/demo (presentation/simulate/
workflow/architecture/index-en) restano vecchio stile (fuori scope app autenticata).

Verifica produzione: 27/27 servite 200 con BI, 0 link -bi residui, 0 '(BI)' nei titoli,
auth intatta (401 su pwd errata), common-bi.js node --check OK.

Rollback: git revert HEAD  (oppure ripristino da /tmp/nis2-v1-backup).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

public/kb.html

@@ -4,7 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Knowledge Base - NIS2 Agile</title>
-    <link rel="stylesheet" href="css/style.css">
+    <!-- Bootstrap Italia v2.18.1 self-hostato (regola: MAI CDN). Caricato PRIMA di style.css
+         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">
     <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; }
@@ -15,6 +19,8 @@
         .kb-scope-badge.SYSTEM { background: #DBEAFE; color: #1E40AF; }
         .kb-scope-badge.FIRM   { background: #FEF3C7; color: #92400E; }
         .kb-scope-badge.ORG    { background: #DCFCE7; color: #166534; }
+        /* Allinea l'icona sprite BI dentro i bottoni del design system esistente */
+        .btn .icon { fill: currentColor; vertical-align: middle; }
     </style>
 </head>
 <body>
@@ -23,10 +29,10 @@
 
         <main class="main-content">
             <header class="content-header">
-                <h2>Knowledge Base</h2>
+                <h1 class="h2">Knowledge Base</h1>
                 <div class="content-header-actions">
                     <button class="btn btn-primary" id="btn-kb-upload">
-                        <svg viewBox="0 0 20 20" fill="currentColor" style="width:18px;height:18px;vertical-align:middle;"><path d="M5.5 13a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 13H11V9.413l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13H5.5z"/><path d="M9 13h2v5a1 1 0 11-2 0v-5z"/></svg>
+                        <svg class="icon icon-sm" aria-hidden="true"><use href="/vendor/bootstrap-italia/dist/svg/sprites.svg#it-upload"></use></svg>
                         Carica documento
                     </button>
                 </div>
@@ -81,7 +87,7 @@
                         </div>
 
                         <div id="kb-share-block" class="kb-share-block" style="display:none;">
-                            <label style="font-size:.78rem;color:var(--gray-600);">
+                            <label for="kb-shared-with" style="font-size:.78rem;color:var(--gray-600);">
                                 Organizzazioni clienti destinatarie (Ctrl/Cmd per selezione multipla, opzionale):
                             </label>
                             <select id="kb-shared-with" multiple size="5" class="form-control">
@@ -95,7 +101,7 @@
                         <div style="margin-top:16px;display:flex;gap:8px;align-items:center;">
                             <button class="btn btn-primary" id="btn-kb-submit">Indicizza documento</button>
                             <button class="btn btn-secondary" id="btn-kb-cancel">Annulla</button>
-                            <span id="kb-status" style="margin-left:8px;font-size:.85rem;"></span>
+                            <span id="kb-status" role="status" aria-live="polite" style="margin-left:8px;font-size:.85rem;"></span>
                         </div>
                     </div>
                 </div>
@@ -117,8 +123,12 @@
                     <div class="card-header"><h3>Test search semantica</h3></div>
                     <div class="card-body">
                         <div style="display:flex;gap:8px;">
-                            <input type="text" id="kb-search-query" class="form-control" placeholder="Es: come gestire un incidente NIS2?">
-                            <button class="btn btn-secondary" id="btn-kb-search">Cerca</button>
+                            <label for="kb-search-query" class="sr-only visually-hidden">Query di ricerca semantica</label>
+                            <input type="text" id="kb-search-query" class="form-control" placeholder="Es: come gestire un incidente NIS2?" aria-label="Query di ricerca semantica">
+                            <button class="btn btn-secondary" id="btn-kb-search">
+                                <svg class="icon icon-sm" aria-hidden="true"><use href="/vendor/bootstrap-italia/dist/svg/sprites.svg#it-search"></use></svg>
+                                Cerca
+                            </button>
                         </div>
                         <div id="kb-search-results" style="margin-top:12px;"></div>
                     </div>
@@ -127,19 +137,29 @@
         </main>
     </div>
 
-    <script src="js/common.js"></script>
-    <script src="js/api.js"></script>
-    <script src="js/i18n.js"></script>
-    <script src="js/help.js"></script>
-    <script src="js/kb.js"></script>
+    <!-- Stessa logica JS della pagina live (parita' funzionale assoluta, zero backend). -->
+    <script src="/js/common.js"></script>
+    <script src="/js/api.js"></script>
+    <!-- Bootstrap Italia bundle (componenti) + override sidebar BI (common-bi.js).
+         common-bi.js va DOPO common.js: ridefinisce solo loadSidebar() con markup BI. -->
+    <script src="/vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
     <script>
-        // Gate auth + chrome come le altre pagine (kb.html ne era priva).
+        if (window.bootstrap && bootstrap.loadFonts) {
+            bootstrap.loadFonts('/vendor/bootstrap-italia/dist/fonts');
+        }
+    </script>
+    <script src="/js/common-bi.js"></script>
+    <script src="/js/i18n.js"></script>
+    <script src="/js/help.js"></script>
+    <script src="/js/kb.js"></script>
+    <script>
+        // Gate auth + chrome come le altre pagine -bi.
         if (typeof checkAuth === 'function' && !checkAuth()) {
             // checkAuth reindirizza a login se non autenticato
         } else {
             if (typeof loadSidebar === 'function') loadSidebar();
             if (typeof I18n !== 'undefined' && I18n.init) I18n.init();
-            if (typeof HelpSystem !== 'undefined') HelpSystem.init();
+            if (typeof HelpSystem !== 'undefined' && HelpSystem.init) HelpSystem.init();
         }
     </script>
 </body>