.qr-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 16px; }
.qr-box { background: #fff; color: #111; border-radius: 12px; padding: 20px; max-width: 360px; width: 100%; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,.35); }
.qr-box h3 { margin: 0 0 12px; font-size: 1.1rem; color: #111; }
.qr-canvas { width: 260px; max-width: 100%; height: auto; image-rendering: pixelated; border: 1px solid #ddd; border-radius: 6px; }
.qr-url { word-break: break-all; font-size: .8rem; color: #555; margin: 10px 0 14px; }
.qr-actions { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.qr-trigger { margin-left: 4px; }