/* e-OCI Wallet — in-app PDF preview (show officer the card PDF directly) */
#pdfPreview{ position:fixed; inset:0; z-index:9400; display:none; flex-direction:column; background:#0b1220;
  font-family:"Space Grotesk",system-ui,sans-serif; }
body.pdf-open #pdfPreview{ display:flex; }

.pv-top{ display:flex; align-items:center; gap:10px; z-index:2;
  padding:calc(env(safe-area-inset-top) + 14px) 14px 12px;
  background:var(--panel,#0C1A34); border-bottom:1px solid var(--line,rgba(255,255,255,.1)); }
.pv-top .pv-title{ flex:1; font-size:15px; font-weight:600; color:var(--txt,#EAF0FA);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pv-btn{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; flex:0 0 auto;
  background:var(--surface,rgba(255,255,255,.06)); border:1px solid var(--line,rgba(255,255,255,.14)); color:var(--txt,#EAF0FA); }
.pv-btn:active{ transform:scale(.93); }
.pv-btn.primary{ background:linear-gradient(135deg,var(--saffron-soft,#FFB865),var(--saffron,#FF9933)); color:#2a1400; border:none; }
.pv-btn svg{ width:20px; height:20px; }

.pv-body{ flex:1; overflow:auto; -webkit-overflow-scrolling:touch; padding:16px;
  display:flex; flex-direction:column; align-items:center; gap:16px; }
.pv-body canvas{ width:100%; max-width:600px; height:auto; border-radius:10px; background:#fff;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.7); }
.pv-body iframe{ width:100%; max-width:600px; height:78vh; border:none; border-radius:10px; background:#fff; }
.pv-msg{ color:var(--muted,#8397B8); font-size:14px; margin-top:44px; text-align:center; }