/* V79 – compact QR header, steady two-column generator and unobtrusive PDF upload spinner. */
.ntf-qr-shell[data-ntf-qr] {margin-top:18px;}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-hero {
  padding:19px 28px!important;
  margin-bottom:18px!important;
  border-radius:18px!important;
  background:linear-gradient(115deg,#f0edff 0%,#f1faff 64%,#fffaf3 100%)!important;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-hero-main {
  display:flex;align-items:center;justify-content:space-between;gap:16px 26px;flex-wrap:wrap;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-kicker{font-size:10px!important;letter-spacing:.105em!important;}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-hero h1 {
  font-size:clamp(25px,3vw,34px)!important;line-height:1.16!important;
  margin:4px 0 0!important;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-static-badges{
  justify-content:flex-start!important;margin:0!important;gap:6px!important;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-static-badges span{
  font-size:11px!important;padding:5px 9px!important;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-hero p{
  max-width:860px!important;margin:10px 0 0!important;
  font-size:13px!important;line-height:1.55!important;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps {margin:14px 0 16px!important;}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps span{padding:8px 12px!important;font-size:12px!important;}
/* V77 collapsed PDF editor into one narrow column. Restore a right-side QR panel. */
.ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode .ntf-qr-workspace {
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  max-width:none!important;
  gap:18px!important;margin:0!important;align-items:start!important;
}
.ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode .ntf-qr-editor{
  background:#fff!important;border:1px solid #dce3f2!important;
  border-radius:18px!important;box-shadow:none!important;
  padding:22px!important;
}
.ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode .ntf-qr-preview-panel,
.ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode:not(.is-qr-pdf-done) .ntf-qr-preview-panel,
.ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode.is-qr-pdf-done .ntf-qr-preview-panel{
  display:flex!important;max-width:none!important;width:100%!important;
  margin:0!important;padding:22px!important;
  border:1px solid #dce3f2!important;border-radius:18px!important;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-preview{min-height:250px!important;}
/* A tiny spinner appears only while a PDF upload request is in progress. */
.ntf-qr-shell[data-ntf-qr] .ntf-qr-upload-indicator[hidden]{display:none!important;}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-upload-indicator{
  display:inline-flex;align-items:center;gap:8px;margin:4px 0 1px;
  padding:6px 9px;border-radius:8px;background:#f1efff;color:#5541b7;
  font-size:12px;font-weight:700;
}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-upload-spinner{
  display:inline-block;width:14px;height:14px;flex:0 0 14px;
  border:2px solid #d5cdfb;border-top-color:#6547e2;
  border-radius:50%;animation:ntf-qr-spinner .65s linear infinite;
}
@keyframes ntf-qr-spinner{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode .ntf-qr-workspace{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .ntf-qr-shell[data-ntf-qr] .ntf-qr-hero{padding:16px 18px!important;}
  .ntf-qr-shell[data-ntf-qr] .ntf-qr-hero p{margin-top:9px!important;}
  .ntf-qr-shell[data-ntf-qr] .ntf-qr-static-badges{gap:5px!important;}
  .ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode .ntf-qr-editor,
  .ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode .ntf-qr-preview-panel,
  .ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode:not(.is-qr-pdf-done) .ntf-qr-preview-panel,
  .ntf-qr-shell[data-ntf-qr].is-qr-pdf-mode.is-qr-pdf-done .ntf-qr-preview-panel{
    padding:16px!important;
  }
}
@media(prefers-reduced-motion:reduce){.ntf-qr-shell[data-ntf-qr] .ntf-qr-upload-spinner{animation:none}}