/* Penampil PDF + pratinjau unggah (dipakai bersama panel admin dan portal) */
dialog.pdfv { padding: 0; border: 0; border-radius: 10px; width: min(1100px, 96vw); height: min(94vh, 980px); max-width: none; max-height: none; background: #334155; color: #fff; overflow: hidden; box-shadow: 0 24px 64px rgba(2, 6, 23, .55); }
dialog.pdfv[open] { display: flex; flex-direction: column; }
dialog.pdfv::backdrop { background: rgba(2, 6, 23, .78); }
.pdfv-kepala { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 8px 12px; background: #0f172a; font: 600 14px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.pdfv-judul { flex: 1 1 160px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.pdfv-grup { display: inline-flex; align-items: center; gap: 4px; }
.pdfv-hal, .pdfv-pct { min-width: 64px; text-align: center; font-variant-numeric: tabular-nums; color: #cbd5e1; font-weight: 500; }
.pdfv-pct { min-width: 48px; }
.pdfv-btn { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 8px; background: rgba(255, 255, 255, .1); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.pdfv-btn:hover:not(:disabled), .pdfv-btn:focus-visible { background: rgba(255, 255, 255, .24); }
.pdfv-btn:disabled { opacity: .35; cursor: default; }
.pdfv-x { font-size: 22px; }
.pdfv-unduh { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 8px; background: #f59e0b; color: #0f172a; font-weight: 700; text-decoration: none; }
.pdfv-unduh:hover, .pdfv-unduh:focus-visible { background: #fbbf24; }
.pdfv-unduh[hidden] { display: none; }
.pdfv-badan { flex: 1; overflow: auto; padding: 16px; background: #475569; outline: none; overscroll-behavior: contain; }
.pdfv-daftar { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.pdfv-kotak { background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, .35); flex: none; }
.pdfv-kotak canvas { display: block; }
.pdfv-status { margin: 0; padding: 28px 20px; text-align: center; color: #e2e8f0; font: 500 15px/1.5 system-ui, sans-serif; }
.pdfv-status[hidden] { display: none; }
@media (max-width: 640px) {
  dialog.pdfv { width: 100vw; height: 100dvh; max-height: none; border-radius: 0; }
  .pdfv-badan { padding: 8px; }
  .pdfv-kepala { gap: 8px; }
}

/* Pratinjau di form unggah */
.pdfv-pratinjau { display: flex; gap: 14px; align-items: center; margin: 10px 0 0; padding: 10px 12px; border: 1px solid var(--garis, #d8dee6); border-radius: 10px; background: var(--permukaan, #fff); max-width: 460px; flex: 1 1 100%; }
.pdfv-mini { flex: none; width: 75px; min-height: 96px; border: 1px solid var(--garis, #d8dee6); border-radius: 4px; background: #fff; }
.pdfv-info { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; min-width: 0; }
.pdfv-info strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; }
.pdfv-meta { font-size: .8125rem; color: var(--redup, #64748b); }
.pdfv-salah { color: var(--merah, #b91c1c); margin: 0; }