fix(tapops): deteksi format file dan format tag

groups/Tapops/css/viewer.css

@@ -1,5 +1,5 @@
 /* ===========================================
-   Viewer Page — PDF iframe + DOCX rendered preview
+   Viewer Page — PDF iframe + Office Online preview
    =========================================== */
 
 .viewer-body {
@@ -123,39 +123,14 @@
     position: relative;
 }
 
-.viewer-pdf-frame {
+.viewer-pdf-frame,
+.viewer-office-frame {
     flex: 1;
     width: 100%;
     border: none;
     min-height: calc(100vh - 80px);
 }
 
-.viewer-docx-content {
-    background: white;
-    margin: 24px auto;
-    padding: 60px 80px;
-    max-width: 900px;
-    width: calc(100% - 48px);
-    box-sizing: border-box;
-    box-shadow: var(--shadow);
-    border-radius: 4px;
-    overflow-x: auto;
-    color: var(--text-dark);
-    line-height: 1.6;
-    font-family: 'Roboto', sans-serif;
-}
-
-/* docx-preview injects its own structure; override its defaults gently. */
-.viewer-docx-content .docx-wrapper {
-    background: transparent !important;
-    padding: 0 !important;
-}
-
-.viewer-docx-content .docx {
-    box-shadow: none !important;
-    margin: 0 !important;
-}
-
 /* --- States --- */
 
 .viewer-loading,
@@ -183,27 +158,6 @@
     color: #ef4444;
 }
 
-/* --- Download Progress Bar --- */
-
-.viewer-progress-bar {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 3px;
-    background: rgba(255, 255, 255, 0.1);
-    z-index: 5;
-    overflow: hidden;
-}
-
-.viewer-progress-fill {
-    height: 100%;
-    width: 0%;
-    background: linear-gradient(90deg, var(--secondary-gold), #ffd54f);
-    border-radius: 0 2px 2px 0;
-    transition: width 0.2s ease-out;
-}
-
 /* --- Responsive --- */
 
 @media (max-width: 640px) {
@@ -220,12 +174,6 @@
         font-size: 0.95rem;
     }
 
-    .viewer-docx-content {
-        padding: 24px;
-        margin: 12px;
-        width: calc(100% - 24px);
-    }
-
     .btn-back,
     .btn-download {
         padding: 8px 14px;