feat: Tích hợp Bản quyền License AES-256 (OTH.Adapter), Biên bản giao ban A4, Biểu đồ tròn và Tài liệu triển khai demo

public/index.html

@@ -25,10 +25,13 @@
         <div>
           <h1 class="text-xl font-bold tracking-tight uppercase flex items-center gap-2 flex-wrap">
             Phần Mềm Quản Lý Giao Ban Bệnh Viện
-            <span class="text-xs bg-cyan-500/30 text-cyan-200 border border-cyan-400/40 px-2 py-0.5 rounded-full font-normal">DH-HIS Web</span>
+            <span class="text-xs bg-cyan-500/30 text-cyan-200 border border-cyan-400/40 px-2 py-0.5 rounded-full font-normal">DH-HIS Web (Go)</span>
             <span id="currentDbBadge" class="text-xs bg-emerald-500/20 text-emerald-300 border border-emerald-400/30 px-2.5 py-0.5 rounded-full font-medium flex items-center gap-1.5">
               <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span> BVĐK Ô Môn
             </span>
+            <span id="headerLicenseBadge" class="text-[11px] px-2 py-0.5 rounded-full font-bold bg-amber-500/30 text-amber-200 border border-amber-400/30 hidden">
+              <i class="fa-solid fa-shield-halved"></i> <span id="headerLicenseText">Kiểm tra bản quyền</span>
+            </span>
           </h1>
           <p class="text-xs text-sky-200">Báo cáo Giao ban Ngoại trú &amp; Nội trú hằng ngày - Phân tích đối chiếu đa chu kỳ</p>
         </div>
@@ -58,6 +61,19 @@
     </div>
   </header>
 
+  <!-- LICENSE WARNING BANNER -->
+  <div id="licenseBanner" class="hidden bg-gradient-to-r from-amber-600 to-rose-600 text-white shadow-md">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 py-2.5 flex flex-wrap items-center justify-between gap-3 text-xs">
+      <div class="flex items-center gap-2">
+        <i class="fa-solid fa-triangle-exclamation text-amber-200 text-base"></i>
+        <span id="licenseBannerText" class="font-bold">Hệ thống chưa cập nhật key bản quyền tính năng Web Giao Ban</span>
+      </div>
+      <a href="admin.html#tab-license" class="bg-white text-rose-700 font-bold px-3 py-1 rounded-lg shadow-sm hover:bg-rose-50 transition-all flex items-center gap-1.5">
+        <i class="fa-solid fa-key"></i> Kích Hoạt Bản Quyền Ngay
+      </a>
+    </div>
+  </div>
+
   <!-- CONTROL PANEL / FILTER TOOLBAR -->
   <section class="max-w-7xl mx-auto px-4 sm:px-6 mt-4">
     <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-4 transition-all">
@@ -85,12 +101,18 @@
         <!-- Kỳ chính: Từ ngày - Đến ngày -->
         <div class="md:col-span-4 flex items-center gap-2">
           <div class="w-1/2">
-            <label class="block text-xs font-semibold text-slate-600 mb-1">Từ ngày:</label>
-            <input type="date" id="dateFrom" class="w-full text-sm rounded-lg border border-slate-300 px-2.5 py-1.5 bg-slate-50 outline-none focus:ring-2 focus:ring-blue-500" value="2026-03-01">
+            <label class="block text-xs font-semibold text-slate-600 mb-1 flex items-center justify-between">
+              <span>Từ ngày:</span>
+              <span id="lockStatusFrom" class="text-[10px] text-slate-400 font-normal"><i class="fa-solid fa-lock text-[10px]"></i> Cố định</span>
+            </label>
+            <input type="date" id="dateFrom" class="w-full text-sm rounded-lg border border-slate-300 px-2.5 py-1.5 bg-slate-100 text-slate-500 cursor-not-allowed outline-none font-medium" value="2026-03-01" readonly>
           </div>
           <div class="w-1/2">
-            <label class="block text-xs font-semibold text-slate-600 mb-1">Đến ngày:</label>
-            <input type="date" id="dateTo" class="w-full text-sm rounded-lg border border-slate-300 px-2.5 py-1.5 bg-slate-50 outline-none focus:ring-2 focus:ring-blue-500" value="2026-03-31">
+            <label class="block text-xs font-semibold text-slate-600 mb-1 flex items-center justify-between">
+              <span>Đến ngày:</span>
+              <span id="lockStatusTo" class="text-[10px] text-slate-400 font-normal"><i class="fa-solid fa-lock text-[10px]"></i> Cố định</span>
+            </label>
+            <input type="date" id="dateTo" class="w-full text-sm rounded-lg border border-slate-300 px-2.5 py-1.5 bg-slate-100 text-slate-500 cursor-not-allowed outline-none font-medium" value="2026-03-31" readonly>
           </div>
         </div>
 
@@ -123,19 +145,35 @@
 
       <!-- KỲ SO SÁNH (Hiển thị khi bật enableCompare) -->
       <div id="compareContainer" class="hidden mt-3 pt-3 border-t border-dashed border-indigo-200 bg-indigo-50/50 p-3 rounded-lg">
-        <div class="flex flex-wrap items-center gap-4">
-          <span class="text-xs font-bold text-indigo-900 flex items-center gap-1.5">
-            <i class="fa-solid fa-code-compare text-indigo-600"></i> Kỳ so sánh (Ví dụ: Tháng 01/2026):
-          </span>
-          <div class="flex items-center gap-2">
-            <label class="text-xs text-slate-600 font-medium">Từ:</label>
-            <input type="date" id="compareFrom" class="text-sm rounded border border-indigo-300 px-2 py-1 bg-white outline-none" value="2026-01-01">
+        <div class="flex flex-wrap items-center justify-between gap-3">
+          <div class="flex flex-wrap items-center gap-3">
+            <span class="text-xs font-bold text-indigo-900 flex items-center gap-1.5">
+              <i class="fa-solid fa-code-compare text-indigo-600"></i> Kỳ so sánh 2:
+            </span>
+            <!-- Chọn nhanh mốc so sánh (ISS-20261027-003) -->
+            <select id="quickComparePreset" class="text-xs rounded-lg border border-indigo-300 px-2.5 py-1.5 bg-white outline-none font-medium text-slate-700">
+              <option value="month-01-2026" selected>Tháng 01/2026 (Mặc định)</option>
+              <option value="month-02-2026">Tháng 02/2026</option>
+              <option value="prev-period">Kỳ liền trước (khoảng thời gian tương đương)</option>
+              <option value="prev-month">Cùng kỳ tháng trước</option>
+              <option value="prev-year">Cùng kỳ năm trước</option>
+              <option value="custom">Tùy chọn khoảng ngày...</option>
+            </select>
+            <div class="flex items-center gap-1.5 text-xs">
+              <label class="text-slate-600 font-medium">Từ:</label>
+              <input type="date" id="compareFrom" class="text-xs rounded border border-indigo-300 px-2 py-1 bg-slate-100 text-slate-500 cursor-not-allowed outline-none font-medium" value="2026-01-01" readonly>
+            </div>
+            <div class="flex items-center gap-1.5 text-xs">
+              <label class="text-slate-600 font-medium">Đến:</label>
+              <input type="date" id="compareTo" class="text-xs rounded border border-indigo-300 px-2 py-1 bg-slate-100 text-slate-500 cursor-not-allowed outline-none font-medium" value="2026-01-31" readonly>
+            </div>
           </div>
-          <div class="flex items-center gap-2">
-            <label class="text-xs text-slate-600 font-medium">Đến:</label>
-            <input type="date" id="compareTo" class="text-sm rounded border border-indigo-300 px-2 py-1 bg-white outline-none" value="2026-01-31">
-          </div>
-          <span class="text-xs text-slate-500 italic">* Hệ thống sẽ đối chiếu song song và vẽ biểu đồ cột tăng giảm tự động.</span>
+
+          <!-- Tùy chọn ẩn dòng = 0 (ISS-20261027-004) -->
+          <label class="inline-flex items-center gap-1.5 text-xs font-semibold text-indigo-900 cursor-pointer bg-white border border-indigo-200 px-2.5 py-1 rounded-lg hover:bg-indigo-50 transition-colors shadow-2xs">
+            <input type="checkbox" id="chkHideZeroRows" class="rounded text-indigo-600 focus:ring-indigo-500">
+            <span>Ẩn dòng không có dữ liệu (2 kỳ = 0)</span>
+          </label>
         </div>
       </div>
     </div>
@@ -152,9 +190,13 @@
         <i class="fa-solid fa-bed-pulse"></i>
         <span>2. Báo Cáo Giao Ban Nội Trú</span>
       </button>
+      <button class="tab-btn px-4 py-2.5 text-sm font-bold border-b-2 border-transparent text-slate-500 hover:text-slate-800 flex items-center gap-2 transition-all" data-tab="tab-bienban">
+        <i class="fa-solid fa-file-signature text-indigo-600"></i>
+        <span>3. Biên Bản Giao Ban</span>
+      </button>
       <button class="tab-btn px-4 py-2.5 text-sm font-bold border-b-2 border-transparent text-slate-500 hover:text-slate-800 flex items-center gap-2 transition-all" data-tab="tab-issues">
         <i class="fa-solid fa-clipboard-list text-rose-500"></i>
-        <span>3. Quản Lý Issue &amp; Báo Lỗi</span>
+        <span>4. Quản Lý Issue &amp; Báo Lỗi</span>
         <span id="badgeIssueCount" class="ml-1 px-1.5 py-0.2 text-[10px] font-bold rounded-full bg-rose-100 text-rose-700 border border-rose-300">0</span>
       </button>
     </div>
@@ -359,8 +401,10 @@
               <i class="fa-solid fa-chart-column text-indigo-600"></i>
               <span>Biểu Đồ Cột So Sánh Số Liệu</span>
             </h2>
-            <div class="flex gap-1 text-xs">
-              <button class="chart-type-btn active px-2.5 py-1 rounded bg-blue-100 text-blue-700 font-semibold" data-chart="khoa">Theo Khoa</button>
+            <div class="flex gap-1 text-xs flex-wrap">
+              <button class="chart-type-btn active px-2.5 py-1 rounded bg-blue-100 text-blue-700 font-semibold" data-chart="khoa">Cột Khoa</button>
+              <button class="chart-type-btn px-2.5 py-1 rounded bg-slate-100 text-slate-600 font-medium" data-chart="khoa-pie"><i class="fa-solid fa-chart-pie mr-1"></i>% Tròn Khoa</button>
+              <button class="chart-type-btn px-2.5 py-1 rounded bg-slate-100 text-slate-600 font-medium" data-chart="bhyt-group"><i class="fa-solid fa-chart-bar mr-1"></i>BHYT / Thu phí</button>
               <button class="chart-type-btn px-2.5 py-1 rounded bg-slate-100 text-slate-600 font-medium" data-chart="cls">Theo CLS</button>
             </div>
           </div>
@@ -475,12 +519,20 @@
 
       <!-- BIỂU ĐỒ CỘT SO SÁNH NỘI TRÚ -->
       <div class="bg-white rounded-xl shadow-sm border border-slate-200 p-4">
-        <div class="flex items-center justify-between border-b border-slate-100 pb-2 mb-3">
-          <h2 class="text-sm font-bold text-slate-800 flex items-center gap-2">
-            <i class="fa-solid fa-chart-column text-indigo-600"></i>
-            <span>Biểu Đồ Lưu Lượng Bệnh Nhân &amp; So Sánh Đa Chu Kỳ</span>
-          </h2>
-          <span class="text-xs text-slate-500">So sánh số bệnh mới nhập viện giữa các khoa</span>
+        <div class="flex flex-wrap items-center justify-between border-b border-slate-100 pb-2 mb-3 gap-2">
+          <div>
+            <h2 class="text-sm font-bold text-slate-800 flex items-center gap-2">
+              <i class="fa-solid fa-chart-column text-indigo-600"></i>
+              <span>Biểu Đồ Phân Tích Bệnh Nhân Nội Trú</span>
+            </h2>
+            <span class="text-xs text-slate-500" id="subTitleChartNoiTru">Phân bố lưu lượng và cơ cấu bệnh nhân điều trị</span>
+          </div>
+          <div class="flex gap-1 text-xs flex-wrap">
+            <button class="chart-nt-btn active px-2.5 py-1 rounded bg-blue-100 text-blue-700 font-semibold" data-ntchart="noitru-col">Cột Vào Viện</button>
+            <button class="chart-nt-btn px-2.5 py-1 rounded bg-slate-100 text-slate-600 font-medium" data-ntchart="noitru-pie-tong"><i class="fa-solid fa-chart-pie mr-1"></i>% Tròn 4 Tiêu Chí</button>
+            <button class="chart-nt-btn px-2.5 py-1 rounded bg-slate-100 text-slate-600 font-medium" data-ntchart="noitru-pie-khoa"><i class="fa-solid fa-chart-pie mr-1"></i>% Hiện Còn Theo Khoa</button>
+            <button class="chart-nt-btn px-2.5 py-1 rounded bg-slate-100 text-slate-600 font-medium" data-ntchart="noitru-group">Cột Nhóm Tổng Hợp</button>
+          </div>
         </div>
         <div class="relative w-full h-80">
           <canvas id="chartNoiTru"></canvas>
@@ -574,7 +626,159 @@
     </div>
 
     <!-- ========================================== -->
-    <!-- TAB 3: QUẢN LÝ ISSUE & BÁO LỖI -->
+    <!-- TAB 3: BIÊN BẢN GIAO BAN (MẪU A4 & PHÂN QUYỀN 3 CẤP) -->
+    <!-- ========================================== -->
+    <div id="tab-bienban" class="tab-content hidden space-y-4">
+      
+      <!-- Top Action Toolbar -->
+      <div class="bg-white p-3.5 rounded-xl border border-slate-200 shadow-sm flex flex-wrap items-center justify-between gap-3 print:hidden">
+        
+        <!-- Role Switcher -->
+        <div class="flex items-center gap-2">
+          <span class="text-xs font-bold text-slate-700 flex items-center gap-1.5">
+            <i class="fa-solid fa-user-shield text-indigo-600"></i> Vai trò đăng nhập:
+          </span>
+          <select id="selectBienBanRole" class="text-xs font-bold rounded-lg border border-indigo-300 px-3 py-1.5 bg-indigo-50 text-indigo-900 outline-none">
+            <option value="cap1">Cấp 1: Bác sĩ / Nhân viên (Chỉ xem)</option>
+            <option value="cap2" selected>Cấp 2: Thư ký giao ban / Trưởng khoa (Ghi chép)</option>
+            <option value="cap3">Cấp 3: Chủ trì / Ban Giám đốc (Kết luận &amp; Khóa)</option>
+          </select>
+          <span id="badgeLockStatus" class="text-xs px-2.5 py-1 rounded-full font-bold bg-emerald-100 text-emerald-800 border border-emerald-300 flex items-center gap-1">
+            <i class="fa-solid fa-lock-open text-emerald-600"></i> Đang mở soạn thảo
+          </span>
+        </div>
+
+        <!-- Action Buttons -->
+        <div class="flex items-center gap-2 flex-wrap">
+          <button id="btnSync24hData" class="bg-blue-50 hover:bg-blue-100 text-blue-700 border border-blue-300 text-xs font-semibold px-3 py-1.5 rounded-lg flex items-center gap-1.5 transition-all" title="Lấy nhanh số liệu KCB 24h điền vào biên bản">
+            <i class="fa-solid fa-arrows-rotate text-blue-600"></i> Đồng bộ số liệu 24h
+          </button>
+          <button id="btnSaveBienBan" class="bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-semibold px-3 py-1.5 rounded-lg shadow-sm flex items-center gap-1.5 transition-all">
+            <i class="fa-solid fa-floppy-disk"></i> Lưu biên bản
+          </button>
+          <button id="btnToggleLockBienBan" class="bg-amber-600 hover:bg-amber-700 text-white text-xs font-semibold px-3 py-1.5 rounded-lg shadow-sm flex items-center gap-1.5 transition-all">
+            <i class="fa-solid fa-lock"></i> Khóa biên bản
+          </button>
+          <button id="btnPrintBienBan" class="bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-semibold px-3.5 py-1.5 rounded-lg shadow-sm flex items-center gap-1.5 transition-all">
+            <i class="fa-solid fa-print"></i> In Biên Bản A4
+          </button>
+        </div>
+      </div>
+
+      <!-- Printable A4 Paper Document Container -->
+      <div id="bienBanA4Sheet" class="bg-white rounded-xl shadow-lg border border-slate-300 max-w-4xl mx-auto p-8 sm:p-12 text-slate-900 font-serif leading-relaxed print:shadow-none print:border-none print:p-0 print:max-w-none">
+        
+        <!-- Header Quốc Hiệu & Đơn Vị -->
+        <div class="grid grid-cols-1 sm:grid-cols-12 gap-4 pb-4 border-b-2 border-slate-900 items-start">
+          <div class="sm:col-span-5 text-center">
+            <p class="text-xs uppercase font-bold tracking-wider text-slate-800" id="bbTenSoYTe">SỞ Y TẾ THÀNH PHỐ</p>
+            <input type="text" id="bbTenBenhVien" class="text-sm uppercase font-black text-center w-full outline-none border-b border-transparent hover:border-slate-300 focus:border-indigo-500 bg-transparent" value="BỆNH VIỆN ĐA KHOA Ô MÔN">
+            <p class="text-[11px] italic text-slate-600">Số: <input type="text" id="bbSoBienBan" class="w-24 text-center font-mono border-b border-dotted border-slate-400 bg-transparent outline-none" value=".../BB-GB"></p>
+          </div>
+          <div class="sm:col-span-7 text-center">
+            <p class="text-xs uppercase font-bold tracking-wider">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</p>
+            <p class="text-xs font-bold underline underline-offset-4 tracking-normal pb-1">Độc lập - Tự do - Hạnh phúc</p>
+            <p class="text-xs italic text-slate-600 mt-2">
+              <input type="text" id="bbNgayThangNam" class="text-center w-64 border-b border-dotted border-slate-400 bg-transparent outline-none italic" value="..., ngày ... tháng ... năm 2026">
+            </p>
+          </div>
+        </div>
+
+        <!-- Document Title -->
+        <div class="text-center my-6">
+          <h1 class="text-xl font-black uppercase tracking-wide text-slate-900">BIÊN BẢN HỌP GIAO BAN BỆNH VIỆN</h1>
+          <p class="text-xs italic text-slate-600 mt-1">(V/v Đánh giá công tác khám chữa bệnh 24h &amp; Triển khai nhiệm vụ trọng tâm)</p>
+        </div>
+
+        <!-- Metadata Section -->
+        <div class="space-y-2 text-xs text-slate-800 bg-slate-50 p-4 rounded-lg border border-slate-200 mb-6 font-sans">
+          <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+            <div>
+              <span class="font-bold">1. Thời gian bắt đầu:</span>
+              <input type="text" id="bbThoiGian" class="border-b border-slate-300 bg-transparent px-1 font-medium outline-none w-48" value="07 giờ 30 phút">
+            </div>
+            <div>
+              <span class="font-bold">2. Địa điểm:</span>
+              <input type="text" id="bbDiaDiem" class="border-b border-slate-300 bg-transparent px-1 font-medium outline-none w-48" value="Hội trường giao ban">
+            </div>
+          </div>
+          <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+            <div>
+              <span class="font-bold">3. Chủ trì cuộc họp:</span>
+              <input type="text" id="bbChuTri" class="border-b border-slate-300 bg-transparent px-1 font-bold text-indigo-900 outline-none w-48" value="BS.CKII - Giám đốc trực">
+            </div>
+            <div>
+              <span class="font-bold">4. Thư ký ghi biên bản:</span>
+              <input type="text" id="bbThuKy" class="border-b border-slate-300 bg-transparent px-1 font-medium outline-none w-48" value="BS. Trực tổng hợp">
+            </div>
+          </div>
+          <div>
+            <span class="font-bold">5. Thành phần tham dự:</span>
+            <input type="text" id="bbThanhPhan" class="w-full border-b border-slate-300 bg-transparent px-1 font-medium outline-none mt-1" value="Ban Giám đốc, Trưởng/Phó các khoa lâm sàng & cận lâm sàng, Phòng Kế hoạch tổng hợp, Điều dưỡng trưởng bệnh viện và các Bác sĩ trực.">
+          </div>
+        </div>
+
+        <!-- Section 1: Tình hình khám chữa bệnh 24h qua -->
+        <div class="space-y-3 mb-6">
+          <h2 class="text-sm font-bold uppercase tracking-wider text-slate-900 flex items-center justify-between border-b border-slate-300 pb-1">
+            <span>I. TÌNH HÌNH HOẠT ĐỘNG KHÁM CHỮA BỆNH 24 GIỜ QUA</span>
+          </h2>
+          <textarea id="bbNoiDungKcb" rows="5" class="w-full p-3 rounded-lg border border-slate-300 font-sans text-xs outline-none focus:ring-1 focus:ring-indigo-500 leading-relaxed bg-white" placeholder="Bấm nút 'Đồng bộ số liệu 24h' để nạp tự động hoặc nhập tóm tắt số liệu khám ngoại trú, nội trú hiện còn, nhập viện mới, chuyển viện..."></textarea>
+        </div>
+
+        <!-- Section 2: Báo cáo công tác trực & Chuyên môn khoa phòng -->
+        <div class="space-y-3 mb-6">
+          <h2 class="text-sm font-bold uppercase tracking-wider text-slate-900 border-b border-slate-300 pb-1">
+            II. BÁO CÁO CÔNG TÁC TRỰC &amp; DIỄN BIẾN CHUYÊN MÔN
+          </h2>
+          <textarea id="bbNoiDungChuyenMon" rows="5" class="w-full p-3 rounded-lg border border-slate-300 font-sans text-xs outline-none focus:ring-1 focus:ring-indigo-500 leading-relaxed bg-white" placeholder="- Tình hình cấp cứu, phẫu thuật cấp cứu trong ca trực.&#10;- Bệnh nhân nặng, theo dõi đặc biệt (chăm sóc cấp I).&#10;- Các trường hợp chuyển viện an toàn, tai biến y khoa (nếu có): Không có diễn biến bất thường."></textarea>
+        </div>
+
+        <!-- Section 3: Công tác Dược, Vật tư & Trang thiết bị y tế -->
+        <div class="space-y-3 mb-6">
+          <h2 class="text-sm font-bold uppercase tracking-wider text-slate-900 border-b border-slate-300 pb-1">
+            III. CÔNG TÁC DƯỢC, VẬT TƯ &amp; TRANG THIẾT BỊ Y TẾ
+          </h2>
+          <textarea id="bbNoiDungDuocTrangThietBi" rows="4" class="w-full p-3 rounded-lg border border-slate-300 font-sans text-xs outline-none focus:ring-1 focus:ring-indigo-500 leading-relaxed bg-white" placeholder="- Cung ứng thuốc thang, dịch truyền, hóa chất xét nghiệm đầy đủ cho các khoa.&#10;- Trang thiết bị chẩn đoán hình ảnh (X-quang, Siêu âm, CT) và máy xét nghiệm hoạt động ổn định."></textarea>
+        </div>
+
+        <!-- Section 4: Ý kiến thảo luận & Kiến nghị khoa phòng -->
+        <div class="space-y-3 mb-6">
+          <h2 class="text-sm font-bold uppercase tracking-wider text-slate-900 border-b border-slate-300 pb-1">
+            IV. Ý KIẾN THẢO LUẬN &amp; KIẾN NGHỊ CỦA CÁC KHOA PHÒNG
+          </h2>
+          <textarea id="bbNoiDungYkienKhoa" rows="4" class="w-full p-3 rounded-lg border border-slate-300 font-sans text-xs outline-none focus:ring-1 focus:ring-indigo-500 leading-relaxed bg-white" placeholder="- Khoa Khám bệnh: Đề xuất tăng cường bàn khám vào khung giờ cao điểm 7h30 - 9h00.&#10;- Khoa Hồi sức cấp cứu: Đề nghị bảo dưỡng định kỳ hệ thống khí y tế trung tâm."></textarea>
+        </div>
+
+        <!-- Section 5: Kết luận & Chỉ đạo của Ban Giám Đốc -->
+        <div class="space-y-3 mb-8 bg-amber-50/50 p-4 rounded-xl border border-amber-200">
+          <h2 class="text-sm font-bold uppercase tracking-wider text-indigo-950 border-b border-amber-300 pb-1 flex items-center justify-between">
+            <span>V. KẾT LUẬN &amp; CHỈ ĐẠO CỦA BAN GIÁM ĐỐC (CHỦ TRÌ GIAO BAN)</span>
+            <span class="text-[10px] font-sans bg-amber-200/80 text-amber-900 px-2 py-0.5 rounded font-bold">Phân quyền Cấp 3</span>
+          </h2>
+          <textarea id="bbNoiDungKetLuan" rows="5" class="w-full p-3 rounded-lg border border-amber-300 font-sans text-xs outline-none focus:ring-1 focus:ring-amber-500 leading-relaxed bg-white font-medium" placeholder="Chỉ đạo của Ban Giám đốc:&#10;1. Các khoa lâm sàng tiếp tục theo dõi sát người bệnh nặng, hội chẩn kịp thời.&#10;2. Đảm bảo quy chế kê đơn, bảng kê chi phí BHYT và hồ sơ bệnh án chuẩn hóa.&#10;3. Phòng KHTH phối hợp tổ CNTT duy trì ổn định hệ thống phần mềm và cập nhật số liệu."></textarea>
+        </div>
+
+        <!-- Footer Chữ Ký A4 -->
+        <div class="grid grid-cols-2 gap-8 text-center pt-4 font-sans text-xs">
+          <div>
+            <p class="font-bold uppercase tracking-wider text-slate-800">THƯ KÝ GHI BIÊN BẢN</p>
+            <p class="text-[11px] italic text-slate-500 mb-16">(Ký và ghi rõ họ tên)</p>
+            <p id="bbSignThuKy" class="font-bold text-slate-900">BS. Trực tổng hợp</p>
+          </div>
+          <div>
+            <p class="font-bold uppercase tracking-wider text-slate-800">CHỦ TRÌ GIAO BAN</p>
+            <p class="text-[11px] italic text-slate-500 mb-16">(Ký duyệt và ghi rõ họ tên)</p>
+            <p id="bbSignChuTri" class="font-bold text-indigo-950">BS.CKII - Ban Giám Đốc</p>
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+    <!-- ========================================== -->
+    <!-- TAB 4: QUẢN LÝ ISSUE & BÁO LỖI -->
     <!-- ========================================== -->
     <div id="tab-issues" class="tab-content hidden space-y-4">
 
@@ -896,6 +1100,38 @@
     </div>
   </div>
 
+  <!-- ======================================================== -->
+  <!-- MODAL 4: CẢNH BÁO CHƯA KÍCH HOẠT BẢN QUYỀN -->
+  <!-- ======================================================== -->
+  <div id="modalLicenseBlock" class="fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm flex items-center justify-center p-4 hidden">
+    <div class="bg-white rounded-2xl shadow-2xl max-w-md w-full overflow-hidden border border-rose-200">
+      <div class="bg-gradient-to-r from-rose-600 to-amber-600 p-5 text-white flex items-center gap-3">
+        <div class="w-12 h-12 rounded-xl bg-white/20 flex items-center justify-center text-2xl">
+          <i class="fa-solid fa-shield-halved"></i>
+        </div>
+        <div>
+          <h3 class="font-bold text-base uppercase">Yêu Cầu Bản Quyền Tính Năng</h3>
+          <p class="text-xs text-rose-100">Hệ thống DH-HIS Web Giao Ban</p>
+        </div>
+      </div>
+      <div class="p-6 space-y-4 text-xs leading-relaxed text-slate-700">
+        <div class="p-3 bg-rose-50 border border-rose-200 rounded-xl text-rose-800 font-medium" id="modalLicenseBlockMsg">
+          Chưa cập nhật key bản quyền hoặc key đã hết hạn sử dụng. Vui lòng liên hệ bộ phận hỗ trợ kỹ thuật để được cấp mã kích hoạt.
+        </div>
+        <p>Để tiếp tục trích xuất số liệu và sử dụng các phân hệ báo cáo giao ban, vui lòng mở trang Quản Trị và dán chuỗi key bản quyền (phần DECODE token do DH cấp).</p>
+        <div class="flex items-center justify-end gap-2 pt-2 border-t border-slate-200">
+          <button type="button" id="btnCloseLicenseModal" class="px-3 py-2 font-semibold text-slate-600 hover:bg-slate-100 rounded-lg">
+            Đóng
+          </button>
+          <a href="admin.html#tab-license" class="bg-gradient-to-r from-indigo-600 to-blue-600 hover:from-indigo-700 hover:to-blue-700 text-white px-4 py-2 rounded-lg font-bold shadow flex items-center gap-1.5 transition-all">
+            <i class="fa-solid fa-key"></i>
+            <span>Mở Quản Trị Nhập Key</span>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <!-- NOTIFICATION TOAST -->
   <div id="toast" class="fixed bottom-4 right-4 z-50 bg-slate-900 text-white text-xs px-4 py-2.5 rounded-lg shadow-xl flex items-center gap-2 transform translate-y-20 opacity-0 transition-all duration-300">
     <i class="fa-solid fa-circle-check text-emerald-400"></i>