/* popup แสดง PDF (js/pdf-viewer.js) — ใช้ตัวแปรสีของธีม pv2 */
.pdfv { width: min(1100px, 94vw); height: 92vh; max-width: none; max-height: none; padding: 0; border: 1px solid var(--rule, #CFDACB); background: var(--card, #fff); box-shadow: 0 24px 64px rgba(10, 25, 16, .35); overflow: hidden; }
.pdfv[open] { display: flex; flex-direction: column; }
.pdfv::backdrop { background: rgba(18, 32, 24, .62); backdrop-filter: blur(2px); }
.pdfv-bar { display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; background: var(--green-deep, #123B27); color: #fff; flex-shrink: 0; }
.pdfv-icon { font: 600 10.5px/1 'IBM Plex Mono', monospace; letter-spacing: .06em; padding: 5px 6px; background: #B3261E; color: #fff; flex-shrink: 0; }
.pdfv-title { flex: 1; min-width: 0; margin: 0; font: 600 15px/1.35 'Sarabun', sans-serif; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pdfv-btn { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; font: 600 13.5px 'Sarabun', sans-serif; text-decoration: none; cursor: pointer; flex-shrink: 0; }
.pdfv-btn:hover, .pdfv-btn:focus-visible { background: rgba(255,255,255,.14); color: #fff; text-decoration: none; }
.pdfv-close { width: 34px; padding: 0; justify-content: center; font-size: 16px; }
.pdfv-body { position: relative; flex: 1; background: #525659; }
.pdfv-body iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .15s; }
.pdfv.loaded .pdfv-body iframe { opacity: 1; }
.pdfv-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #E8E8E8; font: 14px 'Sarabun', sans-serif; }
html.pdfv-open { overflow: hidden; }