/* ui_polish2.css – classy spinner progress + QR bottom‑left */

/* ---- Download button spinner ---- */
.btn-primary{
  position:relative;
  overflow:hidden;
}
.btn-primary .progress-underline{display:none;}   /* remove old underline */

.btn-primary.loading{
  pointer-events:none;
}
.btn-primary .btn-text{transition:opacity .2s;}
.btn-primary.loading .btn-text{opacity:.35!important;transition:opacity .2s ease;}

.btn-primary.loading::after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  width:22px;height:22px;
  margin:-11px;
  border:3px solid rgba(255,255,255,.5);
  border-top-color:#fff;
  border-radius:50%;
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}

/* ---- QR banner bottom-left to avoid CTA ---- */
#qr-banner{
  right:auto; left:1rem;
  bottom:1rem;
}