:root{--bleu:#0064fe;--marine:#042249;--fond:#eef2f8;--ligne:#e6eaf1;--gris:#617089;--doux:#f6f8fb;--vert:#12a150;--vertf:#e7f7ee;--orange:#e8890c;--orangef:#fff5e6;--rouge:#d93025;--c:#b5562b;--cs:#8f3f1c;--ombre:0 1px 2px rgba(4,34,73,.06),0 8px 24px -12px rgba(4,34,73,.18)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font-family:Archivo,system-ui,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#dfe9ff 0,transparent 60%),var(--fond);color:var(--marine);-webkit-font-smoothing:antialiased;min-height:100vh}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}
svg{display:block}
/* page */
.haut{max-width:1120px;margin:0 auto;padding:22px 20px 6px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.marque{display:flex;align-items:center;gap:12px}
.marque .k{width:38px;height:38px;border-radius:11px;background:var(--marine);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px;letter-spacing:-.04em}
.marque h1{font-size:18px;font-weight:800;letter-spacing:-.015em}
.marque p{font-size:13px;color:var(--gris);margin-top:1px}
.seg{display:flex;background:#fff;border:1px solid var(--ligne);border-radius:999px;padding:3px;box-shadow:var(--ombre)}
.seg button{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--gris);transition:.2s}
.seg button.on{background:var(--marine);color:#fff}
.bascule{display:none;padding:6px 16px 0}
.bascule .seg{max-width:400px;margin:0 auto}
.bascule .seg button{flex:1}
.bascule .seg button.on{background:var(--bleu)}
.scene{max-width:1120px;margin:0 auto;padding:14px 20px 26px;display:flex;gap:56px;justify-content:center;align-items:flex-start}
.col{display:flex;flex-direction:column;align-items:center;gap:12px}
.etiq{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.tel{width:390px;height:800px;background:#fff;border-radius:52px;border:11px solid #0a1220;box-shadow:0 40px 80px -30px rgba(4,34,73,.45),inset 0 0 0 1px #000;overflow:hidden;position:relative;display:flex;flex-direction:column}
.tel::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:110px;height:30px;background:#0a1220;border-radius:20px;z-index:30}
.barre{height:46px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 30px 0;font-size:14px;font-weight:700;position:relative;z-index:20}
.ecran{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth}
.ecran::-webkit-scrollbar{display:none}
.note{max-width:820px;margin:0 auto;padding:0 20px 44px;font-size:12.5px;color:var(--gris);line-height:1.6;text-align:center}
@media (max-width:900px){.bascule{display:block}.col.cache{display:none}.etiq{display:none}.scene{padding:10px 12px 20px}.tel{width:100%;max-width:420px;height:calc(100vh - 150px);min-height:620px;border-radius:30px;border-width:7px}.tel::before{display:none}.barre{height:8px;padding:0}.barre *{display:none}.toast{top:12px}}
/* éléments communs */
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 16px;border-radius:16px;background:var(--bleu);color:#fff;font-weight:700;font-size:15.5px;transition:transform .12s,filter .2s;box-shadow:0 8px 18px -10px rgba(0,100,254,.8)}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.35;box-shadow:none;cursor:default}
.btn.sec{background:#fff;color:var(--marine);border:1.5px solid var(--ligne);box-shadow:none}
.btn.noir{background:#0a1220;box-shadow:none}
.btn.vert{background:var(--vert);box-shadow:0 8px 18px -10px rgba(18,161,80,.9)}
.btn.petit{width:auto;padding:9px 14px;font-size:13.5px;border-radius:12px}
.puce{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:4px 9px;border-radius:99px;background:#eaf1ff;color:var(--bleu);letter-spacing:.02em}
.puce.v{background:var(--vertf);color:var(--vert)}
.puce.o{background:var(--orangef);color:#a85f00}
.puce.g{background:var(--doux);color:var(--gris)}
.champ{display:block;margin-bottom:14px}
.champ>span{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
.champ input,.champ select,.champ textarea{width:100%;padding:13px 14px;border:1.5px solid var(--ligne);border-radius:14px;font-size:16px;background:#fff;transition:border .2s}
.champ input:focus,.champ select:focus,.champ textarea:focus{outline:0;border-color:var(--bleu);box-shadow:0 0 0 4px #e3edff}
.voile{position:absolute;inset:0;background:rgba(4,20,45,.5);backdrop-filter:blur(2px);display:flex;align-items:flex-end;z-index:40;animation:fond .2s}
@keyframes fond{from{opacity:0}}
.feuille{background:#fff;width:100%;max-height:92%;overflow-y:auto;border-radius:28px 28px 0 0;padding:10px 20px 26px;animation:monte .32s cubic-bezier(.2,.9,.3,1.1)}
.feuille::before{content:"";display:block;width:40px;height:5px;border-radius:5px;background:#d9dfe9;margin:0 auto 14px;cursor:grab}
.feuille{overscroll-behavior:contain;position:relative}
@keyframes monte{from{transform:translateY(60px);opacity:0}}
.feuille h3{font-size:21px;font-weight:800;letter-spacing:-.015em;text-align:center}
.feuille .sous{font-size:14px;color:var(--gris);margin-top:6px;text-align:center;line-height:1.5}
.toast{position:absolute;left:16px;right:16px;top:54px;z-index:50;background:#0a1220;color:#fff;border-radius:16px;padding:13px 16px;font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center;box-shadow:0 16px 30px -12px rgba(0,0,0,.5);animation:toast 2.6s forwards}
@keyframes toast{0%{transform:translateY(-30px);opacity:0}10%,85%{transform:none;opacity:1}100%{transform:translateY(-20px);opacity:0}}
.confetti{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;z-index:45;animation:tombe 1.6s ease-in forwards}
@keyframes tombe{to{transform:translateY(820px) rotate(540deg);opacity:.6}}
/* ===== client ===== */
.c-haut{display:flex;align-items:center;gap:10px;padding:4px 18px 12px}
.c-logo{width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;flex:none;box-shadow:0 6px 14px -8px var(--c)}
.c-haut b{font-size:15px;font-weight:800;display:block}
.c-haut small{font-size:12px;color:var(--gris)}
.c-tabs{display:flex;gap:4px;margin:0 18px;background:var(--doux);border-radius:14px;padding:4px}
.c-tabs button{flex:1;padding:9px 4px;border-radius:11px;font-size:13px;font-weight:700;color:var(--gris);transition:.2s}
.c-tabs button.on{background:#fff;color:var(--marine);box-shadow:0 1px 3px rgba(4,34,73,.12)}
.pass{margin:14px 18px 0;border-radius:26px;overflow:hidden;background:#fff;color:var(--marine);border:1px solid color-mix(in srgb,var(--c) 18%,#e6eaf1);box-shadow:0 20px 40px -24px color-mix(in srgb,var(--c) 70%,transparent),0 2px 6px rgba(4,34,73,.06);position:relative;transition:transform .3s}
.pass.pulse{animation:pulse .6s}
@keyframes pulse{40%{transform:scale(1.025)}}
.ban{height:118px;position:relative;background-size:cover}
.ban::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.18))}
.ban .lg{position:absolute;left:16px;bottom:-22px;width:52px;height:52px;border-radius:16px;background:#fff;color:var(--c);display:grid;place-items:center;font-weight:900;font-size:22px;z-index:2;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.ban .nm{position:absolute;left:80px;bottom:10px;z-index:2;font-weight:800;font-size:15px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.ban .tp{position:absolute;right:14px;top:12px;z-index:2;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:5px 9px;border-radius:99px}
.pass-c{padding:32px 18px 20px;background:color-mix(in srgb,var(--c) 6%,#fff)}
.pass-c .salut{font-size:13px;color:var(--gris);font-weight:600}
.pass-c .pr{font-size:26px;font-weight:900;letter-spacing:-.02em;margin-top:1px}
.compteur{display:flex;align-items:baseline;justify-content:space-between;margin-top:14px}
.compteur b{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1}
.compteur b small{font-size:15px;font-weight:700;color:var(--gris);letter-spacing:0}
.compteur span{font-size:12.5px;color:var(--gris);font-weight:600;text-align:right;max-width:58%;line-height:1.35}
.piste{position:relative;height:10px;background:color-mix(in srgb,var(--c) 16%,#fff);border-radius:10px;margin:14px 0 30px}
.piste i{position:absolute;left:0;top:0;bottom:0;border-radius:10px;background:var(--c);transition:width .6s cubic-bezier(.2,.9,.3,1.2)}
.jalon{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;border:2.5px solid color-mix(in srgb,var(--c) 35%,#fff);display:grid;place-items:center;font-size:12px}
.jalon.ok{background:var(--c);border-color:var(--c)}
.jalon small{position:absolute;top:28px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10.5px;font-weight:800;color:var(--gris)}
.tampons{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.tp-r{aspect-ratio:1;border-radius:50%;border:2px dashed color-mix(in srgb,var(--c) 40%,#fff);display:grid;place-items:center;font-size:11.5px;font-weight:800;color:color-mix(in srgb,var(--c) 55%,#8b97ab);background:#fff}
.tp-r.plein{background:var(--c);border:2px solid var(--c);color:#fff;box-shadow:0 4px 10px -6px var(--c)}
.tp-r.plein svg{width:56%;height:56%}
.tp-r.cad{border-style:solid;border-color:color-mix(in srgb,var(--c) 55%,#fff);font-size:15px;background:color-mix(in srgb,var(--c) 8%,#fff)}
.tp-r.neuf{animation:pop .55s cubic-bezier(.2,.9,.3,1.4)}
@keyframes pop{0%{transform:scale(.2) rotate(-30deg)}100%{transform:none}}
.zone{padding:0 18px}
.dispo{margin-top:14px;border-radius:20px;padding:14px 16px;background:var(--vertf);display:flex;gap:12px;align-items:center;border:1px solid #c6ecd6}
.dispo .e{font-size:28px}
.dispo b{display:block;font-size:15px;color:#0b6b3a}
.dispo small{font-size:12.5px;color:#2d7a50}
.offre{margin-top:14px;border-radius:20px;padding:14px 16px;background:linear-gradient(135deg,#0064fe,#3f8bff);color:#fff;position:relative;overflow:hidden}
.offre::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12)}
.offre small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.offre p{font-size:15px;font-weight:700;margin-top:4px;line-height:1.35;position:relative;z-index:1}
.notif{margin-top:12px;border-radius:18px;padding:12px 14px;background:#fff;border:1.5px solid #cfe0ff;font-size:13.5px;line-height:1.45;display:flex;gap:10px}
.notif b{display:block;font-size:12px;color:var(--bleu)}
.cta-code{margin-top:16px}
.cta-code .btn{padding:17px;font-size:16.5px;border-radius:18px}
.wal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.wal button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border-radius:14px;font-size:13px;font-weight:700;border:1.5px solid var(--ligne);background:#fff}
.wal button.g{background:#0a1220;color:#fff;border-color:#0a1220}
.wal button svg{width:18px;height:18px}
.reseaux{display:flex;justify-content:center;gap:12px;margin:22px 0 4px}
.reseaux button{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--doux);border:1px solid var(--ligne);color:var(--marine)}
.reseaux button svg{width:20px;height:20px}
.reseaux button.avis{width:auto;padding:0 14px;gap:7px;display:flex;align-items:center;font-size:13px;font-weight:700}
.pied{text-align:center;padding:16px 0 26px;font-size:11.5px;color:#8b97ab}
.pied button{color:#8b97ab;text-decoration:underline;font-size:11.5px}
.pied .pk{margin-top:8px}
.pied .pk b{color:var(--marine);font-weight:800}
.rc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.rcarte{border:1px solid var(--ligne);border-radius:20px;padding:14px;background:#fff;box-shadow:var(--ombre);position:relative}
.rcarte .e{font-size:28px}
.rcarte b{display:block;font-size:14px;margin-top:8px;line-height:1.25}
.rcarte small{font-size:12px;color:var(--gris)}
.rcarte .bar{height:6px;border-radius:6px;background:var(--doux);margin-top:10px;overflow:hidden}
.rcarte .bar i{display:block;height:100%;background:var(--c);border-radius:6px}
.rcarte .etat{position:absolute;top:12px;right:12px}
.histo{margin-top:14px;position:relative}
.histo .ev{display:flex;gap:12px;padding:0 0 18px;position:relative}
.histo .ev::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--ligne)}
.histo .ev:last-child::before{display:none}
.histo .ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex:none;background:var(--doux)}
.histo .ev b{display:block;font-size:14px;font-weight:700;margin-top:2px}
.histo .ev small{font-size:12px;color:var(--gris)}
.vide{text-align:center;color:var(--gris);font-size:14px;padding:30px 10px}
/* inscription */
.ins-ban{height:230px;position:relative;background-size:cover;display:flex;align-items:flex-end}
.ins-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.38))}
.ins-ban .in{position:relative;z-index:2;padding:0 20px 22px;color:#fff}
.ins-ban .lg{width:56px;height:56px;border-radius:17px;background:#fff;color:var(--c);display:grid;place-items:center;font-weight:900;font-size:24px;margin-bottom:12px;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.ins-ban h2{font-size:26px;font-weight:900;letter-spacing:-.025em;line-height:1.1}
.ins-ban p{font-size:14px;opacity:.92;margin-top:6px}
.ins-c{padding:20px 20px 8px;margin-top:-14px;background:#fff;border-radius:22px 22px 0 0;position:relative;z-index:3}
.gains{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 18px;padding:0 20px}
.gains::-webkit-scrollbar{display:none}
.gain{flex:none;display:flex;gap:9px;align-items:center;padding:10px 13px;border-radius:15px;background:var(--doux);border:1px solid var(--ligne);font-size:13px;font-weight:700}
.gain .e{font-size:20px}
.gain small{display:block;font-size:11.5px;color:var(--gris);font-weight:600}
.coche{display:flex;gap:10px;font-size:13px;color:var(--gris);line-height:1.45;margin:2px 0 18px}
.coche input{width:20px;height:20px;flex:none;margin-top:0;accent-color:var(--bleu)}
.garanties{display:flex;justify-content:center;gap:14px;margin-top:14px;font-size:12px;color:var(--gris);font-weight:600}
.garanties span{display:flex;align-items:center;gap:5px}
/* QR */
.qr-big{width:236px;height:236px;margin:18px auto 0;padding:14px;border-radius:24px;background:#fff;box-shadow:0 0 0 1.5px var(--ligne),0 20px 40px -20px rgba(4,34,73,.35);position:relative}
.qr-big canvas{width:100%;height:100%;image-rendering:pixelated;display:block}
.anneau{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:13px;color:var(--gris);font-weight:600}
.anneau svg{width:22px;height:22px;transform:rotate(-90deg)}
/* roue */

.roue-b svg.r{width:100%;height:100%;transition:transform 3.4s cubic-bezier(.15,.7,.2,1);filter:drop-shadow(0 14px 24px rgba(4,34,73,.25))}
.fleche{position:absolute;top:-8px;left:50%;transform:translateX(-50%);z-index:2;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid var(--marine);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.gagne{font-size:19px;font-weight:900;color:var(--vert);margin:8px 0 14px;min-height:26px;text-align:center}
/* ===== commerçant ===== */
.m-haut{padding:2px 18px 12px;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10}
.etab{display:flex;align-items:center;gap:10px;text-align:left}
.etab .c-logo{width:38px;height:38px;font-size:16px}
.etab b{display:block;font-size:15px;font-weight:800}
.etab small{font-size:12px;color:var(--gris);display:flex;align-items:center;gap:4px}
.m-c{padding:4px 18px 110px}
.m-c h2{font-size:24px;font-weight:900;letter-spacing:-.02em;margin:6px 0 14px}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpi{border:1px solid var(--ligne);border-radius:20px;padding:14px;background:#fff;box-shadow:var(--ombre)}
.kpi small{font-size:12px;color:var(--gris);font-weight:700;display:flex;align-items:center;gap:6px}
.kpi b{display:block;font-size:28px;font-weight:900;margin-top:6px;letter-spacing:-.03em}
.kpi em{font-style:normal;font-size:12px;font-weight:700;color:var(--vert)}
.kpi.bleu{background:var(--marine);color:#fff;border-color:var(--marine)}
.kpi.bleu small{color:#9fb3d6}
.kpi.bleu em{color:#7fc4ff}
.bloc{margin-top:22px}
.bloc>h4{font-size:15px;font-weight:800;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
.bloc>h4 span{font-size:12px;color:var(--gris);font-weight:600}
.carteb{border:1px solid var(--ligne);border-radius:20px;background:#fff;box-shadow:var(--ombre);overflow:hidden}
.barres{display:flex;align-items:flex-end;gap:9px;height:130px;padding:14px 14px 10px}
.barres div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}
.barres i{display:block;width:100%;border-radius:8px 8px 3px 3px;background:#cfe0ff;transition:height .5s}
.barres i.auj{background:var(--bleu)}
.barres small{font-size:11px;color:var(--gris);font-weight:600}
.barres b{font-size:11px;font-weight:800}
.alerte{border-radius:20px;padding:14px 16px;background:var(--orangef);border:1px solid #ffe0b3;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13.5px;line-height:1.4;color:#7a4700}
.alerte b{font-weight:800}
.ligne{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--ligne);font-size:14px;width:100%;text-align:left}
.ligne:first-child{border-top:0}
.av{width:38px;height:38px;border-radius:50%;background:#eaf1ff;color:var(--bleu);display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}
.ligne .t{flex:1;min-width:0}
.ligne .t b{display:block;font-weight:700}
.ligne .t small{color:var(--gris);font-size:12px}
.mini{width:64px;flex:none}
.mini .bar{height:6px;border-radius:6px;background:var(--doux);overflow:hidden}
.mini .bar i{display:block;height:100%;background:var(--bleu);border-radius:6px}
.mini small{display:block;text-align:right;font-size:11.5px;font-weight:800;margin-top:4px}
.nav{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:flex-end;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid var(--ligne);padding:6px 6px 16px}
.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#97a3b6;padding:6px 0}
.nav button svg{width:23px;height:23px}
.nav button.on{color:var(--bleu)}
.nav .fab{flex:none;width:64px;height:64px;margin:-28px 6px 0;border-radius:22px;background:var(--bleu);color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -10px rgba(0,100,254,.9)}
.nav .fab svg{width:28px;height:28px}
.recherche{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:var(--doux);border:1px solid var(--ligne);margin-bottom:12px}
.recherche input{border:0;background:none;flex:1;font-size:15px;outline:0}
.filtres{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}
.filtres button{padding:7px 12px;border-radius:99px;border:1.5px solid var(--ligne);font-size:12.5px;font-weight:700;color:var(--gris);white-space:nowrap}
.filtres button.on{border-color:var(--marine);background:var(--marine);color:#fff}
.flux .ev{display:flex;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid var(--ligne);font-size:13.5px}
.flux .ev:first-child{border-top:0}
.flux .ev .ic{width:32px;height:32px;border-radius:10px;background:var(--doux);display:grid;place-items:center;font-size:15px;flex:none}
.flux .ev span{flex:1}
.flux .ev small{color:var(--gris);font-size:12px}
.flux .ev.nv{background:#f5f9ff;animation:surb 1.2s}
@keyframes surb{from{background:#dbe8ff}}
/* scanner */
.scan{position:absolute;inset:0;z-index:35;background:#05080f;color:#fff;display:flex;flex-direction:column;animation:fond .2s}
.scan-grab{width:38px;height:5px;border-radius:3px;background:rgba(255,255,255,.35);margin:8px auto 0;flex:none}
.res.man{position:relative}.man-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:var(--sys-gris,#eef0f4);color:var(--marine);display:grid;place-items:center;border:0;cursor:pointer}.man-x svg{width:14px;height:14px}
.scan{touch-action:pan-x}.scan.mode-code .scan-v{display:none}.scan.mode-code .scan-b{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.scan.mode-code .scan-b>.res{margin-top:auto}
.scan-h{display:flex;justify-content:space-between;align-items:center;padding:12px 18px}
.scan-h button{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}
.scan-v{flex:1;display:grid;place-items:center;position:relative;background:radial-gradient(400px 300px at 50% 45%,#1b2638,#05080f)}
.scan-v .cadre{width:210px;height:210px;border-radius:28px;position:relative}
.scan-v .cadre i{position:absolute;width:44px;height:44px;border:4px solid #fff}
.scan-v .cadre i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:24px 0 0 0}
.scan-v .cadre i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 24px 0 0}
.scan-v .cadre i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 24px}
.scan-v .cadre i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 24px 0}
.scan-v .laser{position:absolute;left:16px;right:16px;height:2px;background:#4d94ff;box-shadow:0 0 16px 2px #4d94ff;animation:laser 1.8s infinite ease-in-out}
@keyframes laser{0%,100%{top:20%}50%{top:78%}}
.scan-v p{position:absolute;bottom:26px;width:100%;text-align:center;font-size:13.5px;opacity:.8}
.scan-b{padding:16px 18px 26px;background:#05080f}
.scan-b .demo{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12.5px;opacity:.75;margin-top:12px}
.res{border-radius:24px;padding:20px;text-align:center;animation:monte .3s}
.res.ok{background:var(--vert);color:#fff}
.res.non{background:#3a2a10;color:#ffd79a}
.res.cad{background:#fff;color:var(--marine)}
.res .gros{font-size:24px;font-weight:900;letter-spacing:-.02em}
.res p{font-size:14px;margin-top:5px;opacity:.92;line-height:1.45}
.res .btn{margin-top:14px}
.res .coche-anim{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;margin:0 auto 10px}
.res .coche-anim svg{width:30px;height:30px}
/* réglages */
.apercu{border-radius:22px;padding:14px;background:var(--doux);border:1px solid var(--ligne)}
.apercu .pass{margin:0;transform:scale(1);box-shadow:0 14px 28px -18px var(--c)}
.apercu .ban{height:84px}
.apercu .pass-c{padding:28px 14px 14px}
.apercu .pass-c .pr{font-size:20px}
.couleurs{display:flex;gap:10px;flex-wrap:wrap}
.couleurs button{width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--ligne);transition:.15s}
.couleurs button.on{box-shadow:0 0 0 2.5px var(--marine);transform:scale(1.08)}
.bans{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bans button{height:56px;border-radius:14px;background-size:cover;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--ligne)}
.bans button.on{box-shadow:0 0 0 2.5px var(--marine)}
.palier{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--ligne)}
.palier:first-child{border-top:0}
.palier .e{font-size:22px}
.palier input{flex:1;border:0;font-size:14.5px;font-weight:600;outline:0;min-width:0;background:none}
.pas{display:flex;align-items:center;border:1.5px solid var(--ligne);border-radius:12px;overflow:hidden;flex:none}
.pas button{width:32px;height:34px;font-size:18px;font-weight:800;color:var(--bleu)}
.pas b{min-width:26px;text-align:center;font-size:14px}
.inter{display:flex;align-items:center;gap:12px;padding:13px 14px;border-top:1px solid var(--ligne);font-size:14px}
.inter:first-child{border-top:0}
.inter>span:first-child{flex:1}
.inter>span:first-child small{display:block;color:var(--gris);font-size:12px}
.sw{width:46px;height:28px;border-radius:99px;background:#d5dce7;position:relative;flex:none;transition:.2s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.sw.on{background:var(--vert)}
.sw.on::after{left:21px}
.sw.off{opacity:.4}
.verrou{border:1.5px dashed #cbd4e1;border-radius:20px;padding:20px 16px;text-align:center;background:var(--doux)}
.verrou b{display:block;font-size:15.5px;margin:6px 0 4px}
.verrou p{font-size:13px;color:var(--gris);line-height:1.45}
.info{font-size:12px;color:var(--gris);line-height:1.5;margin-top:10px}
.choix{display:grid;gap:8px;margin-bottom:14px}
.choix label{display:flex;gap:10px;align-items:center;border:1.5px solid var(--ligne);border-radius:14px;padding:12px;font-size:14px;font-weight:600;background:#fff}
.choix label.on{border-color:var(--bleu);background:#f5f9ff}
.choix label.off{opacity:.45}
.choix label small{margin-left:auto;color:var(--gris);font-size:12px;font-weight:600}
.choix input{accent-color:var(--bleu);width:18px;height:18px}
.csv{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;background:var(--doux);border:1px solid var(--ligne);border-radius:14px;padding:12px;white-space:pre;overflow-x:auto;margin-top:14px;max-height:220px;line-height:1.6}
.fiche-t{display:flex;align-items:center;gap:12px;margin-top:6px}
.fiche-t .av{width:52px;height:52px;font-size:20px}
.fiche-t b{font-size:19px;font-weight:800}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.trio div{border:1px solid var(--ligne);border-radius:16px;padding:12px;text-align:center}
.trio b{display:block;font-size:20px;font-weight:900}
.trio small{font-size:11.5px;color:var(--gris);font-weight:600}
.lot{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--ligne);font-size:14px}
.lot:first-child{border-top:0}
.lot .pastille{width:14px;height:14px;border-radius:5px;flex:none}
.lot span{flex:1;font-weight:600}
.lot span small{display:block;color:var(--gris);font-size:12px;font-weight:500}
.c-logo img,.lg img,.logo-ap img{width:100%;height:100%;object-fit:contain;border-radius:inherit;display:block}
.lg:has(img),.logo-ap:has(img){background:#fff;padding:5px}
.c-logo:has(img){background:#fff;padding:3px;box-shadow:0 0 0 1px var(--ligne)}
.logo-ed{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.logo-ap{width:64px;height:64px;border-radius:18px;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:900;font-size:26px;flex:none;box-shadow:0 0 0 1px var(--ligne)}
.logo-ed .act{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.logo-ed label.btn{cursor:pointer}
.logo-ed small{font-size:11.5px;color:var(--gris)}
.lot-ed .em{font-size:22px;width:36px;height:36px;border-radius:10px;background:var(--doux);display:grid;place-items:center;flex:none}
.suppr{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--rouge);flex:none}
.suppr:hover{background:#fdecea}
.suppr:disabled{color:#c9d1dc;background:none;cursor:default}
.lot-ed{padding:12px 14px;border-top:1px solid var(--ligne)}
.lot-ed:first-child{border-top:0}
.lot-ed .l1{display:flex;align-items:center;gap:10px}
.lot-ed .l1 input{flex:1;min-width:0;border:0;font-size:14.5px;font-weight:700;outline:0;background:none}
.lot-ed .pastille{width:22px;height:22px;border-radius:7px;flex:none;border:2px solid #fff;box-shadow:0 0 0 1px var(--ligne)}
.lot-ed .l2{display:flex;align-items:center;gap:10px;margin-top:8px;padding-left:32px;font-size:12.5px;color:var(--gris);font-weight:600}
.lot-ed .l2 input{width:74px;padding:7px 9px;border:1.5px solid var(--ligne);border-radius:10px;font-size:13.5px;font-weight:700;color:var(--marine)}
.lot-ed .l2 .pct{margin-left:auto;color:var(--marine);font-weight:800}
.lot-ed .pas button{width:28px;height:30px}
.chip{padding:7px 10px;border-radius:10px;border:1.5px solid var(--ligne);font-size:12.5px;font-weight:800;color:var(--gris);background:#fff;white-space:nowrap}
.chip.on{border-color:var(--bleu);background:#eaf1ff;color:var(--bleu)}
.lot-ed .l2{flex-wrap:wrap}
.crop{position:relative;width:260px;height:260px;margin:16px auto 0;border-radius:24px;overflow:hidden;background:repeating-conic-gradient(#eef1f6 0 25%,#fff 0 50%) 0 0/20px 20px;touch-action:none;cursor:grab;box-shadow:0 0 0 1.5px var(--ligne)}
.crop:active{cursor:grabbing}
.crop canvas{width:100%;height:100%;display:block}
.crop .masque{position:absolute;inset:0;pointer-events:none;border-radius:24px;box-shadow:inset 0 0 0 3px var(--bleu)}
.zoom{display:flex;align-items:center;gap:10px;margin:16px 4px 0;font-size:18px;color:var(--gris)}
.zoom input{flex:1;accent-color:var(--bleu)}
.crop-modes{display:flex;gap:8px;justify-content:center;margin-top:12px}
.rs-ed{padding:12px 14px;border-top:1px solid var(--ligne)}
.rs-ed:first-child{border-top:0}
.rs-ed .l1{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.rs-ed .l1 .ic{width:32px;height:32px;border-radius:10px;background:var(--doux);display:grid;place-items:center;flex:none}
.rs-ed .l1 .ic svg{width:17px;height:17px}
.rs-ed .l1 span{flex:1}
.rs-ed input{width:100%;margin-top:9px;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:12px;font-size:14px}
.rs-ed input:focus{outline:0;border-color:var(--bleu)}
.rs-ed .ok{font-size:11.5px;color:var(--vert);margin-top:5px;word-break:break-all}
.rs-ed .err{font-size:11.5px;color:var(--rouge);margin-top:5px}
.rs-ed .vide{font-size:11.5px;color:#a85f00;margin-top:5px;padding:0;text-align:left}
.delais{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
a.rsb{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--doux);border:1px solid var(--ligne);color:var(--marine)}
a.rsb svg{width:20px;height:20px}
.tab{border-collapse:collapse;font-size:11.5px;white-space:nowrap;width:max-content}
.tab th{background:var(--marine);color:#fff;font-weight:700;padding:7px 9px;text-align:left}
.tab th:first-child{border-radius:8px 0 0 0}.tab th:last-child{border-radius:0 8px 0 0}
.tab td{padding:7px 9px;border-bottom:1px solid var(--ligne)}
.tab tr:nth-child(even) td{background:var(--doux)}
.lien-l{color:inherit;text-decoration:underline;font:inherit;font-size:inherit;padding:0}
.pied .liens{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}
.pied .liens button{color:#8b97ab;text-decoration:none;font-size:11.5px}
.pied .liens button:hover{text-decoration:underline}
.secu{margin-top:14px;border-radius:20px;padding:14px 16px;background:#fff;border:1.5px dashed #cfd8e6}
.secu.ok{border-style:solid;border-color:#c6ecd6;background:var(--vertf)}
.secu.ok b{color:#0b6b3a}.secu.ok p{color:#2d7a50}
.secu-h{display:flex;justify-content:space-between;align-items:center}
.secu-h b,.secu b{font-size:14.5px}
.secu-h button{color:#9aa5b7}
.secu p{font-size:12.5px;color:var(--gris);margin-top:3px;line-height:1.4}
.secu-l{display:flex;gap:8px;margin-top:10px}
.secu-l input{flex:1;min-width:0;padding:11px 12px;border:1.5px solid var(--ligne);border-radius:12px;font-size:15px}
.secu .err{font-size:12px;color:var(--rouge);margin-top:4px}
.legal{text-align:left;font-size:13px;line-height:1.55;color:#33415c}
.legal h5{font-size:13.5px;color:var(--marine);margin:14px 0 4px}
.legal p,.legal li{margin:0 0 6px}
.legal ul{padding-left:18px}
.legal .maj{font-size:11.5px;color:#8b97ab;margin-top:12px}
.way{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--ligne);border-radius:16px;margin-top:10px;text-align:left;width:100%}
.way .ic{font-size:22px;width:40px;height:40px;border-radius:12px;background:var(--doux);display:grid;place-items:center;flex:none}
.way b{display:block;font-size:14.5px}
.way small{display:block;font-size:12.5px;color:var(--gris);line-height:1.4;margin-top:2px}

/* ===== Couche Apple (HIG + Designing Fluid Interfaces) ===== */
:root{--sys-fond:#f2f2f7;--sys-gris:rgba(118,118,128,.12);--sys-sep:rgba(60,60,67,.14);--sys-vert:#34c759;--ressort:cubic-bezier(.32,.72,0,1)}
.ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em;flex:none}
.badge-ic{width:60px;height:60px;border-radius:50%;margin:2px auto 12px;display:grid;place-items:center;background:#eaf1ff;color:var(--bleu)}
.badge-ic .ico{width:30px;height:30px}
.badge-ic.rouge{background:#fdecea;color:var(--rouge)}.badge-ic.jaune{background:#fff5d6;color:#c98a00}.badge-ic.vert{background:var(--vertf);color:var(--vert)}
.res .badge-ic{margin-bottom:8px}
/* boutons : rempli, gris teinté, petit ; retour au toucher immédiat */
.btn{min-height:50px;padding:0 18px;border-radius:14px;font-weight:600;font-size:16px;letter-spacing:-.01em;box-shadow:none;transition:transform .1s ease-out,opacity .1s ease-out,background .2s}
.btn:active{transform:scale(.97);opacity:.82}
.btn.sec{background:var(--sys-gris);color:var(--marine);border:0}
.btn.vert,.btn.noir{box-shadow:none}
.btn.petit{min-height:36px;padding:0 14px;border-radius:10px;font-size:14px}
.btn .ico{width:20px;height:20px}
.chip,.filtres button,.wal button,.reseaux button.avis,a.rsb,.reseaux button,.way,.sw,.pas button,.couleurs button,.bans button,.c-tabs button,.seg button{transition:transform .1s ease-out,background .2s,opacity .1s}
.chip:active,.filtres button:active,.wal button:active,.reseaux button:active,a.rsb:active,.way:active,.pas button:active{transform:scale(.96);opacity:.8}
.chip{border:0;background:var(--sys-gris);color:var(--marine);font-weight:600;border-radius:9px;min-height:32px}
.chip.on{background:var(--bleu);color:#fff}
/* contrôle segmenté iOS */
.filtres{display:flex;width:fit-content;max-width:100%;background:var(--sys-gris);border-radius:10px;padding:2px;gap:0}
.filtres button{border:0;border-radius:8px;padding:7px 13px;color:var(--marine);font-weight:600;background:none}
.filtres button.on{background:#fff;color:var(--marine);box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
/* listes groupées encartées */
#M{background:var(--sys-fond)}
.m-haut{background:rgba(242,242,247,.82);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}
.carteb,.kpi{border:0;box-shadow:none;border-radius:14px;background:#fff}
.kpi.bleu{background:var(--marine)}
.inter,.ligne,.lot,.palier,.lot-ed,.rs-ed,.flux .ev{border-top-color:var(--sys-sep)}
.alerte{border:0}
.verrou{border:0;background:#fff}
.m-c h2{font-size:32px;letter-spacing:-.025em;line-height:1.1}
.bloc>h4{font-size:13px;font-weight:600;color:var(--gris);text-transform:uppercase;letter-spacing:.03em;padding:0 4px}
.bloc>h4 span{text-transform:none;letter-spacing:0}
/* interrupteurs iOS */
.sw{width:51px;height:31px;background:#e3e4e8}
.sw::after{top:2px;left:2px;width:27px;height:27px;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.06);transition:left .3s var(--ressort)}
.sw.on{background:var(--sys-vert)}
.sw.on::after{left:22px}
/* feuilles : courbe des feuilles iOS, poignée, fond assombri */
.feuille{animation:monte .5s var(--ressort);border-radius:14px 14px 0 0;padding-top:8px}
@keyframes monte{from{transform:translateY(100%)}}
.voile{background:rgba(0,0,0,.32);backdrop-filter:none;animation:fond .3s ease-out}
.feuille h3{font-size:20px;font-weight:700;letter-spacing:-.02em}
/* HUD de confirmation : matériau translucide, sans emoji */
.toast{background:rgba(28,28,30,.86);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:14px;font-weight:600;font-size:14px;padding:12px 14px;animation:hud 2.6s var(--ressort) forwards}
@keyframes hud{0%{transform:translateY(-16px) scale(.96);opacity:0}10%,86%{transform:none;opacity:1}100%{transform:translateY(-8px);opacity:0}}
.t-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--sys-vert);color:#fff}
.t-ic.alerte{background:#ff9f0a}
.t-ic .ico{width:15px;height:15px;stroke-width:2.6}
/* icônes dans les composants */
.gain .e,.rcarte .e,.lot-ed .em{color:var(--c)}
.gain .e .ico{width:22px;height:22px}
.rcarte .e .ico{width:30px;height:30px}
.lot-ed .em .ico{width:20px;height:20px}
.jalon{color:var(--c)}.jalon .ico{width:14px;height:14px}.jalon.ok{color:#fff}
.tp-r.cad{color:var(--c)}.tp-r.cad .ico{width:17px;height:17px}
.dispo .e{color:var(--vert)}.dispo .e .ico{width:28px;height:28px}
.histo .ic,.flux .ev .ic{color:var(--marine)}.histo .ic .ico{width:18px;height:18px}.flux .ev .ic .ico{width:16px;height:16px}
.n-ic{color:var(--bleu)}.n-ic .ico{width:22px;height:22px}
.lock{color:#9aa5b7}.lock .ico{width:18px;height:18px}
.way .ic{color:var(--bleu)}.way .ic .ico{width:22px;height:22px}
.secu b .ico{width:17px;height:17px;vertical-align:-.25em;color:var(--bleu)}.secu.ok b .ico{color:var(--vert)}
.gain-l{display:flex;align-items:center;gap:10px}.gain-l .ico{color:var(--vert);width:18px;height:18px}
.garanties span+span::before{content:"·";margin-right:14px;color:#c3cbd8}
.garanties{gap:14px}
/* accessibilité */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,100,254,.4);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.roue-b svg.r{transition:transform .01ms!important}}
@media (prefers-reduced-transparency:reduce){.toast,.m-haut,.nav{backdrop-filter:none;background:#1c1c1e}.m-haut,.nav{background:#fff}}
.semaine{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}.jour{min-width:0;box-sizing:border-box}.jour input{width:auto!important;box-sizing:border-box}
.jour{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--sys-fond)}
.jour.auj{background:#eaf1ff;box-shadow:inset 0 0 0 1.5px var(--bleu)}
.jour .jn{width:76px;flex:none;font-weight:700;font-size:13.5px}
.jour .jn small{display:block;font-size:10px;font-weight:700;color:var(--bleu);text-transform:uppercase;letter-spacing:.02em}
.jour input{flex:1;min-width:0;border:0;background:#fff;border-radius:9px;padding:9px 10px;font-size:14px}
.jour input:focus{outline:2px solid rgba(0,100,254,.35)}
.apercu-offre{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--sys-fond);font-size:13px;color:var(--marine);line-height:1.4}
.rec-liste{display:grid;gap:8px;margin-top:14px;text-align:left}
.rec-l{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--vertf);width:100%;transition:transform .1s}
.rec-l:active{transform:scale(.97)}
.rec-l .e{color:var(--vert);width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none}
.rec-l .e .ico{width:20px;height:20px}
.rec-l b{display:block;font-size:15px;color:#0b6b3a}.rec-l small{font-size:12.5px;color:#2d7a50;font-weight:600}
.tour-att{display:flex;gap:12px;align-items:center;width:100%;margin-top:14px;padding:14px 16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 40%,#fff);text-align:left;transition:transform .1s}
.tour-att:active{transform:scale(.98)}
.tour-att .e{color:var(--c)}.tour-att .e .ico{width:28px;height:28px}
.tour-att b{display:block;font-size:15px}.tour-att small{font-size:12.5px;color:var(--gris)}
.tour-att .go{margin-left:auto;background:var(--c);color:#fff;font-weight:700;font-size:14px;padding:8px 14px;border-radius:10px}
.jeu-h{text-align:center}
.jeu-stage{overflow:hidden;position:relative;margin:12px -20px 0;padding:26px 0 20px;background:radial-gradient(closest-side at 50% 50%,color-mix(in srgb,var(--c) 18%,#fff),#fff 100%)}
.roue-b{position:relative;width:292px;height:292px;margin:0 auto;-webkit-user-select:none;user-select:none}
.roue-b svg.r{width:100%;height:100%;transition:none!important;filter:drop-shadow(0 22px 30px rgba(0,0,0,.24));cursor:pointer}
.roue-b .bulb{fill:#fff;animation:bulb 1.4s ease-in-out infinite}
.roue-b .bulb.b2{animation-delay:.7s}
.roue-b.tourne .bulb{animation-duration:.28s}
@keyframes bulb{50%{fill-opacity:.35}}
.pin{position:absolute;top:-14px;left:50%;width:34px;height:44px;margin-left:-17px;z-index:3;transform-origin:50% 34%;filter:drop-shadow(0 5px 6px rgba(0,0,0,.28))}
.pin svg{width:100%;height:100%}
.pin.tic{animation:tic .16s ease-out}
@keyframes tic{35%{transform:rotate(-18deg)}}
.hub{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:#fff;color:var(--c);font-weight:900;font-size:13px;letter-spacing:.08em;z-index:2;box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 0 0 5px color-mix(in srgb,var(--c) 18%,#fff);transition:transform .12s ease-out}
.hub:active{transform:scale(.92)}
.hub:disabled{color:color-mix(in srgb,var(--c) 45%,#fff)}
.res-jeu{position:absolute;inset:0;display:grid;place-items:center;z-index:6;background:rgba(255,255,255,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fond .3s ease-out}
.res-jeu[hidden]{display:none}
.rayons{pointer-events:none;position:absolute;width:420px;height:420px;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--c) 16%,transparent) 0 10deg,transparent 10deg 20deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);mask:radial-gradient(closest-side,#000 30%,transparent);animation:rayons 18s linear infinite}
@keyframes rayons{to{transform:rotate(360deg)}}
.rj{position:relative;background:#fff;border-radius:24px;padding:20px 22px 18px;width:232px;text-align:center;box-shadow:0 24px 48px -16px rgba(0,0,0,.35);animation:rj .55s var(--ressort)}
@keyframes rj{from{transform:scale(.7);opacity:0}}
.rj-t{font-size:24px;font-weight:900;letter-spacing:-.02em}
.rj-l{font-size:16px;font-weight:700;margin-top:4px;color:var(--marine)}
.rj-s{font-size:12.5px;color:var(--gris);margin-top:6px}
/* champs toujours clairs, même si le téléphone est en mode sombre */
:root{color-scheme:light}
input,textarea,select{background-color:#fff;color:var(--marine)}
.rs-ed input,.champ input,.champ textarea,.secu-l input,.recherche input{background-color:#fff}
.recherche input{background:none}
.lock{border-radius:24px;padding:22px 14px 18px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 70%,#1a2340),#0d1426);color:#fff;text-align:center}
.lock-h b{display:block;font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1}
.lock-h small{display:block;font-size:13px;opacity:.8;margin-top:4px;text-transform:capitalize}
.notif-ios{display:flex;gap:10px;text-align:left;margin-top:22px;padding:12px;border-radius:18px;background:rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#111;animation:monte .6s var(--ressort)}
.ni-ic{width:38px;height:38px;border-radius:10px;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:900;flex:none;overflow:hidden}
.ni-ic img{width:100%;height:100%;object-fit:contain;background:#fff}
.ni-t{flex:1;min-width:0}
.ni-r{display:flex;justify-content:space-between;gap:8px}.ni-r b{font-size:14px}.ni-r small{font-size:12px;color:#6b6b70}
.ni-s{font-size:11.5px;color:#6b6b70;margin-top:1px}
.notif-ios p{font-size:14px;line-height:1.35;margin-top:4px}
.bloc-t{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 4px}
.bloc-t b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--marine)}
.bloc-t small{display:block;font-size:12.5px;color:var(--gris);margin-top:1px}
.bloc-t .sw{flex:none}
.rj-lot{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:12px;color:#fff;font-weight:800;font-size:16px;max-width:100%;overflow-wrap:anywhere}
.lot-ed .l1 input,.lot-ed input[data-pn]{text-overflow:ellipsis}
.inter>span:first-child,.inter>span:first-child small{overflow-wrap:anywhere}
.lot-ed .l2{row-gap:8px}
.lot-ed .l2-n{width:62px;flex:none}
.emo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;font-style:normal;line-height:1;font-size:1.1em}
.sec-t{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);margin:4px 4px 10px}
.sec-t span{text-transform:none;letter-spacing:0;font-weight:700;color:var(--c)}
.tickets{display:grid;gap:10px}
.ticket{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px 12px 12px;box-shadow:0 1px 2px rgba(4,34,73,.06),0 6px 18px rgba(4,34,73,.06);margin-bottom:10px;overflow:hidden}
.tickets .ticket{margin-bottom:0}
.ticket::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tc)}
.ticket .tk-g{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);font-size:24px;margin-left:4px}
.ticket .tk-g .ico{width:22px;height:22px}
.ticket .tk-c{flex:1;min-width:0}
.ticket .tk-c small{display:block;font-size:11.5px;font-weight:700;color:var(--gris)}
.ticket .tk-c b{display:block;font-size:15.5px;color:var(--marine);margin:1px 0;overflow-wrap:anywhere}
.ticket .tk-c span{display:block;font-size:12px;color:var(--gris)}
.ticket .puce{flex:none;font-size:11px}
.ticket.use{opacity:.55}.ticket.use::before{background:#c7ccd6}
.vide-r{display:grid;justify-items:center;text-align:center;gap:4px;padding:22px 16px;background:#fff;border-radius:16px;color:var(--gris)}
.vide-r .ico{width:28px;height:28px;color:var(--c);margin-bottom:4px}.vide-r b{color:var(--marine);font-size:14.5px}.vide-r small{font-size:12.5px}
.lot-ed .em .emo{font-size:21px}
.lot-ed .em-l{width:32px;height:32px;border-radius:9px;background:var(--doux);display:grid;place-items:center;flex:none;font-size:18px;color:var(--gris)}
.lot-ed .em-l .ico{width:18px;height:18px}
.emo-f .apercu{width:84px;height:84px;margin:6px auto 10px;border-radius:22px;background:var(--doux);display:grid;place-items:center;font-size:46px;color:var(--c)}
.emo-f .apercu .ico{width:36px;height:36px}
.emo-f input{width:100%;text-align:center;font-size:28px;padding:10px;border:1.5px solid var(--ligne);border-radius:14px;background:#fff;color:var(--marine)}
.emo-f .grille{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:12px 0}
.emo-f .grille button{aspect-ratio:1;border-radius:10px;background:var(--doux);font-size:21px;display:grid;place-items:center}
.emo-f .grille button.on{box-shadow:0 0 0 2px var(--bleu) inset;background:#fff}
.emo-f input,.emo-f .grille button{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui}
.tk-exp.urg{color:#c2410c!important;font-weight:700}
.recup-m{background:var(--doux);border-radius:16px;padding:14px;text-align:center}
.recup-m b{color:var(--marine);font-size:14.5px}.recup-m p{font-size:12.5px;color:var(--gris);margin:10px 0 0}
.recup-l{margin:12px 0 0;padding-left:18px;font-size:13.5px;color:var(--gris);display:grid;gap:6px;text-align:left}
#b-anc{font-size:12px;color:var(--gris);text-decoration:underline}
.ev.cache-l{display:none!important}
.plus-l{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;margin-top:6px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--bleu);background:color-mix(in srgb,var(--bleu) 7%,#fff)}
.plus-l:active{transform:scale(.98)}
.plus-l.tout{background:none;text-decoration:underline;text-underline-offset:3px}
.flux-b{padding-bottom:8px}.flux-b .plus-l{width:calc(100% - 16px);margin:6px 8px 0}
.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 4px}
.pager button{padding:9px 12px;border-radius:10px;background:var(--doux);font-weight:700;font-size:13.5px;color:var(--marine)}
.pager button:disabled{opacity:.35}.pager span{font-weight:800;color:var(--marine);font-size:13.5px}
.liste-w{margin-bottom:16px}
.fin-l{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;padding:10px;font-size:12.5px;font-weight:600;color:var(--gris)}
.fin-l .ico{width:14px;height:14px;color:#12a150}
.flux-b .fin-l{margin:4px 8px 0}
.flux-b .liste-w{margin-bottom:4px}
.qui{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--ligne);text-align:left;flex:none}
.qui .av{width:28px;height:28px;border-radius:50%;background:var(--bleu);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.qui b{display:block;font-size:12.5px;color:var(--marine);line-height:1.1}.qui small{display:block;font-size:10.5px;color:var(--gris)}
.ligne.eq{cursor:default}.ligne.eq .chip{flex:none;font-size:12px;padding:6px 10px}.ligne.eq .suppr{flex:none}
.eq-aj{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--ligne)}
.eq-aj input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:12px;font-size:14px;background:#fff;color:var(--marine)}
.pin-pts{display:flex;justify-content:center;gap:14px;margin:18px 0 6px}.pin-pts i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px var(--marine) inset}.pin-pts i.on{background:var(--marine)}
.pave{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:10px auto 0}
.pave button{height:56px;border-radius:50%;width:56px;justify-self:center;background:var(--doux);font-size:22px;font-weight:600;color:var(--marine)}
.pave button:active{background:#dde3ee;transform:scale(.95)}
.pin-gros{font-size:40px;font-weight:800;letter-spacing:.15em;text-align:center;color:var(--marine);margin:16px 0 4px;font-variant-numeric:tabular-nums}
.mini-ch{margin-bottom:8px}.mini-ch span{font-size:12.5px}.mini-ch input{padding:11px 12px;font-size:15px}
.coche.oblig{font-size:12px;margin:6px 0 12px;line-height:1.45}
#f-contact .btn{min-height:46px}
.wal-seg{margin-bottom:16px}
.wal-a{text-align:center}.wal-a h3{margin-top:4px}
.wal-ill{width:64px;height:64px;margin:0 auto 6px;border-radius:18px;background:#000;color:#fff;display:grid;place-items:center}.wal-ill svg{width:30px;height:30px}
.wal-a .btn.noir{margin-top:14px}
.etapes{list-style:none;padding:0;margin:16px 0 4px;display:grid;gap:10px;text-align:left}
.etapes li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--marine)}
.etapes li b{width:24px;height:24px;border-radius:50%;background:var(--doux);display:grid;place-items:center;font-size:12px;flex:none}
.etapes .ico{width:18px;height:18px;color:var(--bleu);vertical-align:-4px}.etapes em{font-style:normal;font-weight:700}
.safari{margin:14px auto 0;width:220px;border-radius:16px;background:#f6f7f9;box-shadow:0 0 0 1px var(--ligne);overflow:hidden}
.sf-url{margin:10px;padding:7px;border-radius:9px;background:#e9ebef;font-size:11.5px;color:var(--gris)}
.sf-bar{display:flex;justify-content:space-around;align-items:center;padding:8px 6px 12px}
.sf-bar span{width:16px;height:4px;border-radius:2px;background:#c9ced8}
.sf-bar .sf-pt{width:auto;height:auto;background:none;color:var(--bleu);animation:pt 1.4s ease-in-out infinite}.sf-bar .sf-pt .ico{width:22px;height:22px}
@keyframes pt{50%{transform:translateY(-4px) scale(1.12)}}
.rappel-w{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:0 0 12px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--ligne)}
.rappel-w .ic{width:40px;height:40px;border-radius:12px;background:#000;color:#fff;display:grid;place-items:center;flex:none}
.rappel-w b{display:block;font-size:14px;color:var(--marine)}.rappel-w small{font-size:12px;color:var(--gris)}.rappel-w>svg{margin-left:auto;color:var(--gris)}
.wal-a .btn.noir svg,.rappel-w .ic svg{width:22px;height:22px;flex:none}
.res .btn.suivant{background:#fff;color:var(--vert,#12a150);font-weight:800;min-height:58px;font-size:17px;box-shadow:none}
.res .auto{height:4px;border-radius:2px;background:rgba(255,255,255,.25);margin:14px 4px 6px;overflow:hidden}
.res .auto i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;animation:auto 3s linear forwards}
@keyframes auto{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.res .auto-t{display:block;font-size:11.5px;opacity:.8}
.lien-res{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:6px 10px;font-size:12.5px;font-weight:600;color:#fff;opacity:.75;text-decoration:underline;text-underline-offset:3px}
.lien-res .ico{width:15px;height:15px}
.rec-cat{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gris);margin:6px 2px 0}
.rec-cat .ico{width:15px;height:15px}.rec-cat span{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:700}
.rec-cat.roue{color:#7b3fb5}
.rec-l .tag{margin-left:auto;flex:none;font-size:12px;font-weight:800;padding:4px 8px;border-radius:8px;background:#fff;color:var(--vert,#12a150)}
.rec-l .tag.roue{color:#7b3fb5}
.rec-l.g{background:color-mix(in srgb,var(--tc) 10%,#fff);box-shadow:inset 4px 0 0 var(--tc)}
.rec-l.g .e{font-size:22px}
.rec-l>span:nth-child(2){flex:1;min-width:0}
.conf-u .conf-ic .e{width:64px;height:64px;border-radius:18px;margin:0 auto 10px;display:grid;place-items:center;font-size:34px;background:var(--vertf)}
.conf-u .conf-ic .ico{width:30px;height:30px}
.conf-q{display:block;font-size:13px;font-weight:700;color:var(--gris);margin-bottom:2px}
.btn.vert{background:var(--vert,#12a150)}
.kpi2{grid-template-columns:1fr 1fr}
.ligne.eq .t[role=button]{cursor:pointer}.ligne.eq .t u{color:var(--bleu);text-decoration:none;font-weight:700}
.rec-l>span:nth-child(2){text-align:left}.rec-l>span:nth-child(2) b{display:block}
.rec-l.g b{color:var(--marine)}.rec-l.g small{color:var(--gris)}
.ban-photo{display:flex;align-items:center;gap:10px;margin-top:10px}
.ban-photo .btn.petit{width:auto;display:inline-flex;gap:6px}.ban-photo .btn .ico{width:16px;height:16px}
.ban-t{width:64px;height:40px;border-radius:10px;background-size:cover;background-position:center;flex:none}.ban-t.on{box-shadow:0 0 0 2.5px var(--marine)}
.crop-ban{aspect-ratio:520/292;width:100%;height:auto;border-radius:14px;overflow:hidden;touch-action:none;cursor:grab;position:relative;margin-top:14px}
.crop-ban canvas{width:100%;height:100%;display:block}
.ban-guide{position:absolute;left:0;right:0;top:50%;height:58%;transform:translateY(-50%);box-shadow:0 0 0 999px rgba(4,34,73,.35);border:2px solid #fff;border-radius:10px;pointer-events:none}
.g-logo{width:18px;height:18px;flex:none}
.reseaux button.g-avis{background:#fff;color:#3c4043;box-shadow:0 0 0 1px #dadce0}
.btn.g-btn{background:#fff;color:#3c4043;box-shadow:0 0 0 1.5px #dadce0}.btn.g-btn .g-logo{width:22px;height:22px}
.c-page{min-height:100%;display:flex;flex-direction:column}
.c-page>.pied{margin-top:auto}
.pied{padding:22px 20px 26px;border-top:1px solid var(--ligne);margin-top:24px;text-align:center}
.pied .liens{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-bottom:8px}
.pied .liens button,.pied button{font-size:12px;color:#8b97ab;text-decoration:none!important;font-weight:500}
.pied .liens button:hover{color:var(--marine)}
.pied .pk{margin-top:10px;font-size:12px;color:#8b97ab}.pied .pk b{color:var(--marine)}
.cta-code{position:sticky;bottom:0;z-index:5;margin:16px 0 0;padding:12px 18px 14px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%)}
.cta-code .btn .ico{width:22px;height:22px}
.offre{background:#fff!important;color:var(--marine)!important;display:flex;gap:12px;align-items:flex-start;box-shadow:inset 4px 0 0 var(--c),0 0 0 1px color-mix(in srgb,var(--c) 22%,#e6eaf1);border-radius:16px!important}
.offre::before,.offre::after{display:none!important}
.offre>.ico{width:22px;height:22px;color:var(--c);flex:none;margin-top:2px}
.offre small{color:var(--c);opacity:1!important}.offre p{color:var(--marine)}
.w-badge{display:flex;align-items:center;gap:12px;margin:12px auto 0;padding:9px 22px 9px 16px;border-radius:12px;background:#000;color:#fff;text-align:left;min-width:210px;justify-content:center}
.w-badge svg{width:26px;height:26px;flex:none}.w-badge small{display:block;font-size:11px;opacity:.85;line-height:1.1}.w-badge b{display:block;font-size:17px;line-height:1.15;font-weight:600}
.w-badge:active{transform:scale(.97)}
.num-c{text-align:center;margin-top:14px}.num-c small{display:block;font-size:11.5px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.06em}
.num-c b{display:block;font-size:30px;font-weight:800;letter-spacing:.12em;color:var(--marine);font-variant-numeric:tabular-nums;margin:2px 0}.num-c span{font-size:12.5px;color:var(--gris)}
.saisie{margin-top:8px;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}.saisie .ico{width:18px;height:18px}
.res.man .man-v{font-size:32px;font-weight:800;letter-spacing:.12em;margin:12px 0 2px;font-variant-numeric:tabular-nums;color:var(--marine)}.res.man .man-v i{font-style:normal;color:#c7ccd6}
.res .auto-t b{font-variant-numeric:tabular-nums}
.res .auto i{animation-duration:5s!important}
.emo-aide{display:flex;gap:10px;align-items:flex-start;background:var(--doux);border-radius:14px;padding:12px;margin-top:12px;font-size:13px;color:var(--marine);text-align:left}
.emo-aide .ico{width:20px;height:20px;flex:none;color:var(--bleu)}
.emo-f .apercu .sans{font-size:13px;font-weight:700;color:var(--gris)}
.e:empty,.tk-g:empty{display:none!important}
.limite{display:flex;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid var(--ligne);background:#f5f9ff}
.limite b{display:block;font-size:13.5px;color:var(--marine)}.limite small{display:block;font-size:12px;color:var(--gris);margin-top:2px}.limite .btn{flex:none;width:auto}
.aide-l{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;margin:4px 0 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--ligne)}
.aide-l>.ico{width:22px;height:22px;color:var(--bleu);flex:none}.aide-l b{display:block;font-size:14.5px;color:var(--marine)}.aide-l small{font-size:12px;color:var(--gris)}.aide-l>svg:last-child{margin-left:auto;color:var(--gris)}
.urg{background:#fff4e5;border-radius:18px;padding:14px;margin-bottom:16px;box-shadow:0 0 0 1px #ffd699}
.urg>b{display:flex;align-items:center;gap:8px;color:#8a4b00;font-size:15px}.urg>b .ico{width:18px;height:18px}
.urg p{font-size:13px;color:#6b4a1d;margin:4px 0 10px}.urg small{display:block;font-size:12px;color:#8a6a3d;margin-top:10px}
.urg-b{display:grid;gap:8px}.urg-b .btn{text-decoration:none}.urg-b .btn .ico{width:18px;height:18px}
.tk-f{padding:14px}.tk-f select,.tk-f textarea{width:100%;padding:11px 12px;border:1.5px solid var(--ligne);border-radius:12px;font:inherit;font-size:14px;background:#fff;color:var(--marine)}
.ligne.tk{align-items:flex-start;cursor:default}.ligne.tk small{display:block}
.faq details{border-top:1px solid var(--ligne);padding:12px 14px}.faq details:first-child{border-top:0}
.faq summary{font-weight:700;font-size:14px;color:var(--marine);cursor:pointer}.faq p{font-size:13px;color:var(--gris);margin-top:6px}
details.ea{margin-top:14px;text-align:left}details.ea summary{font-size:13px;font-weight:700;color:var(--bleu);cursor:pointer;text-align:center}
.os-demo{display:inline-flex;margin-left:10px;background:#fff;border-radius:99px;padding:2px;box-shadow:0 0 0 1px var(--ligne);vertical-align:middle}
.os-demo button{font-size:10.5px;padding:3px 9px;border-radius:99px;color:var(--gris);font-weight:800;letter-spacing:.04em}.os-demo button.on{background:var(--marine);color:#fff}
.ligne.eq .t{flex:1;min-width:0}.ligne.eq .act-l{color:var(--bleu);font-weight:700;white-space:nowrap}
.emo-f input::placeholder{font-size:16px;letter-spacing:0;font-family:Archivo,system-ui,sans-serif}
.ligne.eq .t small{display:block}
.c-logo img,.lg img,.logo-ap img{object-fit:cover!important}
.lg:has(img),.logo-ap:has(img),.c-logo:has(img){padding:0!important;background:#fff;overflow:hidden}
.ban .lg,.ins-ban .lg{box-shadow:0 0 0 2.5px #fff,0 10px 24px -6px rgba(4,20,45,.55),0 2px 6px rgba(4,20,45,.25)!important}
.ban .lg:has(img),.ins-ban .lg:has(img){box-shadow:0 0 0 2.5px #fff,0 10px 24px -6px rgba(4,20,45,.55),0 2px 6px rgba(4,20,45,.25)!important}
.c-logo:has(img){box-shadow:0 0 0 1px rgba(4,34,73,.08),0 4px 10px -4px rgba(4,20,45,.35)}
/* état désactivé explicite (fiable sur iPhone : pas de transition d'opacité) */
.btn:disabled,.btn.off{opacity:1!important;background:#b7cdfb!important;color:#fff!important;box-shadow:none!important;transition:none!important;cursor:default;transform:none!important}
.btn.sec:disabled,.btn.sec.off{background:#eef0f4!important;color:#a3abba!important}
.btn.g-btn:disabled{background:#fff!important;color:#b0b6c2!important}
/* ---------- format iPhone ---------- */
.tel{width:393px;height:852px;border-radius:56px;border-width:12px}
.tel::before{top:11px;width:122px;height:35px;border-radius:20px}
.barre{height:54px;padding:12px 32px 0 40px;font-size:16px;font-weight:600;letter-spacing:-.01em}
.barre .ic-st{display:flex;gap:6px;align-items:center}.barre .ic-st svg{fill:currentColor}
.home-ind{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:134px;height:5px;border-radius:3px;background:#0a1220;z-index:60;pointer-events:none;opacity:.85}
.bascule select{display:none}
@media (max-width:600px){
  html,body{height:100%;overflow:hidden;background:#fff}
  body{display:flex;flex-direction:column}
  .haut,.note,.etiq{display:none!important}
  .bascule{display:flex!important;gap:8px;align-items:center;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));background:#f2f2f7;border-bottom:1px solid var(--ligne);flex:none}
  html.integre .bascule{padding-top:64px}
  .bascule .seg{flex:1;max-width:none;margin:0}
  .bascule .seg button{padding:7px 8px;font-size:13.5px}
  .bascule select{display:block;flex:none;padding:7px 8px;border-radius:10px;border:1px solid var(--ligne);background:#fff;font:inherit;font-size:13px;font-weight:700;color:var(--marine)}
  .scene{padding:0!important;flex:1;min-height:0;display:block}
  .col{height:100%;gap:0;width:100%;min-width:0;align-items:stretch}
  .tel,.ecran{min-width:0;max-width:100vw}
  .tel{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .tel::before,.barre,.home-ind{display:none!important}
  .nav{padding-bottom:max(16px,env(safe-area-inset-bottom))}
}
.w-lien{display:flex;justify-content:center;margin:12px 18px 8px;position:relative}
.w-lien+.zone{margin-top:6px}
.w-lien .w-badge{margin:0;min-width:0;width:100%;max-width:300px;padding:10px 18px;box-shadow:0 8px 18px -10px rgba(0,0,0,.55)}
.res.man .man-v{display:flex;justify-content:center;gap:4px;min-height:44px}.res.man .man-v .sp{width:12px}
.res.man .man-v b,.res.man .man-v i{width:24px;text-align:center}
.res.man .man-v.faux{color:#d92d20;animation:secoue .35s}
@keyframes secoue{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.res.man .pave button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.haut-d{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-k{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:99px;background:var(--marine);color:#fff;font-weight:700;font-size:13.5px}
html.k-ouvert,html.k-ouvert body{overflow:hidden}
.console{position:fixed;inset:0;z-index:200;background:#f2f4f8;overflow:auto;display:flex;flex-direction:column}
.console[hidden]{display:none}
.k-top{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#042249;color:#fff;position:sticky;top:0;z-index:2}
html.integre .k-top{padding-top:64px}
.k-m{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.k-m .k{width:34px;height:34px;border-radius:10px;background:#0064fe;display:grid;place-items:center;font-weight:900}
.k-m b{display:block;font-size:15px}.k-m small{font-size:11.5px;opacity:.75}
.k-user{font-size:12.5px;opacity:.85}
.k-x{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:13px}.k-x svg{width:14px;height:14px}
.k-login{flex:1;display:grid;place-items:center;padding:24px}.k-login .k-card{max-width:420px;text-align:center}
.k-nav{display:flex;gap:4px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--ligne);position:sticky;top:58px;z-index:1;overflow-x:auto}
.k-nav button{padding:8px 14px;border-radius:10px;font-weight:700;font-size:14px;color:var(--gris);white-space:nowrap}.k-nav button.on{background:#eaf1ff;color:var(--bleu)}
.k-nav i{font-style:normal;background:#d92d20;color:#fff;border-radius:99px;padding:1px 7px;font-size:11px;margin-left:4px}
.k-body{max-width:1100px;width:100%;margin:0 auto;padding:18px}
.k-h{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 12px}.k-h h2{font-size:22px;color:var(--marine)}.k-h span{color:var(--gris);font-size:13px}
.k-tab{background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--ligne);overflow:hidden}
.k-tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:10px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-top:1px solid var(--ligne);font-size:13.5px;color:var(--marine)}
.k-tr.k5{grid-template-columns:1fr .7fr 1.2fr 2fr 1.5fr}
.k-tr:first-child{border-top:0}.k-th{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);background:#f8fafc}
button.k-tr:hover{background:#f5f9ff}.k-tr small{display:block;color:var(--gris);font-size:12px}
.k-f{font-style:normal;text-transform:capitalize;font-weight:700;color:var(--bleu)}
.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.k-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 1px var(--ligne)}
.k-card h4{font-size:15px;color:var(--marine);margin-bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.k-in{width:100%;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:12px;font:inherit;font-size:14px;background:#fff;color:var(--marine);margin-bottom:10px}
.k-list{display:grid;gap:6px}.k-li{text-align:left;padding:10px 12px;border-radius:12px;background:var(--doux)}.k-li.on{box-shadow:0 0 0 2px var(--bleu) inset;background:#fff}
.k-li b{display:block;font-size:14px;color:var(--marine)}.k-li small{font-size:12px;color:var(--gris)}
.k-st b{font-size:30px;font-weight:800;color:var(--marine)}.k-st small{display:block;font-size:12.5px;color:var(--gris);margin-bottom:10px}
.k-act{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.k-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--ligne)}.k-row:first-of-type{border-top:0}
.k-row b{display:block;font-size:14px;color:var(--marine)}.k-row small{font-size:12px;color:var(--gris)}.k-row .btn{width:auto}
.k-vide{padding:22px;text-align:center;color:var(--gris);font-size:13.5px}
.k-back{font-weight:700;color:var(--bleu);margin-bottom:8px;font-size:14px}
.k-msg{font-size:13.5px;color:var(--marine);margin:8px 0}.k-rep{font-size:13px;color:var(--gris);background:var(--doux);border-radius:10px;padding:8px 10px;margin-bottom:8px}.k-rep b{display:block;color:var(--marine)}
.k-card .bar{height:8px;border-radius:4px;background:#e9edf3;overflow:hidden;margin-top:4px}.k-card .bar i{display:block;height:100%;background:var(--bleu)}
.k-ok{display:block;margin-top:6px;font-size:12px;color:#12a150;font-weight:700}
.k-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1c1c1e;color:#fff;padding:12px 16px;border-radius:14px;font-size:14px;max-width:90vw;z-index:5;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.tk-rep{color:var(--marine)!important;background:var(--doux);border-radius:8px;padding:6px 8px;margin-top:4px}
@media (max-width:600px){.k-tr{grid-template-columns:1.6fr 1fr .8fr}.k-tr>span:nth-child(4),.k-tr>span:nth-child(5){display:none}.k-tr.k5{grid-template-columns:1fr 1.6fr}.k-tr.k5>span:nth-child(2),.k-tr.k5>span:nth-child(3){display:none}.k-tr.k5>span:nth-child(5){display:block;grid-column:1/-1;color:var(--gris);font-size:12px}.k-nav{top:auto}.k-user{display:none}}
/* console v2 */
.console{background:#f2f2f7}
.k-body{max-width:760px;padding:16px 16px 110px}
.k-t{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--marine);margin:6px 2px 12px}
.k-st2{color:var(--gris);font-size:13.5px;margin:-6px 2px 14px}
.k-seg{margin-bottom:14px}
.console .ligne{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--ligne);background:#fff}
.console .carteb>.ligne:first-child{border-top:0}
.console .ligne .t{flex:1;min-width:0}.console .ligne .t b{display:block;font-size:15px;color:var(--marine)}.console .ligne .t small{display:block;font-size:12.5px;color:var(--gris);margin-top:1px}
.console .ligne .av{width:36px;height:36px;border-radius:50%;background:#eaf1ff;color:var(--bleu);display:grid;place-items:center;font-weight:800;flex:none}.console .ligne .av .ico{width:18px;height:18px}
.console .ligne .chev{transform:rotate(-90deg);color:#b0b8c6;flex:none}
.console .ligne .chip{flex:none;white-space:nowrap}
.console .ligne:disabled{opacity:.45}
.puce.rouge{background:#fde8e7;color:#d92d20}
.k-nav{position:sticky;top:0;display:flex;justify-content:center;gap:4px;padding:8px 12px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--ligne);z-index:3}
.k-nav button{position:relative;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-weight:700;font-size:14px;color:var(--gris)}
.k-nav button .ico{width:18px;height:18px}.k-nav button.on{background:#eaf1ff;color:var(--bleu)}
.k-nav i{font-style:normal;background:#d92d20;color:#fff;border-radius:99px;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:grid;place-items:center}
.k-top{position:relative}
.k-voile{position:fixed!important;z-index:400}
.k-voile .feuille{max-width:560px;margin:0 auto}
.k-conf{text-align:center}.k-conf .k-res{margin-top:14px;text-align:left}.k-conf .k-res .inter b{text-align:right}
.k-conf .badge-ic{margin:0 auto 8px}
.badge-ic.rouge{background:#fde8e7;color:#d92d20}
.btn.rouge{background:#d92d20}
.k-ok-a{width:60px;height:60px;border-radius:50%;background:#12a150;color:#fff;display:grid;place-items:center;margin:8px auto 12px}.k-ok-a svg{width:30px;height:30px}
.k-av{width:56px;height:56px;border-radius:50%;background:#eaf1ff;color:var(--bleu);display:grid;place-items:center;font-weight:800;font-size:22px;margin:0 auto 8px}
.k-big{margin:12px 0 14px}.k-big b{font-size:44px;font-weight:800;color:var(--marine);line-height:1}.k-big small{display:block;color:var(--gris);font-size:13px}
.k-conf .carteb{text-align:left}
.k-msg{background:var(--doux);border-radius:12px;padding:12px;font-size:14px;color:var(--marine);margin:12px 0}
.k-rep{background:#eaf1ff;border-radius:12px;padding:12px;font-size:14px;color:var(--marine);margin-bottom:12px}.k-rep b{display:block;margin-bottom:4px}
.k-bar{height:8px;border-radius:4px;background:#e9edf3;overflow:hidden;margin-top:8px}.k-bar i{display:block;height:100%}
@media (max-width:600px){
  .k-nav{position:fixed;top:auto;bottom:0;left:0;right:0;justify-content:space-around;border-top:1px solid var(--ligne);border-bottom:0;padding:6px 4px max(14px,env(safe-area-inset-bottom))}
  .k-nav button{flex-direction:column;gap:2px;padding:4px 6px;font-size:10.5px;background:none!important}
  .k-nav button .ico{width:22px;height:22px}
  .k-nav i{position:absolute;top:0;right:8px}
  html.integre .k-top{padding-top:64px}
}
.k-res .inter{gap:14px}.k-res .inter>span{flex:none;width:96px}.k-res .inter>b{flex:1;min-width:0;overflow-wrap:anywhere}
.k-conf .champ{text-align:left}
.k-tt{display:flex;align-items:center;justify-content:space-between;gap:10px}.k-tt .k-t{margin-bottom:6px}
.direct{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#d92d20;background:#fde8e7;padding:4px 9px;border-radius:99px}
.direct i{width:8px;height:8px;border-radius:50%;background:#d92d20;animation:clign 1.2s ease-in-out infinite}
@keyframes clign{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(217,45,32,.5)}50%{opacity:.35;box-shadow:0 0 0 5px rgba(217,45,32,0)}}
.k-kpis{margin-bottom:14px}.k-kpis .kpi b{font-size:22px}.k-kpis .kpi em{font-size:11.5px}
.k-m2{font-weight:800;font-size:14px;flex:none;font-variant-numeric:tabular-nums}
.k-bar i{background:var(--bleu)}
.console .bloc>h4 span{font-weight:600}
.k-tt-d{display:flex;align-items:center;gap:8px;flex:none}
.k-ref{width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ligne);display:grid;place-items:center;color:var(--bleu)}
.k-ref .ico{width:18px;height:18px}.k-ref:active{transform:scale(.92)}
.k-ref.tourne .ico{animation:tourne .45s linear}
@keyframes tourne{to{transform:rotate(360deg)}}
.k-maj{font-size:11.5px;color:var(--gris);margin:-6px 2px 12px}
.k-pad{padding:6px 14px}
.k-l{padding:10px 0;border-top:1px solid var(--ligne)}.k-l:first-child{border-top:0}
.k-l>span{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;color:var(--marine)}
.console .ligne .t .k-bar{margin-top:6px;height:6px}
.k-seg{overflow-x:auto}.k-seg button{white-space:nowrap}
.k-t3{font-size:19px;font-weight:800;color:var(--marine)}
.k-tot{background:#f8fafc}.k-tot>span{font-weight:700;color:var(--marine)}.k-tot>b{font-size:16px}
.k-seg{display:grid!important;grid-template-columns:repeat(4,1fr);overflow:visible}.k-seg button{font-size:12.5px;padding:8px 2px;white-space:nowrap}
.k-seg2{margin:0 0 12px}.k-seg2 button{flex:1}
.k-evo{display:flex;gap:10px;align-items:flex-end;height:120px;padding:8px 0 4px}
.k-evo>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.k-evo-b{flex:1;width:100%;display:flex;gap:3px;align-items:flex-end;justify-content:center}
.k-evo-b i{width:40%;max-width:18px;border-radius:5px 5px 2px 2px;background:#cfe0ff}.k-evo-b i.m{background:#12a150}
.k-evo small{font-size:11px;color:var(--gris);font-weight:700}
.k-leg{font-size:11.5px;color:var(--gris);display:flex;gap:6px;align-items:center;padding:4px 0 8px}.k-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;background:#cfe0ff}.k-leg i.m{background:#12a150;margin-left:8px}
.k-cpt{font-size:13px;color:var(--gris);margin-top:8px;font-variant-numeric:tabular-nums}.k-cpt b{color:var(--marine)}
.k-conf .etapes{text-align:left}
.pk{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11px;font-weight:700;color:var(--bleu);background:#eaf1ff;border-radius:999px;padding:2px 8px;text-transform:none;letter-spacing:0;vertical-align:middle}.pk .ico{width:12px;height:12px}
.sms-sol2{background:#fff;border-radius:16px;padding:14px;box-shadow:0 0 0 1px var(--ligne);margin-bottom:10px}.ss-h{display:flex;justify-content:space-between;align-items:flex-end}.ss-h small{display:block;font-size:12px;color:var(--gris)}.ss-h b{font-size:28px;font-weight:800;color:var(--marine);line-height:1.1}.ss-h b em{font-style:normal;font-size:16px;color:var(--gris)}.ss-u{font-size:12px;color:var(--gris);padding-bottom:4px}
.ss-bar{height:8px;border-radius:99px;background:#eef1f6;margin:10px 0 8px;overflow:hidden}.ss-bar i{display:block;height:100%;border-radius:99px;transition:width .4s}
.ss-fin{margin-top:10px;background:#fdecea;border-radius:12px;padding:12px;display:grid;gap:4px}.ss-fin b{color:#b42318;font-size:14px}.ss-fin small{color:#7a271a;font-size:12px}.ss-fin .btn{margin-top:6px}
.sms-sol2 .sms-det{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dispo.fugace{animation:fugace 10s linear forwards}@keyframes fugace{0%,85%{opacity:1}100%{opacity:.25}}@media (prefers-reduced-motion:reduce){.dispo.fugace{animation:none}}
.cs-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cs-bar span{flex:1;font-size:13px;font-weight:600;color:var(--gris)}
.cs-l{max-height:46vh;overflow:auto}.cs-r{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:none;border:0;border-bottom:.5px solid rgba(60,60,67,.14);font:inherit;text-align:left;cursor:pointer}.cs-r:last-child{border-bottom:0}
.cs-c{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #c7c7cc;display:grid;place-items:center;flex:none;color:#fff}.cs-r.on .cs-c{background:var(--bleu);box-shadow:none}.cs-c .ico{width:13px;height:13px;stroke-width:3}
.cs-t b{display:block;font-size:15px;font-weight:600;color:var(--marine)}.cs-t small{font-size:12px;color:var(--gris)}.cs-plus{width:100%;padding:12px;background:none;border:0;font:inherit;font-size:14px;font-weight:600;color:var(--bleu);cursor:pointer}
.retour-l{background:none;border:0;padding:4px 0 6px;font:inherit;font-size:16px;font-weight:600;color:var(--bleu);cursor:pointer}
.em-plus{display:grid;place-items:center;width:100%;height:100%;color:var(--bleu)}.em-plus .ico{width:20px;height:20px;stroke-width:2.4}
.rebond{animation:rebond .22s cubic-bezier(.3,1.6,.5,1)}@keyframes rebond{0%{transform:scale(1)}40%{transform:scale(.82)}100%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.rebond{animation:none}}
.emo-aide .em-aide-b{margin-left:auto;background:var(--bleu);color:#fff;flex:none}
.em-tuto{background:#f2f6ff;border-radius:14px;padding:12px 14px;margin:10px 0;font-size:13px;color:var(--marine);line-height:1.45}.em-tuto ol{margin:6px 0;padding-left:18px}.em-tuto li{margin:3px 0}.em-tuto .ico{width:14px;height:14px;vertical-align:-2px}.em-tuto p{margin:4px 0 0;color:var(--gris)}
.k-opt{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:.5px solid rgba(60,60,67,.14)}.k-opt:last-child{border-bottom:0}.k-opt .t{flex:1;min-width:0}.k-opt .t b{display:block;font-size:15px;font-weight:600;color:var(--marine)}.k-opt .t small{display:block;font-size:12.5px;color:#8a8a8e;margin-top:1px}
.k-dr{display:flex;align-items:center;gap:10px;flex:none}.k-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.k-pill.ok{background:rgba(52,199,89,.14);color:#1f8a3b}.k-pill.of{background:#eaf1ff;color:var(--bleu)}
.k-lien{background:none;border:0;font:inherit;font-size:13px;color:#c4271c;font-weight:600;cursor:pointer;padding:4px 0}
.k-val{font-size:15px;font-weight:600;color:var(--marine);font-variant-numeric:tabular-nums}.k-plus{min-width:44px;height:32px;padding:0 10px;border-radius:16px;border:0;background:#eaf1ff;color:var(--bleu);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.k-plus:active{transform:scale(.94)}
.et-err{color:#c4271c;font-size:13px;min-height:16px;margin:6px 2px 0}.choix label small{display:block;font-size:12px;color:var(--gris);font-weight:500}
#sc-ok:disabled{background:#f6c2bd!important;color:#fff!important}.choix label small{margin-left:auto;text-align:right}
.lien-rouge{background:none;border:0;font:inherit;font-size:14px;font-weight:600;color:var(--rouge);padding:12px;cursor:pointer;width:100%}
.q-conseil{display:flex;gap:10px;align-items:flex-start;margin-top:10px;background:#f2f6ff;border-radius:12px;padding:10px 12px;font-size:13px;color:var(--marine);line-height:1.35}.q-conseil .ico{width:18px;height:18px;color:var(--bleu);flex:none;margin-top:1px}.q-conseil b{display:block;font-size:12px;color:var(--bleu);font-weight:700;margin-bottom:1px}
.form-g summary{display:flex;align-items:center;gap:10px}.form-g summary small{margin-left:auto;margin-right:6px;font-size:12px;color:var(--gris);font-weight:600}.form-ic{width:30px;height:30px;border-radius:9px;background:#eaf1ff;color:var(--bleu);display:grid;place-items:center;flex:none}.form-ic svg{width:17px;height:17px}
.form-c{padding:0 14px 12px 54px}.form-i{padding:8px 0;border-top:.5px solid rgba(60,60,67,.12)}.form-i:first-child{border-top:0}.form-i b{display:block;font-size:14px;color:var(--marine)}.form-i p{margin:2px 0 0;font-size:13px;color:#5b6475;line-height:1.45}
.k-cl-h{display:flex;gap:10px;align-items:center;margin-bottom:10px}.k-alerte-r{display:flex;align-items:center;gap:10px;width:100%;background:#fff4e5;border:0;border-radius:14px;padding:12px 14px;margin-bottom:10px;font:inherit;text-align:left;color:#a15c00;cursor:pointer}.k-alerte-r .ico{width:20px;height:20px;flex:none}.k-alerte-r span{flex:1}.k-alerte-r b{display:block;font-size:14px}.k-alerte-r small{font-size:12px;color:#b35c00}
.k-rapide{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.k-rapide>span{font-size:12px;font-weight:600;color:var(--gris);margin-right:4px}.ligne.k-on{background:#f2f6ff}.cs-c.on{background:var(--bleu);box-shadow:none}
.k-barre-sel{position:fixed;left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 32px));z-index:60;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:10px 10px 10px 16px;box-shadow:0 8px 30px rgba(4,34,73,.14);margin-top:12px}.k-barre-sel span{flex:1;font-weight:600;color:var(--marine)}.k-barre-sel .btn{width:auto;padding:0 18px}.k-barre-sel .btn:disabled{background:#f6c2bd!important}
.al-x{background:rgba(122,71,0,.08);border:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#7a4700;flex:none;cursor:pointer;margin-left:-4px}.al-x svg{width:14px;height:14px}
.k-grp{display:flex;justify-content:space-between;padding:10px 16px 6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a8a8e;background:#f7f8fa}.k-grp span{font-weight:600}
.res-act{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}.lien-res.rouge{color:#fff}.lien-res.rouge svg{width:14px;height:14px}.lien-res.conf{background:#d92d20;color:#fff;border-radius:999px;padding:8px 14px}.auto.pause i{animation-play-state:paused!important}
.ev.ann span{text-decoration:line-through;color:#9aa3b2}.ev.ann em{text-decoration:none;font-style:normal;font-size:12px;color:#c4271c;margin-left:4px}.ev-x{margin-left:6px;width:28px;height:28px;border-radius:50%;border:0;background:#fdecea;color:#d92d20;display:grid;place-items:center;flex:none;cursor:pointer}.ev-x svg{width:13px;height:13px}
.ev-conf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#fff5f4;font-size:13px;color:var(--marine)}.ev-conf span{flex:1 1 100%}.ev-conf .btn{width:auto;padding:0 14px}
.bloc h4 .aide-chip{margin-right:auto}.aide-chip{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;padding:2px 9px;border-radius:999px;border:0;background:#eaf1ff;color:var(--bleu);font:inherit;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer;line-height:1.6}
h2 .aide-chip{font-size:12px;vertical-align:4px}
.form-ent{display:flex;align-items:center;gap:10px}.form-ent h3{margin:0;text-align:left}
.st-l{max-height:34vh;overflow:auto}
.hl-bar{display:flex;align-items:center;gap:8px;background:#fff4e5;color:#a15c00;font-size:13px;font-weight:600;padding:8px 14px;border-radius:12px;margin:0 0 8px}.hl-bar .ico{width:16px;height:16px;flex:none}.hl-bar.ok{background:#e7f6ec;color:#0e7f3f}
.hl-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,159,10,.18);color:#ffcf8a;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;margin:2px 0 6px}.hl-pill .ico{width:14px;height:14px}
.g-ic{font-weight:800;color:#4285f4;font-size:15px}.et-f{margin-bottom:12px;flex-wrap:wrap}.et-l small{display:block}.et-ok,.et-ko{display:flex!important;align-items:center;gap:4px;margin-top:2px;font-weight:600}.et-ok{color:#1f8a3b}.et-ko{color:#c2410c}.et-ok .ico,.et-ko .ico{width:13px;height:13px}
.et-chip{white-space:nowrap;margin-top:3px;border:0;background:#eaf1ff;color:var(--bleu);font:inherit;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;cursor:pointer}.et-av-i{font-size:13px;background:#f2f6ff;border-radius:12px;padding:10px 12px;color:var(--marine);line-height:1.45;margin:0 0 6px}
.aide-sous{margin:-4px 2px 12px;color:var(--gris);font-size:14px}.tk-bad{min-width:20px;height:20px;border-radius:10px;background:#ff3b30;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0 6px;margin-right:4px}
.urg2{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff4e5;border-radius:16px;padding:12px 14px}.urg2 b{display:flex;align-items:center;gap:6px;color:#a15c00;font-size:14px}.urg2 b .ico{width:16px;height:16px}.urg2 small{display:block;font-size:12.5px;color:#b35c00;margin-top:2px}.urg2 .btn{width:auto;flex:none;padding:0 14px}
.tk-fil{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:44vh;overflow-y:auto;overflow-x:hidden;padding:2px 2px 6px;scroll-behavior:auto;-webkit-overflow-scrolling:touch}.tk-b{overflow-wrap:anywhere;flex:none;max-width:84%;padding:9px 12px;border-radius:16px;font-size:14px;line-height:1.4}.tk-b small{display:block;font-size:11px;opacity:.75;margin-bottom:2px}.tk-b.com{align-self:flex-end;background:var(--bleu);color:#fff;border-bottom-right-radius:5px}.tk-b.konnu{align-self:flex-start;background:#eef0f4;color:var(--marine);border-bottom-left-radius:5px}
.tk-act{align-self:center;font-size:12px;color:#8a8a8e;display:flex;align-items:center;gap:5px;text-align:center}.tk-act .ico{width:12px;height:12px}
.ct-l{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:.5px solid rgba(60,60,67,.14)}.ct-l:last-child{border-bottom:0}.ct-l .t{flex:1;min-width:0}.ct-l .t small{display:block;font-size:12px;color:var(--gris)}.ct-l .t b{font-size:14.5px;color:var(--marine);white-space:nowrap}.ct-l{gap:8px}.ct-l .chip{padding:6px 9px}.ct-l a.chip{text-decoration:none;display:inline-flex;align-items:center}
.k-tkf{margin:0 0 12px}.k-tkf button span{opacity:.6;font-weight:600}.k-tk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.k-st{margin:12px 0 4px}.k-st button.conf{background:var(--bleu)!important;color:#fff!important}
.k-ia{margin:12px 0 8px;background:linear-gradient(135deg,#f2f6ff,#f7f2ff);border-radius:14px;padding:10px 12px}.k-ia small{display:block;font-size:12px;color:#6b7280;margin-top:4px}.k-ia-b{display:inline-flex;align-items:center;gap:6px;border:0;background:#fff;color:#5b3fd6;font:inherit;font-weight:700;font-size:13.5px;padding:8px 12px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer}.k-ia .ico{width:15px;height:15px}
.k-ia-load{display:flex;align-items:center;gap:6px;color:#5b3fd6;font-weight:600;font-size:13.5px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.k-ia-ok b{display:flex;align-items:center;gap:6px;color:#5b3fd6;font-size:13.5px}
.plus-l{display:block;margin:10px auto 0;font-weight:600;color:var(--bleu);background:none;border:0;font-size:14px;cursor:pointer}
.k-st-p{flex:none;margin-left:8px;font-style:normal;font-size:12px;font-weight:700;color:#5b6475;background:#eef0f4;border-radius:999px;padding:4px 10px;text-decoration:none}
.k-annul{margin-left:8px;border:0;background:#fdecea;color:#c4271c;font:inherit;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;flex:none}
.k-essais{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.k-essai{text-align:left;border:0;background:#fff;border-radius:16px;padding:14px;box-shadow:0 0 0 .5px rgba(60,60,67,.18);font:inherit;cursor:pointer}.k-es-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.k-es-h b{font-size:15px;color:var(--marine)}.k-es-f{font-size:12px;color:#8a8a8e;white-space:nowrap}
.k-es-t{margin-top:8px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.k-es-t small{display:block;font-size:12px;font-weight:600;color:#8a8a8e;letter-spacing:0}.k-es-bar{height:8px;border-radius:4px;background:#eef1f6;margin:10px 0 6px;overflow:hidden}.k-es-bar i{display:block;height:100%;border-radius:4px}.k-es-l{font-size:12px;color:#5b6475}
.k-es-pill{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:11.5px;font-weight:700;color:#a15c00;background:#fff4e5;border-radius:999px;padding:3px 9px;margin-right:6px}.k-es-pill .ico{width:12px;height:12px}
.quota{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 .5px rgba(60,60,67,.18);margin:12px 0 10px}
.q-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.q-k{display:block;font-size:13px;font-weight:600;color:#8a8a8e;letter-spacing:-.08px}
.q-n{font-size:34px;font-weight:700;letter-spacing:-.6px;color:var(--marine);line-height:1.1;font-variant-numeric:tabular-nums;margin-top:2px}.q-n span{font-size:15px;font-weight:600;letter-spacing:-.2px;color:#8a8a8e}
.q-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;margin-top:2px}.q-badge.ok{background:rgba(52,199,89,.14);color:#1f8a3b}.q-badge.at{background:rgba(255,149,0,.14);color:#b35c00}.q-badge.ko{background:rgba(255,59,48,.12);color:#c4271c}
.q-seg{display:flex;gap:4px;margin:14px 0 4px}.q-seg i{flex:1;height:6px;border-radius:3px;background:#e5e5ea;transition:background .3s}.q-seg i.on{background:#34c759}
.q-rows{margin-top:12px;border-top:.5px solid rgba(60,60,67,.18)}.q-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid rgba(60,60,67,.12);font-size:15px;letter-spacing:-.2px}.q-row:last-child{border-bottom:0}.q-row span{color:var(--marine)}.q-row b{font-weight:600;color:#8a8a8e;font-variant-numeric:tabular-nums}.q-row b.vert{color:#1f8a3b}.q-row b span{color:inherit}
.q-r{font-size:12px;color:#8a8a8e;margin:4px 0 0;line-height:1.4}.q-demo{background:none;border:0;padding:8px 0 0;font:inherit;font-size:12px;color:var(--bleu);font-weight:600;cursor:pointer}
@media (prefers-reduced-motion:reduce){.q-seg i{transition:none}}
.btn.off{background:#c9d1dd!important;color:#fff!important}
.sms-sol{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 0 0 1px var(--ligne);margin-bottom:10px}
.sms-sol small{display:block;font-size:12px;color:var(--gris)}.sms-sol b{font-size:28px;font-weight:800;color:var(--marine)}
.sms-det{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11.5px;color:var(--gris);font-weight:600}
.sms-cpt{font-size:12px;color:var(--gris);margin:-4px 0 10px}
.sms-ap{background:#f2f2f7;border-radius:18px;padding:16px;margin-top:14px;text-align:center}
.sms-exp{font-size:12px;font-weight:800;color:var(--gris);letter-spacing:.04em;margin-bottom:8px}
.sms-bul{display:inline-block;text-align:left;background:#e5e5ea;color:#000;border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:15px;line-height:1.35;max-width:88%}
.sms-ap small{display:block;margin-top:8px;font-size:11.5px;color:var(--gris)}
.sms-manque{margin-top:12px;background:#fff4e5;border-radius:14px;padding:12px;box-shadow:0 0 0 1px #ffd699}.sms-manque b{display:block;color:#8a4b00}.sms-manque small{display:block;color:#6b4a1d;font-size:12.5px;margin:4px 0 8px}
.sms-ban{position:absolute;top:58px;left:10px;right:10px;z-index:80;display:flex;gap:10px;align-items:flex-start;background:rgba(245,245,247,.96);backdrop-filter:blur(14px);border-radius:18px;padding:11px 13px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:hud 6s ease forwards}
.sms-ban .sb-ic{width:34px;height:34px;border-radius:9px;background:#34c759;color:#fff;display:grid;place-items:center;flex:none}.sms-ban .sb-ic .ico{width:18px;height:18px}
.sms-ban b{display:block;font-size:13px;color:#000}.sms-ban span{display:block;font-size:13.5px;color:#1c1c1e;line-height:1.3}
.offert-k{display:flex;gap:10px;align-items:center;background:#eaf1ff;border-radius:14px;padding:12px 14px;margin-bottom:14px;color:var(--bleu)}.offert-k .ico{width:20px;height:20px;flex:none}.offert-k b{display:block;font-size:14px;color:var(--marine)}.offert-k small{font-size:12.5px;color:var(--gris)}
.chip.k-add{background:#eaf1ff;color:var(--bleu)}
.console .k-top{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#042249,#0a3a7a);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06)}
.k-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.k-brand img{height:22px;width:auto;display:block}
.k-admin{font-size:10.5px;font-weight:800;letter-spacing:.14em;padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.console .k-user{display:flex!important;align-items:center;gap:8px;opacity:1!important}.k-user .k-av{width:30px;height:30px;border-radius:50%;background:#0064fe;display:grid;place-items:center;font-weight:800;font-size:13px}
.k-user b{display:block;font-size:13px;line-height:1.1}.k-user small{display:block;font-size:11px;opacity:.75}
.console .k-x{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:13px}.console .k-x svg{width:14px;height:14px}
.k-login .k-card{padding:28px 22px}.k-lg{display:inline-flex;align-items:center;gap:10px;background:#042249;border-radius:14px;padding:12px 16px;margin-bottom:16px}.k-lg img{height:24px}
@media (max-width:600px){.console .k-user span:last-child{display:none}.console .k-x span{display:none}.console .k-x{padding:8px}}
.k-user .k-av{display:grid!important;color:#fff!important;font-size:13px!important}
.console>*{flex-shrink:0}

.lgn{min-height:100%;display:flex;flex-direction:column;padding:34px 22px 22px;background:linear-gradient(180deg,#f3f7ff 0,#fff 46%)}
.lg-h{text-align:center;margin:18px 0 26px}.lg-k{width:58px;height:58px;border-radius:17px;background:#042249;color:#fff;font:900 28px/58px Archivo,system-ui;margin:0 auto 12px;box-shadow:0 12px 26px -12px rgba(4,34,73,.8)}
.lg-h b{display:block;font-size:22px;color:var(--marine);letter-spacing:.02em}.lg-h small{display:block;color:var(--gris);font-size:14px;margin-top:2px}
.lgn .btn+.btn{margin-top:10px}.lgn .champ{margin-bottom:10px}
.btn.gg{background:#fff;color:#1f1f1f;border:1.5px solid var(--ligne);box-shadow:none}.btn.gg svg{width:18px;height:18px}
.lg-ou{display:flex;align-items:center;gap:10px;color:var(--gris);font-size:12.5px;margin:18px 0}.lg-ou:before,.lg-ou:after{content:"";flex:1;height:1px;background:var(--ligne)}
.lg-l{display:block;margin:14px auto 0;color:var(--bleu);font-weight:700;font-size:14px}
.lg-pied{margin-top:auto;padding-top:26px;text-align:center;font-size:13px;color:var(--gris)}.lg-pied button{color:var(--bleu);font-weight:700;font-size:13px}
.lgn .err{min-height:18px;font-size:12.5px;color:var(--rouge);margin:-4px 0 6px}
.lg-ok{text-align:center;margin-top:8px}.lg-ok .badge-ic{margin:0 auto 10px}.lg-ok .sous{margin-bottom:18px}
.gd{background:#fff;border-radius:20px;box-shadow:var(--ombre);padding:16px;margin:4px 0 18px;border:1.5px solid #d6e4ff}
.gd-t{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.gd-t b{font-size:16px;color:var(--marine)}.gd-t span{font-size:12.5px;font-weight:800;color:var(--bleu)}
.gd-bar{height:6px;border-radius:6px;background:#e9eef7;margin:10px 0 6px;overflow:hidden}.gd-bar i{display:block;height:100%;border-radius:6px;background:var(--bleu);transition:width .4s}
.gd-l{display:flex;align-items:center;gap:12px;width:100%;padding:11px 0;border-top:1px solid var(--ligne);text-align:left}.gd-l:first-of-type{border-top:0}
.gd-l b{display:block;font-size:14.5px;color:var(--marine)}.gd-l small{display:block;font-size:12.5px;color:var(--gris)}.gd-l>span:nth-child(2){flex:1}
.gd-c{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:13px;background:#eef3fb;color:var(--bleu)}.gd-c.ok{background:var(--vert);color:#fff}.gd-c .ico{width:16px;height:16px}
.gd-l.fait b{color:var(--gris);text-decoration:line-through;text-decoration-color:#b8c2d3}
.gd-l .chev{color:#b8c2d3}.gd-l .chev svg{width:16px;height:16px;transform:rotate(-90deg)}
.gd .btn{margin-top:10px}
.gs-pts{display:flex;gap:6px;justify-content:center;margin:4px 0 6px}.gs-pts i{width:22px;height:5px;border-radius:5px;background:#e3e9f3}.gs-pts i.on{background:var(--bleu)}
.gs-e{text-align:center;font-size:12px;font-weight:800;color:var(--bleu);letter-spacing:.04em;text-transform:uppercase}
.gs-nav{display:grid;gap:8px;margin-top:18px}
.gs-pal{display:flex;align-items:center;gap:10px;margin-top:12px}.gs-pal input{flex:1}
.gs-aide{background:var(--doux);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.5;margin-top:6px}.gs-aide ol{margin:0;padding-left:18px}
.ab-st{display:flex;align-items:center;gap:8px}
.fact{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--ligne);font-size:14px}.fact:first-child{border-top:0}
.fact span{flex:1}.fact small{display:block;color:var(--gris);font-size:12px}.fact button{color:var(--bleu)}.fact button svg{width:20px;height:20px}
.ligne.eqm{width:100%;text-align:left;align-items:center}.ligne.eqm .t{flex:1;min-width:0}.ligne.eqm .t b{display:flex;align-items:center;gap:6px}.ligne.eqm .t small{display:block;color:var(--gris);font-size:12.5px}.ligne.eqm .av.g{background:var(--marine);color:#fff}
.eq-n{font-size:12px;color:#9aa5b8;white-space:nowrap}.eq-n.on{color:var(--bleu);font-weight:700}.ligne.eqm .chev{color:#c3ccd9;display:inline-flex}.ligne.eqm .chev svg,.eq-r svg{width:15px;height:15px;transform:rotate(-90deg);color:#c3ccd9}
.eq-h{text-align:center}.eq-h .av{width:56px;height:56px;border-radius:50%;margin:4px auto 8px;display:grid;place-items:center;font-weight:800;font-size:22px;background:#eaf1ff;color:var(--bleu)}.eq-h h3{margin:0}
.eq-r{width:100%;text-align:left}.eq-r em{font-style:normal;color:var(--gris);font-size:13.5px}
.inter.pp{display:block}.pp-l{display:flex;justify-content:space-between;align-items:center;gap:10px}.pp-l b{white-space:nowrap}.inter.pp small{display:block;text-align:right;color:var(--gris);font-size:12px;margin-top:3px}
.fact-all{width:100%;text-align:left;color:var(--marine)}.fact-all em{font-style:normal;font-size:12px;font-weight:700;color:var(--gris);background:var(--doux);border-radius:99px;padding:2px 8px}.fact-all svg{width:16px;height:16px;transform:rotate(-90deg);color:#b8c2d3}
.ab-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ab-act .btn{padding:12px 10px;font-size:14px}
.deco{display:block;margin:16px auto 0;color:var(--rouge);font-weight:700;font-size:14px}

.aff{--ac:#0064fe;justify-content:space-between;background:#fff;border-radius:6px;box-shadow:0 14px 34px -16px rgba(4,34,73,.5),0 0 0 1px var(--ligne);aspect-ratio:210/297;width:min(250px,76%);margin:12px auto 4px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 18px 12px;overflow:hidden;position:relative;color:#0d1b2e}
.aff:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--ac)}
.aff-h{display:flex;align-items:center;gap:7px;justify-content:center}.aff-h .c-logo{width:26px;height:26px;border-radius:8px;font-size:12px;flex:none}.aff-h b{font-size:11.5px;font-weight:800;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aff-m{width:100%}.aff-k{margin-top:0;font-size:8.5px;font-weight:800;letter-spacing:.2em;color:var(--ac)}
.aff-t{font-size:21px;line-height:1.08;font-weight:900;letter-spacing:-.01em;margin:4px 0 0}
.aff-c{margin:12px 0 0;width:100%;border-radius:10px;background:var(--ac);padding:10px 10px 9px;box-shadow:0 8px 16px -10px var(--ac)}
.aff-c .tp{display:grid;grid-template-columns:repeat(var(--col),1fr);gap:7px 5px;justify-items:center}
.aff-c .tp i{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);display:grid;place-items:center;color:var(--ac)}
.aff-c .tp i.on{background:#fff;border-color:#fff}.aff-c .tp i svg{width:12px;height:12px}
.aff-c .tp i.kdo{border-style:solid;border-color:#fff;color:#fff}
.aff-r{margin-top:9px;font-size:14px;font-weight:600;line-height:1.25}.aff-r b{color:var(--ac)}
.aff-q{display:flex;align-items:center;gap:10px;width:100%;text-align:left}
.aff-q .qr-a{width:74px;height:74px;flex:none;border-radius:6px;background:repeating-conic-gradient(#0d1b2e 0 25%,#fff 0 50%) 0 0/20% 20%;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--ligne)}
.aff-q b{display:block;font-size:11.5px;line-height:1.2}.aff-q small{display:block;font-size:9px;color:var(--gris);margin-top:3px;line-height:1.3}
.aff-p{margin-top:-6px;font-size:7.5px;color:#9aa5b8;letter-spacing:.02em}

.av-ed{padding:12px 14px;border-top:1px solid var(--ligne)}.carteb>.av-ed:first-child{border-top:0}
.av-ed .champ span{display:flex;align-items:center;gap:8px}
.av-st{min-height:6px;font-size:12px;margin-top:6px;line-height:1.35}.av-st .ok{color:var(--vert);display:flex;gap:5px;align-items:flex-start}.av-st .ok .ico{width:14px;height:14px;flex:none;margin-top:1px}.av-st .ko{color:var(--rouge)}
.av-res{background:#f2fbf5;border-radius:12px;padding:10px 12px;margin-top:2px}.av-res code{display:block;font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--marine);word-break:break-all;margin:6px 0 8px;user-select:all}.av-res-b{display:flex;gap:8px}.av-res-b .btn{flex:1;padding:9px 10px;font-size:13.5px;text-decoration:none}.av-res-b .ico{width:15px;height:15px}
.av-l{display:flex;gap:6px;align-items:center;margin-top:6px}.av-l input{flex:1;min-width:0;padding:11px 12px;border:1.5px solid var(--ligne);border-radius:12px;font-size:14px;background:#fff}.av-l input:focus{outline:0;border-color:var(--bleu)}.av-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--bleu);background:#eef4ff}.av-ic svg{width:18px;height:18px}
.av-tg{display:flex;align-items:center;gap:6px;text-align:left;color:var(--bleu);font-weight:700;font-size:13px;margin-top:6px;padding:4px 0}.av-tg span{display:inline-flex;transition:transform .2s}.av-tg span svg{width:14px;height:14px}.av-tg.on span{transform:rotate(180deg)}
.av-gen{background:var(--doux);border-radius:14px;padding:12px;margin-top:6px}
.av-gen ol{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:7px;font-size:13px;line-height:1.3}.av-gen li{display:flex;gap:9px;align-items:center}
.av-gen li b{width:22px;height:22px;border-radius:50%;background:#fff;color:var(--bleu);display:grid;place-items:center;font-size:12px;flex:none;box-shadow:0 0 0 1px var(--ligne)}
.av-row{display:flex;gap:8px}.av-row input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:12px;font-size:14px;background:#fff}.av-row input:focus{outline:0;border-color:var(--bleu)}
.av-msg{font-size:12px;margin-top:7px;color:var(--gris);min-height:4px}.av-msg.ko{color:var(--rouge)}
.gs-pl{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--ligne)}.gs-pl:first-child{border-top:0}
.gs-pl input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--ligne);border-radius:12px;font-size:14.5px}.gs-pl input:focus{outline:0;border-color:var(--bleu)}
.gs-pl .pas{flex:none}.gs-pl .suppr{flex:none;color:var(--rouge)}.gs-pl .suppr svg{width:16px;height:16px}.gs-pl .suppr:disabled{opacity:.25}
.gs-pl-t{display:flex;justify-content:space-between;font-size:11.5px;color:var(--gris);font-weight:700;margin:12px 0 2px;text-transform:uppercase;letter-spacing:.06em}
#gs-err{color:var(--rouge);font-size:12.5px;min-height:16px;margin:2px 0 6px;text-align:left}
.pq-q{display:flex;align-items:center;justify-content:space-between}