/* Build 24 — leitor QR por câmera */
.hn-qr-backdrop{position:fixed;z-index:9500;inset:0;display:grid;place-items:center;padding:14px;background:rgba(1,5,10,.78);backdrop-filter:blur(9px)}
.hn-qr-dialog{width:min(520px,100%);max-height:calc(100vh - 28px);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#07131f;box-shadow:0 24px 70px rgba(0,0,0,.62);padding:13px}
.hn-qr-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.hn-qr-head p{margin:0;color:#ffac52;font-size:.54rem;font-weight:950;letter-spacing:.08em}.hn-qr-head h2{margin:2px 0 0;font-size:1rem}.hn-qr-head button{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#14263a;color:#fff;font-size:1.1rem}
.hn-qr-video-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:14px;background:#02070c;border:1px solid rgba(255,255,255,.12)}.hn-qr-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}
.hn-qr-frame{position:absolute;inset:18% 18%;pointer-events:none}.hn-qr-frame i{position:absolute;width:34px;height:34px;border-color:#ff9a24;border-style:solid}.hn-qr-frame i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px;border-radius:8px 0 0}.hn-qr-frame i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.hn-qr-frame i:nth-child(3){right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 8px}.hn-qr-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 3px 3px;border-radius:0 0 0 8px}
.hn-qr-status{min-height:22px;margin:9px 0 6px;color:#9db0bf;font-size:.61rem;line-height:1.4}.hn-qr-status.error{color:#ffaea5}
.hn-qr-manual{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end;margin-top:7px}.hn-qr-manual label{display:grid;gap:4px;color:#9aa8b4;font-size:.5rem;font-weight:850}.hn-qr-manual input{height:38px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#0b1d2c;color:#fff;padding:0 10px;font-size:.64rem}.hn-qr-manual button{height:38px;border:1px solid rgba(255,138,0,.35);border-radius:9px;background:rgba(255,138,0,.14);color:#ffd19a;padding:0 11px;font-size:.56rem;font-weight:900}.hn-qr-help{display:block;margin-top:8px;color:#718290;font-size:.5rem;line-height:1.35}
.family-qr-live-card{margin-top:10px;padding:12px;border:1px solid rgba(255,138,0,.2);border-radius:14px;background:linear-gradient(145deg,#0b1927,#07131f)}.family-qr-live-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.family-qr-live-head b{display:block;font-size:.72rem}.family-qr-live-head span{display:block;color:#82919e;font-size:.52rem;margin-top:2px}.family-qr-live-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;margin-top:10px}.family-qr-box{width:150px;height:150px;display:grid;place-items:center;padding:7px;border-radius:12px;background:#fff}.family-qr-box img,.family-qr-box canvas{max-width:100%;height:auto}.family-qr-live-copy code{display:block;overflow-wrap:anywhere;color:#a7b7c5;font-size:.5rem;line-height:1.35}.family-qr-live-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.family-qr-live-actions button{height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#14263a;color:#fff;padding:0 8px;font-size:.52rem;font-weight:850}
.map-qr-btn{position:absolute;z-index:680;left:10px;bottom:10px;height:38px;border:1px solid rgba(255,138,0,.3);border-radius:11px;background:rgba(5,15,25,.94);color:#ffd19a;padding:0 10px;font-size:.6rem;font-weight:900;display:flex;align-items:center;gap:5px;box-shadow:0 5px 16px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.qr-deeplink-note{margin:0 0 9px;padding:9px 10px;border:1px solid rgba(255,138,0,.22);border-radius:10px;background:rgba(255,138,0,.06);color:#f4c68e;font-size:.58rem;line-height:1.4}
@media(max-width:560px){.hn-qr-backdrop{padding:7px}.hn-qr-dialog{max-height:calc(100vh - 14px);border-radius:14px}.hn-qr-manual{grid-template-columns:1fr}.family-qr-live-body{grid-template-columns:1fr}.family-qr-box{margin:auto;width:180px;height:180px}.map-qr-btn{left:7px;bottom:8px;width:40px;padding:0;justify-content:center}.map-qr-btn span{display:none}}
