/* Pages du parcours Linkif (avis, message privé, documents, QR) — reprises du prototype parcours-v4 */
:root{--lk-teal:#009490;--lk-orange:#FF9800;--lk-fond:#EEF3F2;--lk-carte:#fff;--lk-texte:#1D2422;--lk-texte-2:#5A6764;--lk-ligne:#E3E8E6;
  --lk-titre:'Plus Jakarta Sans',system-ui,sans-serif;--lk-corps:'DM Sans',system-ui,sans-serif;--cl-fond:#00807C;--cl-fond-2:#005C59}
*{box-sizing:border-box;margin:0}
body{font:16px/1.5 var(--lk-corps);color:var(--lk-texte);background:var(--lk-fond);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.page{max-width:480px;margin:0 auto;padding-bottom:28px}
.hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:22px 20px 26px;border-radius:0 0 30px 30px;
  background:linear-gradient(135deg,var(--cl-fond),var(--cl-fond-2),var(--cl-fond));background-size:220% 220%;animation:respire 12s ease-in-out infinite}
.hero::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(30px);opacity:.35;background:#FFB74D;top:-90px;right:-60px;animation:flotte 9s ease-in-out infinite}
@keyframes respire{50%{background-position:100% 100%}}@keyframes flotte{50%{transform:translate(16px,12px) scale(1.08)}}
.retour{position:absolute;left:14px;top:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:22px;font-weight:700}
.mini{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;padding:4px;background:conic-gradient(var(--lk-orange),#FFD180,var(--lk-teal),#80DEEA,var(--lk-orange));animation:tourne 6s linear infinite}
.mini img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #fff;animation:tourne 6s linear infinite reverse}
@keyframes tourne{to{transform:rotate(360deg)}}
h1{position:relative;font:800 24px/1.2 var(--lk-titre);margin-top:10px}
.hero p{position:relative;opacity:.92;margin-top:4px}
.bloc{background:var(--lk-carte);border-radius:26px;margin:16px 14px 0;padding:18px 16px;box-shadow:0 1px 2px rgba(16,40,36,.05),0 10px 30px -12px rgba(16,40,36,.18);animation:monte .5s cubic-bezier(.2,.8,.2,1) both}
.bloc:nth-of-type(2){animation-delay:.08s}.bloc:nth-of-type(3){animation-delay:.16s}
@keyframes monte{from{opacity:0;transform:translateY(16px)}}
.bloc h2{display:flex;align-items:center;gap:8px;font:800 16px/1.2 var(--lk-titre);margin:0 2px 14px}
.bloc h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lk-orange);box-shadow:12px 0 0 var(--lk-teal);margin-right:12px;flex:none}
.aide{font-size:14px;color:var(--lk-texte-2);margin:-6px 2px 14px}

/* Étoiles */
.etoiles{display:flex;justify-content:center;gap:6px;margin:6px 0 4px}
.etoiles button{background:none;border:0;padding:4px;cursor:pointer;width:56px;height:56px}
.etoiles svg{width:48px;height:48px;fill:#E3E8E6;transition:transform .2s,fill .2s}
.etoiles button.on svg{fill:#FFB300;transform:scale(1.12)}
.etoiles button:active svg{transform:scale(.9)}
.libelle{text-align:center;font-weight:700;min-height:24px;color:#E65100}

/* Tuiles & lignes (mêmes que la page) */
.tuiles{display:flex;flex-direction:column;gap:12px;padding-left:10px}
.ligne{position:relative;display:flex;align-items:center;min-height:68px;padding:8px 16px 8px 62px;border-radius:20px;background:linear-gradient(100deg,var(--f),var(--f2));border:1px solid var(--bd);transition:transform .15s}
.ligne:active{transform:scale(.97)}
.ligne svg{position:absolute;left:-12px;top:50%;width:66px;height:66px;transform:translateY(-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.14))}
.ligne strong{display:block;font-size:16.5px;color:var(--fo);line-height:1.25}
.ligne span span{display:block;font-size:13.5px;color:var(--lk-texte-2)}
.cache{display:none}.montre{display:block;animation:monte .45s cubic-bezier(.2,.8,.2,1) both}

/* Formulaires */
label{display:block;font-size:13px;font-weight:700;color:var(--lk-texte-2);margin:12px 2px 6px}
input,textarea,select{width:100%;font:16px var(--lk-corps);padding:13px 14px;border:1.5px solid var(--lk-ligne);border-radius:14px;background:#FAFCFB;color:var(--lk-texte)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--lk-teal);background:#fff;box-shadow:0 0 0 4px rgba(0,148,144,.12)}
textarea{min-height:120px;resize:vertical}
.envoyer{margin-top:16px;width:100%;min-height:54px;border:0;border-radius:999px;font:800 16px var(--lk-titre);color:#fff;background:linear-gradient(135deg,var(--lk-teal),#00B3AC);box-shadow:0 8px 18px -8px var(--lk-teal)}
.envoyer:active{transform:scale(.98)}
.rgpd{font-size:12px;color:var(--lk-texte-2);margin-top:10px;text-align:center}
.merci{text-align:center;padding:10px 0}
.merci img{width:120px;animation:tiki 3s ease-in-out infinite}
@keyframes tiki{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-6px)}}
.merci strong{display:block;font:800 20px var(--lk-titre);margin-top:6px}

/* QR */
.qr-grand{width:240px;height:240px;margin:4px auto 6px;padding:12px;background:#fff;border-radius:22px;border:2px solid var(--lk-ligne);position:relative}
.qr-grand img.k{position:absolute;width:46px;height:46px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:5px}
.url{text-align:center;font-weight:700;color:var(--lk-teal);word-break:break-all}
.code{display:inline-block;font:800 22px/1 monospace;letter-spacing:.12em;background:#FFF3E0;color:#E65100;padding:10px 16px;border-radius:12px;margin:6px 0}
.tiki-pt{display:block;width:150px;margin:-6px auto 0;animation:tiki 3.4s ease-in-out infinite}

footer{text-align:center;margin:24px 16px 0}
footer a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--lk-teal)}
footer img{height:18px}
@media (prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}
@media print{.hero,.retour,footer,.pas-print{display:none!important}.bloc{box-shadow:none}}