/* PN_CONNECT_QROPT_v1 — bloc « Ajouter mon QR » (fiches stickers, PVC-Forex, Akilux). Préfixe pqo- : aucune collision avec la charte. */
.pqo,.pqo button,.pqo input{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.pqo{--pqo-o:var(--pn-orange,#FF3B00);--pqo-v:#16A34A;background:#fff;color:#111;border-radius:14px 14px var(--pn-radius-signature,28px) 14px;margin:0 0 14px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.12);overflow:hidden;text-align:left;font-family:var(--pn-font-body,inherit);transition:box-shadow .3s}
.pqo.pqo-actif{box-shadow:0 0 0 2px var(--pqo-o),0 12px 30px rgba(255,59,0,.25)}
.pqo *{box-sizing:border-box}
.pqo-tete{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;cursor:pointer}
.pqo-tete:focus-visible{outline:2px solid var(--pqo-o);outline-offset:-2px;border-radius:14px}
.pqo-ico{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#FFF1EB;color:var(--pqo-o);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,1.4,.4,1)}
.pqo-ico svg{width:22px;height:22px}
.pqo-actif .pqo-ico{background:var(--pqo-o);color:#fff;transform:rotate(-8deg) scale(1.05)}
.pqo-titres{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.pqo-titres strong{font-size:15px;font-weight:800;color:#111}
.pqo-titres small{font-size:12px;color:#6B6B6B;margin-top:2px}
.pqo-switch{width:46px;height:28px;flex:0 0 46px;border-radius:20px;background:#D9D4CC;position:relative;transition:background .25s}
.pqo-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
.pqo-actif .pqo-switch{background:var(--pqo-v)}
.pqo-actif .pqo-switch i{transform:translateX(18px)}
.pqo-corps{padding:0 16px 16px;animation:pqoOuvre .4s ease}
.pqo-corps[hidden]{display:none}
.pqo-scene{background:radial-gradient(circle at 30% 20%,#FFF6F1,#F3EFE9);border-radius:12px;padding:18px 12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.pqo-support{position:relative;background:#fff;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 0 0 1px rgba(0,0,0,.06);transition:width .35s ease,height .35s ease;background-image:linear-gradient(135deg,rgba(255,59,0,.07) 0 30%,transparent 30%),repeating-linear-gradient(0deg,transparent 0 13px,rgba(0,0,0,.035) 13px 15px)}
.pqo-support.pqo-rond{border-radius:50%}
.pqo-qr{position:absolute;transition:all .35s cubic-bezier(.2,1.1,.4,1);display:flex;flex-direction:column;align-items:center}
.pqo-svg{width:100%;aspect-ratio:1;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.pqo-svg svg{display:block;width:100%;height:100%}
.pqo-phr{font:800 9px/1.1 system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#111;margin-top:3px;white-space:nowrap}
.pqo-p-bd{right:6%;bottom:6%}.pqo-p-bg{left:6%;bottom:6%}.pqo-p-hd{right:6%;top:6%}
.pqo-p-c{left:50%;top:50%;transform:translate(-50%,-50%)}
.pqo-p-g{right:6%;bottom:6%;outline:2px dashed var(--pqo-o);outline-offset:3px;border-radius:4px}
.pqo-qr.pqo-trop .pqo-svg{box-shadow:0 0 0 3px #DC2626}
.pqo-onde{position:absolute;left:50%;top:0;width:100%;aspect-ratio:1;transform:translateX(-50%);border-radius:6px;pointer-events:none}
.pqo-qr.pqo-apparait .pqo-svg{animation:pqoQR .7s cubic-bezier(.2,1.4,.4,1)}
.pqo-qr.pqo-apparait .pqo-onde{animation:pqoOnde .9s ease-out}
.pqo-legende{font-size:12px;color:#6B6B6B;text-align:center}
.pqo-bloc{margin-top:14px}
.pqo-lbl{font:700 11px var(--pn-font-mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.08em;color:#6B6B6B;margin-bottom:7px;display:flex;justify-content:space-between;align-items:baseline}
.pqo-lbl b{font:800 15px system-ui,-apple-system,sans-serif;color:#111;letter-spacing:0;text-transform:none}
.pqo-puces{display:flex;flex-wrap:wrap;gap:6px}
.pqo-puce{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid #E2DCD3;border-radius:10px;padding:7px 10px;font-size:13px;color:#111;background:#fff;display:flex;flex-direction:column;line-height:1.2;transition:border-color .15s,background .15s,transform .15s}
.pqo-puce small{font-size:11px;color:#6B6B6B;margin-top:1px}
.pqo-puce:hover{border-color:#bbb}
.pqo-puce.on{border-color:var(--pqo-o);background:#FFF1EB;transform:translateY(-1px)}
.pqo-puce:focus-visible,.pqo-qrch:focus-visible{outline:2px solid var(--pqo-o);outline-offset:2px}
#pqo-dist .pqo-puce{flex:1 1 30%;min-width:96px}
.pqo-choix{display:flex;flex-wrap:wrap;gap:6px}
.pqo-qrch{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid #E2DCD3;border-radius:10px;padding:8px 11px;display:flex;flex-direction:column;line-height:1.2;background:#fff;min-width:0;max-width:100%}
.pqo-qrch b{font:800 15px var(--pn-font-mono,ui-monospace,monospace);letter-spacing:.12em;color:#111}
.pqo-qrch small{font-size:11px;color:#6B6B6B;margin-top:2px;overflow-wrap:anywhere}
.pqo-qrch.on{border-color:var(--pqo-v);background:#ECFDF3}
.pqo-qrch.on b::after{content:" ✓";color:var(--pqo-v)}
.pqo-qrch.pqo-neuf b{font-family:system-ui,-apple-system,sans-serif;letter-spacing:0;color:var(--pqo-o)}
.pqo-seul{cursor:default;flex:1}
.pqo-charge{font-size:13px;color:#6B6B6B;display:inline-flex;align-items:center;gap:8px}
.pqo-charge::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #E2DCD3;border-top-color:var(--pqo-o);animation:pqoTourne .8s linear infinite}
.pqo-err{font-size:13px;color:#B91C1C;font-weight:600}
.pqo-lien{all:unset;cursor:pointer;color:var(--pqo-o);font-weight:700;font-size:13px;text-decoration:underline}
.pqo input[type=range]{width:100%;accent-color:var(--pqo-o);margin:2px 0 0}
.pqo-verdict{margin-top:12px;display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.35;transition:background .25s}
.pqo-verdict i{flex:0 0 18px;height:18px;border-radius:50%;margin-top:1px;background:center/12px no-repeat}
.pqo-verdict.ok{background:#ECFDF3;color:#14532D}
.pqo-verdict.ok i{background-color:var(--pqo-v);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.pqo-verdict.moyen{background:#FFF7E6;color:#7A4A00}
.pqo-verdict.moyen i{background-color:#F59E0B;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 6v7M12 18v.5'/%3E%3C/svg%3E")}
.pqo-verdict.ko{background:#FEF2F2;color:#7F1D1D}
.pqo-verdict.ko i{background-color:#DC2626;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.pqo-ajoute{margin-top:12px;border-radius:10px;padding:10px 12px;background:var(--pqo-v);color:#fff;font-size:13px;line-height:1.35}
.pqo-ajoute.attention{background:#F59E0B;color:#111}
.pqo-ajoute[hidden]{display:none}
.pqo-pop{animation:pqoPop .5s cubic-bezier(.2,1.4,.4,1)}
.pqo-info{font-size:12px;color:#6B6B6B;margin:12px 0 0;line-height:1.45}
.pqo-info a{color:var(--pqo-o);font-weight:700}
@keyframes pqoOuvre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes pqoQR{0%{transform:scale(.3) rotate(-12deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes pqoOnde{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}100%{box-shadow:0 0 0 26px rgba(22,163,74,0)}}
@keyframes pqoPop{0%{transform:scale(.92);opacity:0}100%{transform:none;opacity:1}}
@keyframes pqoTourne{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pqo *,.pqo{animation:none!important;transition:none!important}}
.pqo-lbl small{font:500 11px var(--pn-font-body,system-ui);text-transform:none;letter-spacing:0;color:#8A8A8A}
.pqo-lienf{display:flex;gap:6px}
.pqo-lienf input{flex:1;min-width:0;border:1.5px solid #E2DCD3;border-radius:10px;padding:10px 12px;font-size:16px;color:#111;background:#fff;outline:none}
.pqo-lienf input:focus{border-color:var(--pqo-o)}
.pqo-lienf button{border:0;border-radius:10px;padding:0 16px;font-weight:800;background:#111;color:#fff;cursor:pointer}
.pqo-lienmsg{font-size:12px;color:#6B6B6B;margin-top:6px}
.pqo-lienmsg.ok{color:#15803D}.pqo-lienmsg.ko{color:#B91C1C;font-weight:600}
.pqo-bat{margin-top:12px;display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:#14532D;background:#ECFDF3;border-radius:10px;padding:10px 12px}
.pqo-bat b{flex:0 0 auto;background:#16A34A;color:#fff;border-radius:6px;padding:2px 7px;font-size:11px;letter-spacing:.04em}

/* PN_CONNECT_QRDESIGN_v1 */
.pqo-perso p{margin:0;font-size:13px;line-height:1.45;background:#FFF1EB;border-radius:10px;padding:9px 12px}.pqo-perso a{color:#FF3B00;font-weight:700}
.pqo-svg svg{display:block;width:100%;height:auto}