diff --git a/resources/views/form/rapport-team3/preview-1791391025-cf688862-93e7-43b5-bf4e-7a29b30e3830.blade.php b/resources/views/form/rapport-team3/preview-1791391025-cf688862-93e7-43b5-bf4e-7a29b30e3830.blade.php
index f87ee299..1c9b8d7f 100644
--- a/resources/views/form/rapport-team3/preview-1791391025-cf688862-93e7-43b5-bf4e-7a29b30e3830.blade.php
+++ b/resources/views/form/rapport-team3/preview-1791391025-cf688862-93e7-43b5-bf4e-7a29b30e3830.blade.php
@@ -51,20 +51,20 @@
     $invoiceExt = strtolower(pathinfo((string) parse_url($invoiceUrl, PHP_URL_PATH), PATHINFO_EXTENSION));
     $invoiceIsImage = in_array($invoiceExt, ['jpg', 'jpeg', 'png', 'gif', 'webp'], true);
     $invoiceIsPdf = $invoiceExt === 'pdf';
-    $showActual = $supplyStatus === 'Yes' || $invoiceUrl !== '' || $val('total_actual_pob_units') !== '' || $val('total_actual_pob_value') !== '';
 @endphp
 
     <div class="approval-container">
         <div class="approval-header">
             <h1 class="approval-title">POB Review</h1>
-            <p class="approval-subtitle">Review the order and invoice before you approve or reject</p>
+            <p class="approval-subtitle">Review the actual POB and invoice before you approve or reject</p>
             @if(isset($form->user_info->name) && $form->user_info->name !== '')
             <p class="text-muted mb-0">Submitted by: {{ $form->user_info->name }}</p>
             @endif
         </div>
 
-        <div class="details-section">
-            <h5 class="section-title">{{ $contactLabel }} details</h5>
+        <div class="preview-accordion">
+        <details class="preview-panel">
+            <summary class="section-title">{{ $contactLabel }} details</summary>
             <div class="section-content">
                 <div class="detail-row">
                     <span class="detail-label">Date</span>
@@ -102,40 +102,10 @@
                     <span class="detail-value">{{ $val('submission_status') !== '' ? $val('submission_status') : '—' }}</span>
                 </div>
             </div>
-        </div>
+        </details>
 
-        <div class="details-section">
-            <h5 class="section-title">POB</h5>
-            <div class="section-content p-0">
-                <table class="table table-sm mb-0">
-                    <thead class="table-light">
-                        <tr>
-                            <th>SKU</th>
-                            <th class="text-end">Units</th>
-                            <th class="text-end">Value</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        @foreach($skus as [$label, $code])
-                        <tr>
-                            <td>{{ $label }}</td>
-                            <td class="text-end">{{ $val($code.'_units') !== '' ? $val($code.'_units') : '0' }}</td>
-                            <td class="text-end">{{ $val($code.'_value') !== '' ? $val($code.'_value') : '0' }}</td>
-                        </tr>
-                        @endforeach
-                        <tr class="fw-semibold">
-                            <td>Total</td>
-                            <td class="text-end">{{ $val('total_pob_units') !== '' ? $val('total_pob_units') : '0' }}</td>
-                            <td class="text-end">{{ $val('total_pob_value') !== '' ? $val('total_pob_value') : '0' }}</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-
-        @if($showActual)
-        <div class="details-section">
-            <h5 class="section-title">Actual POB</h5>
+        <details class="preview-panel" open>
+            <summary class="section-title">Actual POB</summary>
             <div class="section-content p-0">
                 <table class="table table-sm mb-0">
                     <thead class="table-light">
@@ -161,11 +131,10 @@
                     </tbody>
                 </table>
             </div>
-        </div>
-        @endif
+        </details>
 
-        <div class="request-letter-section">
-            <h5 class="section-title mb-0">Invoice</h5>
+        <details class="preview-panel" open>
+            <summary class="section-title">Invoice</summary>
             <div class="section-content">
                 @if($invoiceUrl === '')
                 <p class="text-muted mb-0">No invoice uploaded.</p>
@@ -181,6 +150,7 @@
                 <p class="mb-0"><a href="{{ $invoiceUrl }}" target="_blank" rel="noopener">Open invoice</a></p>
                 @endif
             </div>
+        </details>
         </div>
     </div>
 
@@ -235,21 +205,37 @@
             font-size: 1rem;
             margin-bottom: 0;
         }
-        .details-section, .request-letter-section {
+        .preview-panel {
             background: #fff;
             border: 1px solid #dee2e6;
             border-radius: 8px;
             margin: 16px 0;
             overflow: hidden;
         }
+        .preview-panel > summary {
+            list-style: none;
+            cursor: pointer;
+        }
+        .preview-panel > summary::-webkit-details-marker { display: none; }
         .section-title {
             background: #007bff;
             color: #fff;
             margin: 0;
-            padding: 12px 16px;
+            padding: 12px 40px 12px 16px;
             font-size: 1.05rem;
             font-weight: 600;
+            position: relative;
         }
+        .section-title::after {
+            content: '+';
+            position: absolute;
+            right: 16px;
+            top: 50%;
+            transform: translateY(-50%);
+            font-size: 1.25rem;
+            line-height: 1;
+        }
+        .preview-panel[open] > .section-title::after { content: '−'; }
         .section-content { padding: 16px; }
         .detail-row {
             display: flex;