/* LOCO QR v2.42.4 — QR Success Modal Preview */
.loco-success-qr-preview{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
  margin:14px 0 13px!important;
}
.loco-success-qr-preview-label{
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  color:#658849!important;
}
.loco-success-qr-preview-frame{
  width:178px!important;
  height:178px!important;
  box-sizing:border-box!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  background:#fff!important;
  border:1px solid #dce5d5!important;
  border-radius:16px!important;
  box-shadow:0 7px 24px rgba(0,0,0,.07)!important;
  overflow:hidden!important;
}
.loco-success-qr-preview-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.loco-success-qr-preview-frame img[hidden]{display:none!important}
.loco-success-qr-preview-status{
  position:absolute!important;
  inset:10px!important;
  display:grid!important;
  place-items:center!important;
  padding:12px!important;
  background:#f5f8f2!important;
  border-radius:11px!important;
  color:#788273!important;
  font-size:11px!important;
  font-weight:650!important;
  text-align:center!important;
}
.loco-success-qr-preview-status[hidden]{display:none!important}
@media(max-width:600px){
  .loco-success-qr-preview-frame{width:158px!important;height:158px!important}
}

/* LOCO QR v2.44.2 — deterministic post-create/update QR result */
.loco-action-page-qr-result{margin:18px auto 16px;max-width:360px;width:100%}
.loco-action-page-qr-result .loco-success-qr-preview-frame{max-width:270px;margin-inline:auto}
.loco-action-page-qr-result .loco-success-qr-preview-frame img{width:100%;height:auto;display:block}
.loco-action-page-qr-downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.loco-action-page-qr-downloads .btn{justify-content:center;width:100%}
@media(max-width:520px){.loco-action-page-qr-result{max-width:100%}.loco-action-page-qr-downloads{grid-template-columns:1fr}}

/* v2.44.3: render the live SVG directly so embedded logo images remain usable. */
.loco-success-qr-preview-frame>svg[data-modal-qr-clone]{display:block;max-width:100%;max-height:100%;}