/* Neutral compact header QR control shared by public PieX features. */
.pxab-header-action{appearance:none;-webkit-appearance:none;border:1px solid #94a3b8!important;background:#fff!important;color:#111827!important;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0!important;border-radius:999px;box-shadow:0 6px 18px rgba(15,23,42,.08);cursor:pointer;line-height:1;font:inherit;text-transform:none;letter-spacing:normal;text-indent:0;text-shadow:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.pxab-header-action:hover,.pxab-header-action:focus-visible{background:#f8fafc!important;border-color:#cbd5e1!important;color:#111827!important;transform:translateY(-1px)}.pxab-header-action:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}.pxab-header-action .pxab-icon{display:block;width:20px;height:20px;fill:none!important;stroke:#111827!important;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.pxab-header-qr{position:relative;flex:0 0 auto}.pxab-header-qr__panel{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:max-content;max-width:min(82vw,360px);padding:12px;background:#fff;color:#111827;border:1px solid var(--pxab-header-qr-border,var(--pxab-single-border,#e5e7eb));border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.22);transform-origin:top right}.pxab-header-qr__panel[hidden]{display:none!important}.pxab-header-qr__panel:before{content:"";position:absolute;right:13px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid var(--pxab-header-qr-border,var(--pxab-single-border,#e5e7eb));border-top:1px solid var(--pxab-header-qr-border,var(--pxab-single-border,#e5e7eb));transform:rotate(45deg)}.pxab-header-qr__code{position:relative;margin:0;padding:0;border:0;border-radius:10px;background:#fff;display:block}.pxab-header-qr__code canvas,.pxab-header-qr__code svg{display:block!important;max-width:min(72vw,320px);height:auto!important}.pxab-header-qr[data-pxab-header-qr-animation=simple].is-open .pxab-header-qr__panel{animation:pxabHeaderQrReveal .24s cubic-bezier(.2,.8,.3,1) both}@keyframes pxabHeaderQrReveal{from{opacity:0;transform:translateY(-7px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.pxab-header-action{width:38px;height:38px;min-width:38px}}@media(max-width:767px){.pxab-header-qr__panel{right:auto;left:0;max-width:calc(100vw - 24px);transform-origin:var(--pxab-header-qr-origin-x,18px) top}.pxab-header-qr__panel:before{right:auto;left:var(--pxab-header-qr-arrow-left,13px)}.pxab-header-qr__code canvas,.pxab-header-qr__code svg{max-width:min(calc(100vw - 48px),320px)}}@media(prefers-reduced-motion:reduce){.pxab-header-action,.pxab-header-qr__panel{animation:none!important;transition:none!important}}
