#pdf-modal{position:fixed;inset:0;z-index:8000;display:none;align-items:center;justify-content:center;padding:26px;}
#pdf-modal.open{display:flex;}
#pdf-modal .pdf-modal-backdrop{position:absolute;inset:0;background:rgba(7,61,66,.72);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s;}
#pdf-modal.show .pdf-modal-backdrop{opacity:1;}
.pdf-modal-box{
  position:relative;width:100%;max-width:920px;height:88vh;background:#fff;
  border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);
  display:flex;flex-direction:column;
  opacity:0;transform:translateY(30px) scale(.97);transition:opacity .4s ease, transform .4s cubic-bezier(.16,1,.3,1);
}
#pdf-modal.show .pdf-modal-box{opacity:1;transform:translateY(0) scale(1);}
.pdf-modal-head{
  display:flex;align-items:center;justify-content:space-between;padding:16px 22px;
  background:var(--primary);color:#fff;flex-shrink:0;
}
.pdf-modal-title{display:flex;align-items:center;gap:14px;}
.pdf-modal-icon{width:36px;height:36px;flex-shrink:0;}
.pdf-modal-icon svg{width:100%;height:100%;}
.pdf-modal-title h4{color:#fff;font-size:16px;margin:0;}
.pdf-modal-title span{font-size:12px;color:#bcd6d4;}
.pdf-modal-actions{display:flex;align-items:center;gap:10px;}
.pdf-dl-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:13px;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:10px;text-decoration:none;}
.pdf-dl-btn svg{width:14px;height:14px;}
.pdf-dl-btn:hover{background:var(--secondary);border-color:var(--secondary);color:#fff;}
.pdf-close-btn{
  width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);
  color:#fff;font-size:15px;cursor:pointer;transition:.25s;
}
.pdf-close-btn:hover{background:rgba(255,255,255,.25);transform:rotate(90deg);}
.pdf-modal-body{flex:1;background:#525659;position:relative;}
.pdf-modal-body iframe{width:100%;height:100%;border:none;}
.pdf-modal-loading{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;background:#525659;color:#fff;transition:opacity .3s ease;pointer-events:none;
}
.pdf-modal-loading.is-hidden{opacity:0;}
.pdf-modal-spinner{
  width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--secondary);
  animation:pdf-spin .8s linear infinite;
}
@keyframes pdf-spin{ to{ transform:rotate(360deg); } }
.pdf-modal-loading span{font-size:13px;font-weight:700;}
.pdf-open-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:13px;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:10px;text-decoration:none;background:transparent;}
.pdf-open-tab-btn:hover{background:rgba(255,255,255,.15);}
.pdf-open-tab-btn svg{width:14px;height:14px;}
@media(max-width:700px){
  #pdf-modal{padding:0;}
  .pdf-modal-box{height:100vh;border-radius:0;max-width:100%;}
  .pdf-modal-title span{display:none;}
}