/* ▦ L'ESPACE QR (/mes-qr) — sombre par défaut, clair avec html[data-theme="light"]. Écrit le 06/10/2026 (lib/cartes.js + page/js/espace-qr.js). */
:root{--bg:#070707;--bg2:#0e0e0e;--card:rgba(255,255,255,.035);--card2:rgba(255,255,255,.06);--text:#f4f2ee;--muted:rgba(244,242,238,.68);--soft:rgba(244,242,238,.46);
  --line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.2);--acc:#d4b46e;--acc-b:rgba(212,180,110,.13);--ok:#3fcf8e;--warn:#f2b54b;--ko:#ff7070;--info:#8fb8ff;--panel:rgba(255,255,255,.05);
  --sh:0 26px 70px rgba(0,0,0,.5);--r:18px;--bar:#d4b46e;--plate:#ffffff}
html[data-theme="light"]{--bg:#f5f4ef;--bg2:#ffffff;--card:#ffffff;--card2:#faf8f2;--text:#15130f;--muted:rgba(21,19,15,.68);--soft:rgba(21,19,15,.46);
  --line:rgba(21,19,15,.10);--line2:rgba(21,19,15,.22);--acc:#856516;--acc-b:rgba(133,101,22,.09);--ok:#11804f;--warn:#9a6200;--ko:#c0392b;--info:#2458b3;--panel:rgba(21,19,15,.04);
  --sh:0 22px 60px rgba(40,30,10,.13);--bar:#a17b22}
*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important} /* une classe qui pose display ne doit jamais rallumer un élément caché (vécu : le menu du compte, toujours affiché, bloquait les clics) */html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
body:before{content:"";position:fixed;left:-10%;top:-30%;width:70%;height:70vh;background:radial-gradient(closest-side,var(--acc-b),transparent);pointer-events:none;z-index:0}
html[data-theme="light"] body:before{opacity:.8}
#app{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}
a{color:inherit}button{font:inherit;color:inherit}
.ic{display:inline-flex;width:17px;height:17px;flex:none}.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.64rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.82em}
.muted{color:var(--muted)}.small{font-size:.84rem;color:var(--muted);line-height:1.55}.center{text-align:center}.pad{padding:18px 4px;margin:0}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.05}
h1 em,h2 em{font-style:italic;font-weight:500;color:var(--acc)}
h1,h2,h3,.kv,.qstats b,.prix,.os{font-variant-numeric:lining-nums} /* en Cormorant, le 1 ancien ressemble à un « I » et le 0 à un « o » (piège connu) */
.lead{color:var(--muted);margin:10px 0 0;max-width:62ch}

/* ── barre du haut (bords carrés, comme le menu OS Pro) ── */
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
html[data-theme="light"] .topbar{background:rgba(245,244,239,.86)}
.tb-in{max-width:1200px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:18px;position:relative}
.tb-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.os{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:1.55rem;line-height:1}
.tb-sep{width:1px;height:22px;background:var(--line2)}.tb-app{font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.tb-esp{flex:1;min-width:0;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-esp select{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:600 .9rem Inter;max-width:100%}
.tb-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.tb-lnk{font-size:.85rem;color:var(--muted);text-decoration:none}.tb-lnk:hover{color:var(--text)}
.tb-plan{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 13px;font:600 .74rem Inter;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.tb-plan i{width:7px;height:7px;border-radius:50%;background:var(--soft)}.tb-plan.on i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.tb-plan.warn i{background:var(--warn)}.tb-plan.off i{background:var(--ko)}
.tb-acc{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);font:700 .95rem Inter;cursor:pointer;flex:none}
.acc-menu{position:absolute;right:22px;top:calc(100% + 8px);min-width:250px;background:var(--bg2);border:1px solid var(--line);box-shadow:var(--sh);padding:14px;display:flex;flex-direction:column;gap:2px;z-index:60}
.acc-menu b{font-size:.88rem;word-break:break-all}.acc-menu span{font-size:.78rem;color:var(--soft)}.acc-menu hr{border:0;border-top:1px solid var(--line);margin:10px 0 6px;width:100%}
.acc-menu button{display:flex;align-items:center;gap:10px;background:none;border:0;padding:9px 6px;text-align:left;cursor:pointer;font-size:.9rem;border-radius:8px}.acc-menu button:hover{background:var(--panel)}
@media (max-width:640px){.tb-in{padding:10px 14px;gap:10px}.tb-app,.tb-sep{display:none}.tb-plan{padding:6px 10px;font-size:.68rem;max-width:42vw;overflow:hidden;text-overflow:ellipsis}.tb-esp{font-size:.88rem}.acc-menu{right:14px;left:14px}}

/* ── onglets ── */
.tabs{position:sticky;top:65px;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
.tabs-in{max-width:1200px;margin:0 auto;padding:0 14px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.tabs-in::-webkit-scrollbar{display:none}
.tab{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:15px 12px 14px;color:var(--muted);font:600 .87rem Inter;cursor:pointer;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent;transition:color .2s,box-shadow .2s}
.tab:hover{color:var(--text)}.tab.on{color:var(--text);box-shadow:inset 0 -2px 0 var(--acc)}.tab .ic{opacity:.8}
@media (max-width:640px){.tabs{top:61px}.tab{padding:13px 10px 12px;font-size:.82rem}}

/* ── contenu ── */
.wrap{max-width:1200px;width:100%;margin:0 auto;padding:30px 22px 90px;flex:1}
@media (max-width:640px){.wrap{padding:22px 14px 80px}}
.hello{margin:4px 0 24px}.hello h1{font-size:clamp(2.3rem,5vw,3.4rem);margin-top:8px}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:4px 0 22px}.sec-h h2{font-size:clamp(2rem,4.2vw,2.9rem);margin-top:8px}
.sec-a{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sec-a select{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:500 .84rem Inter;max-width:240px}
.quota{font:600 .78rem "JetBrains Mono",monospace;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 12px}.quota.plein{color:var(--warn);border-color:var(--warn)}
.card{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:20px;margin-bottom:16px}
html[data-theme="light"] .card{box-shadow:0 1px 2px rgba(20,15,5,.03)}
.card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.card-h b{display:block;font-size:.98rem}.card-h span{display:block;color:var(--soft);font-size:.78rem;margin-top:2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2>.card,.grid3>.card{margin-bottom:0}.grid2,.grid3{margin-bottom:16px}
@media (max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}

/* ── boutons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 .86rem Inter;border-radius:999px;padding:11px 18px;border:1px solid var(--line2);background:transparent;color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,transform .15s,opacity .2s;white-space:nowrap}
.btn:hover{border-color:var(--acc)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.btn.p{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.p:hover{opacity:.9}
.btn.big{width:100%;padding:14px 18px;font-size:.95rem}.btn.sm{padding:8px 13px;font-size:.8rem}.btn.sm .ic{width:15px;height:15px}
.btn.danger{background:var(--ko);border-color:var(--ko);color:#fff}.btn.danger-l{border-color:transparent;color:var(--ko);padding-left:0;margin-top:14px}.btn.danger-l:hover{border-color:transparent;text-decoration:underline}
.btn.busy{opacity:.7;pointer-events:none}
.ibtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:border-color .2s}.ibtn:hover{border-color:var(--acc)}.ibtn .ic{width:16px;height:16px}.ibtn.dang:hover{border-color:var(--ko);color:var(--ko)}
.lien{background:none;border:0;padding:6px 0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:.86rem}.lien:hover{color:var(--text)}

/* ── formulaires ── */
.form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.form.inline{flex-direction:row;align-items:flex-end;flex-wrap:wrap}.form.inline .fld{flex:1;min-width:200px}
.fld{display:block;min-width:0}.fld>span{display:block;font-size:.74rem;font-weight:600;color:var(--muted);margin:0 0 6px;letter-spacing:.01em}.fld>span em{font-weight:400;font-style:normal;color:var(--soft)}
.fld small{display:block;color:var(--soft);font-size:.76rem;margin-top:5px}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=date],input:not([type]),textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);color:var(--text);font:400 .95rem Inter;outline:none;transition:border-color .2s,box-shadow .2s}
textarea{resize:vertical;min-height:80px;line-height:1.5}
input[type=date]{color-scheme:dark;min-height:46px}html[data-theme="light"] input[type=date]{color-scheme:light}
input:focus,textarea:focus,select:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-b)}
.grid2f{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.grid2f .w{grid-column:1/-1}@media (max-width:560px){.grid2f{grid-template-columns:1fr}}
.chk{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--muted);cursor:pointer}.chk input{width:18px;height:18px;accent-color:var(--acc)}
.msg{font-size:.86rem;min-height:1.3em}.msg.ok{color:var(--ok)}.msg.ko{color:var(--ko)}
.note{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:11px 14px;font-size:.86rem;color:var(--muted);margin-top:18px}.note.ok{border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--text)}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--muted);font:600 .82rem Inter;padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.seg button.on{background:var(--text);color:var(--bg)}.seg.sm button{padding:6px 11px;font-size:.76rem}

/* ── connexion ── */
.auth{flex:1;display:grid;grid-template-columns:minmax(0,480px) minmax(0,420px);gap:56px;justify-content:center;align-items:center;padding:48px 22px 70px;max-width:1100px;margin:0 auto;width:100%}
.auth-card h1{font-size:clamp(2.4rem,6vw,3.5rem);margin-top:12px}
.auth-alt{margin-top:10px}
.auth-side{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:28px}
.auth-qr{width:150px;margin:0 auto 20px}.auth-qr .plate{border-radius:18px;padding:12px}
.auth-ben{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.auth-ben li{display:flex;gap:14px}.auth-ben .ic{width:20px;height:20px;color:var(--acc);margin-top:2px}
.auth-ben b{display:block;font-size:.93rem}.auth-ben span{color:var(--muted);font-size:.84rem}
.auth-new{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.auth-new span{font-weight:600}.auth-new small{color:var(--soft);font-size:.76rem}
@media (max-width:860px){.auth{grid-template-columns:1fr;gap:28px;padding:30px 16px 60px;align-items:start}.auth-side{order:2}}

/* ── bannières ── */
.ban{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin-bottom:18px;background:var(--panel)}
.ban p{margin:0;flex:1;font-size:.9rem}.ban>.ic{width:20px;height:20px}
.ban.ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.ban.ok>.ic{color:var(--ok)}
.ban.warn{border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.ban.warn>.ic{color:var(--warn)}
.ban.ko{border-color:color-mix(in srgb,var(--ko) 45%,transparent)}.ban.ko>.ic{color:var(--ko)}
.ban.info>.ic{color:var(--acc)}
@media (max-width:640px){.ban{flex-wrap:wrap}.ban .btn{width:100%}}

/* ── chiffres ── */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpis.k3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.kpis,.kpis.k3{grid-template-columns:1fr 1fr}}@media (max-width:420px){.kpis,.kpis.k3{grid-template-columns:1fr}}
.kpi{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:18px 18px 16px;min-width:0}
.kv{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:2.55rem;line-height:1.05;margin:10px 0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kv small{font-size:1.2rem;color:var(--soft)}
.kpi p{margin:0;color:var(--soft);font-size:.8rem}
.tr{font:600 .72rem Inter;border-radius:999px;padding:3px 8px;border:1px solid var(--line);color:var(--muted)}.tr.up{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.tr.down{color:var(--ko);border-color:color-mix(in srgb,var(--ko) 40%,transparent)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--soft)}.dot.on{background:var(--ok);box-shadow:0 0 10px var(--ok)}.dot.warn{background:var(--warn)}.dot.off{background:var(--ko)}
.jauge{display:block;height:5px;border-radius:5px;background:var(--line);margin:2px 0 8px;overflow:hidden}.jauge i{display:block;height:100%;background:var(--acc);border-radius:5px}
.bars{display:flex;align-items:flex-end;gap:3px;padding-bottom:22px;position:relative}
.bars .b{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-width:0}
.bars .b i{display:block;background:linear-gradient(180deg,var(--bar),color-mix(in srgb,var(--bar) 55%,transparent));border-radius:4px 4px 1px 1px;transition:opacity .2s}.bars .b.z i{background:var(--line)}.bars .b:hover i{opacity:.75}
.bars .b span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;font-size:.62rem;color:var(--soft);white-space:nowrap}
.spark{display:flex;align-items:flex-end;gap:2px;height:30px;width:100%;max-width:170px}.spark i{flex:1;background:var(--bar);border-radius:2px;opacity:.85}.spark i.z{background:var(--line);opacity:1}
.histo{display:flex;align-items:flex-end;gap:4px;height:130px;padding-bottom:20px}.histo div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.histo i{display:block;background:var(--bar);border-radius:3px 3px 1px 1px;opacity:.9}.histo span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;font-size:.62rem;color:var(--soft);white-space:nowrap}
.rank,.rep,.feed,.team,.aide{list-style:none;margin:0;padding:0}
.rank li,.rep li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.rank li:first-child,.rep li:first-child{border-top:0}
.rank li{cursor:pointer}.rank li:hover .rk-n{color:var(--acc)}
.rk-n{font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-n em{display:block;font-style:normal;font-weight:400;color:var(--soft);font-size:.74rem}
.rep li span:first-child{font-size:.86rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-b{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.rk-b i{display:block;height:100%;background:var(--bar);border-radius:6px}
.rank b,.rep b{font:600 .82rem "JetBrains Mono",monospace;min-width:34px;text-align:right}
.feed li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.feed li:first-child{border-top:0}.feed b{display:block;font-size:.9rem}.feed span{color:var(--soft);font-size:.8rem}
.fd{width:8px;height:8px;border-radius:50%;background:var(--ok);margin-top:7px;flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 15%,transparent)}
.tbl{width:100%;border-collapse:collapse;font-size:.86rem}.tbl th{text-align:left;font:500 .66rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);padding:8px 8px;border-bottom:1px solid var(--line)}
.tbl td{padding:10px 8px;border-bottom:1px solid var(--line)}.tbl tr:last-child td{border-bottom:0}.tbl .r{text-align:right}.tbl tr[data-act]{cursor:pointer}.tbl tr[data-act]:hover td{background:var(--panel)}
.tbl a{color:var(--acc);text-decoration:none;font-weight:600}
@media (max-width:640px){.tbl{font-size:.8rem}.tbl th,.tbl td{padding:8px 5px}}
.lock{display:flex;align-items:center;gap:14px;border:1px dashed var(--line2);border-radius:14px;padding:14px 16px;margin-top:14px;background:var(--acc-b)}.lock>.ic{width:20px;height:20px;color:var(--acc)}
.lock b{display:block;font-size:.9rem}.lock span{color:var(--muted);font-size:.82rem}.lock div{flex:1}
@media (max-width:640px){.lock{flex-wrap:wrap}.lock .btn{width:100%}}
.empty{border:1px dashed var(--line2);border-radius:22px;padding:44px 22px;text-align:center}.empty>.ic{width:34px;height:34px;color:var(--acc)}.empty h3{font-size:1.7rem;margin:12px 0 8px}.empty p{color:var(--muted);max-width:52ch;margin:0 auto 18px}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.quick{grid-template-columns:1fr}}
.act-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:20px;cursor:pointer;transition:border-color .2s,transform .2s}
.act-tile:hover{border-color:var(--acc);transform:translateY(-2px)}.act-tile .ic{width:22px;height:22px;color:var(--acc)}.act-tile b{font-size:1rem;margin-top:6px}.act-tile span{color:var(--muted);font-size:.84rem}

/* ── les QR ── */
.plate{background:var(--plate);border-radius:14px;padding:9px;box-shadow:0 10px 28px rgba(0,0,0,.28);line-height:0}
html[data-theme="light"] .plate{box-shadow:0 6px 20px rgba(40,30,10,.12);border:1px solid var(--line)}
.plate svg{width:100%;height:auto;display:block}
.plate.damier{background-color:#fff;background-image:linear-gradient(45deg,#e9e9e9 25%,transparent 25%),linear-gradient(-45deg,#e9e9e9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9e9 75%),linear-gradient(-45deg,transparent 75%,#e9e9e9 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
.plate.big{padding:16px;border-radius:20px}
.qlist{display:flex;flex-direction:column;gap:14px}
.qcard{display:grid;grid-template-columns:128px minmax(0,1fr) 200px;grid-template-areas:"prev main stats" "prev acts acts";gap:10px 24px;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:20px;transition:border-color .3s,box-shadow .3s}
.qcard:hover{border-color:var(--line2)}.qcard.pause{opacity:.78}.qcard.flash{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-b)}
.qprev{grid-area:prev}.qmain{grid-area:main;min-width:0}.qstats{grid-area:stats}.qacts{grid-area:acts;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.qtop{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.tag{display:inline-flex;align-items:center;gap:6px;font:600 .7rem Inter;border:1px solid var(--line2);border-radius:999px;padding:3px 10px;color:var(--muted)}.tag .ic{width:13px;height:13px}
.pill{display:inline-flex;align-items:center;gap:6px;font:600 .7rem Inter;border-radius:999px;padding:3px 10px;border:1px solid var(--line)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.pill.off{color:var(--ko);border-color:color-mix(in srgb,var(--ko) 40%,transparent)}
.qmain h3{font-size:1.75rem;margin:2px 0 6px;overflow-wrap:anywhere}
.qlink{display:flex;align-items:center;gap:8px;color:var(--muted)}.qlink .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlink .ibtn{width:30px;height:30px}
.qdest{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;color:var(--muted);font-size:.88rem}.qdest .ic{margin-top:2px;color:var(--acc)}.qdest span{min-width:0;overflow-wrap:anywhere}.qdest a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line2)}
.qstats{display:flex;flex-direction:column;gap:8px}.qstats b{font-family:"Cormorant Garamond",serif;font-size:2.4rem;line-height:1;font-weight:600}.qstats span{display:block;color:var(--soft);font-size:.74rem}.qstats small{color:var(--soft);font-size:.76rem}
@media (max-width:900px){.qcard{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"prev main" "stats stats" "acts acts"}.qstats{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--line);padding-top:12px}.qstats .spark{flex:1;min-width:120px}}
@media (max-width:480px){.qcard{grid-template-columns:84px minmax(0,1fr);padding:16px;gap:10px 14px}.qmain h3{font-size:1.45rem}.qacts .btn{flex:1}}
.pop{position:relative}.pop-m{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:6px;z-index:30}
.pop.open .pop-m{display:block}.pop-m button,.pop-m a{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:10px 10px;text-align:left;font-size:.86rem;border-radius:9px;cursor:pointer;text-decoration:none;color:var(--text)}
.pop-m button:hover,.pop-m a:hover{background:var(--panel)}.pop-m .dang{color:var(--ko)}
.qacts .pop:first-of-type .pop-m{left:0;right:auto}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.scard{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.sprev{width:150px;margin:0 auto}.sbody h3{font-size:1.4rem;margin:8px 0 4px;overflow-wrap:anywhere}.sbody p{margin:0;color:var(--muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.sbody small{color:var(--soft);font-size:.74rem}
.sacts{display:flex;gap:8px;align-items:center;margin-top:auto}.sacts .pop{flex:1}.sacts .pop>.btn{width:100%}.sacts .pop-m{left:0;right:auto}

/* ── éditeur d'apparence ── */
.dz{display:flex;flex-direction:column;gap:12px}.dz-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dz-l{width:70px;flex:none;font-size:.76rem;font-weight:600;color:var(--muted)}
.sw{display:flex;gap:7px;flex-wrap:wrap}.sw-c{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg2);box-shadow:0 0 0 1px var(--line2);cursor:pointer;padding:0;position:relative;overflow:hidden;flex:none}
.sw-c.on{box-shadow:0 0 0 2px var(--acc)}.sw-libre{background-image:conic-gradient(#f43f5e,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#f43f5e)}
.sw-libre input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}
.opt3{display:flex;gap:6px}.opt3 button{width:44px;height:40px;border-radius:10px;border:1px solid var(--line2);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}
.opt3 button svg{width:18px;height:18px;fill:currentColor}.opt3 button.on{border-color:var(--acc);background:var(--acc-b);color:var(--acc)}
@media (max-width:400px){.opt3{gap:5px}.opt3 button{width:40px}}
.dz-k{margin:2px 0 0;font-size:.8rem;color:var(--muted)}.dz-k.ok{color:var(--ok)}.dz-k.warn{color:var(--warn)}.dz-k.ko{color:var(--ko)}
.dz-wrap{border:1px solid var(--line);border-radius:14px;padding:0 14px;margin-top:4px}.dz-wrap summary{display:flex;align-items:center;gap:10px;padding:13px 0;cursor:pointer;font-weight:600;font-size:.9rem;list-style:none}.dz-wrap summary::-webkit-details-marker{display:none}
.dz-wrap summary:after{content:"+";margin-left:auto;color:var(--soft);font-size:1.1rem}.dz-wrap[open] summary:after{content:"–"}.dz-wrap[open]{padding-bottom:14px}

/* ── fenêtres ── */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s}.modal.show{opacity:1}
.m-back{position:absolute;inset:0;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.m-box{position:relative;width:min(940px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);transform:translateY(10px);transition:transform .2s}
.modal.show .m-box{transform:none}
.m-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 14px;border-bottom:1px solid var(--line)}.m-head h3{font-size:1.75rem;margin-top:6px}
.m-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.m-body{padding:20px 24px;overflow-y:auto;flex:1}.m-body.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
.m-col{display:flex;flex-direction:column;gap:14px;min-width:0}[data-kc],[data-m]{display:flex;flex-direction:column;gap:14px}
.m-prev{position:sticky;top:0;display:flex;flex-direction:column;gap:12px}.m-prev #pv{transition:opacity .2s}.m-prev #pv.dim{opacity:.35}
.pv-c{margin:0;font-size:.78rem;color:var(--soft);text-align:center;overflow-wrap:anywhere}.pv-c.ko{color:var(--ko)}
.m-foot{display:flex;align-items:center;gap:10px;padding:14px 24px 20px;border-top:1px solid var(--line)}.m-foot .msg{flex:1}
@media (max-width:760px){.modal{padding:0;align-items:flex-end}.m-box{max-height:94vh;border-radius:22px 22px 0 0}.m-body.two{grid-template-columns:1fr}.m-prev{position:static;order:-1;max-width:220px;margin:0 auto;width:100%}
  .m-head{padding:18px 18px 12px}.m-body{padding:16px 18px}.m-foot{padding:12px 18px calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap}.m-foot .msg{flex-basis:100%;order:-1}.m-foot .btn{flex:1}}
html.m-ouvert{overflow:hidden}
.kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:760px){.kinds{grid-template-columns:1fr 1fr}}
.kind{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:16px;cursor:pointer;transition:border-color .2s,transform .2s}
.kind:hover{border-color:var(--acc);transform:translateY(-2px)}.kind .ic{width:22px;height:22px;color:var(--acc)}.kind b{font-size:.95rem;margin-top:4px}.kind span{color:var(--muted);font-size:.78rem;line-height:1.4}

/* ── formule ── */
.plan-cur{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.plan-cur h3{font-size:2rem;margin:8px 0 6px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-cur p{margin:0}
.pc-a{display:flex;gap:10px;flex-wrap:wrap}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}@media (max-width:900px){.plans{grid-template-columns:1fr}}
.plan{position:relative;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:24px 22px;display:flex;flex-direction:column;gap:10px}
.plan.reco{border-color:color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:0 0 0 4px var(--acc-b)}.plan.cur{border-color:var(--ok)}
.badge{position:absolute;top:-11px;left:22px;font:600 .68rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--acc);color:#111;border-radius:999px;padding:4px 10px}
.prix{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:2.8rem;line-height:1}.prix small{font-family:Inter;font-size:.85rem;color:var(--soft);font-weight:500}
.pq{margin:0;color:var(--muted);font-size:.84rem}.plan ul{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.plan li{display:flex;gap:10px;font-size:.88rem;align-items:flex-start}.plan li .ic{width:16px;height:16px;color:var(--ok);margin-top:2px}.plan .btn{width:100%}
.fine{color:var(--soft);font-size:.8rem;line-height:1.6;max-width:80ch}.fine a{color:var(--muted)}

/* ── compte ── */
.team li{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.team li:first-child{border-top:0}.team li span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere;font-size:.9rem}
.team em{font-style:normal;color:var(--soft);font-size:.78rem}.av{width:32px;height:32px;border-radius:50%;background:var(--acc-b);color:var(--acc);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex:none}
.aide li{display:flex;align-items:center;gap:12px;padding:8px 0}.aide .ic{color:var(--acc)}.aide a{text-decoration:none;font-weight:600}.aide a:hover{color:var(--acc)}

/* ── pied, message ── */
.foot{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--soft);font-size:.76rem;border-top:1px solid var(--line)}
.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--text)}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);font-weight:600;font-size:.88rem;border-radius:999px;padding:12px 20px;max-width:calc(100vw - 28px);text-align:center;z-index:200;transition:opacity .25s,transform .25s;box-shadow:var(--sh)}
.toast.show{opacity:1;transform:translate(-50%,0)}.toast.ko{background:var(--ko);color:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ── la page de la carte (06/10/2026) : réglages et aperçu en miniature ── */
.pg-wrap summary em{font-style:normal;font-weight:400;font-size:.78rem;color:var(--soft);margin-left:4px}
.pg-ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-ph label.btn{cursor:pointer}
.pg-mini-w{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:6px}
.pg-mini-l{font-size:.72rem;font-weight:600;color:var(--soft);letter-spacing:.04em}
#pgMini{width:100%;display:flex;justify-content:center}
.pg-voir{font-size:.78rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.pgm{width:100%;max-width:230px;border-radius:16px;padding:30px 12px 12px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}
.pgm-c{position:relative;border-radius:13px;padding:28px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;border:1px solid transparent}
.pgm-av{position:absolute;top:-22px;left:50%;margin-left:-22px;width:44px;height:44px;border-radius:50%;border:3px solid;display:grid;place-items:center;overflow:hidden;font:600 16px/1 'Cormorant Garamond',serif;font-variant-numeric:lining-nums;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.pgm-av img{width:100%;height:100%;object-fit:cover}.pgm-av.logo img{object-fit:contain;padding:14%}
.pgm-c.tete{padding-top:14px}.pgm-tete{display:block;margin:0 auto 6px}.pgm-tete img{display:block;width:auto;height:auto;max-width:80px;max-height:58px;margin:0 auto}
.pgm-n{font-style:normal;font-size:.6rem;line-height:1.4;padding-bottom:4px}
.pgm-t{font:600 1.1rem/1.15 'Cormorant Garamond',serif;letter-spacing:-.01em;overflow-wrap:anywhere}.pgm-t.script{font:400 1.5rem/1.2 'Great Vibes',cursive;letter-spacing:0}
.pgm-s{font-style:normal;font-size:.5rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.pgm-b{margin-top:7px;font-size:.56rem;font-weight:600;padding:5px 10px;border-radius:999px}
.pgm-b2{margin-top:2px;align-self:stretch;text-align:center;border-radius:5px;background:transparent;border:1px solid}
.pg-aide{margin:-2px 0 4px;font-size:.78rem;line-height:1.55;color:var(--muted, rgba(127,127,127,.9))}
.pgm-r{display:flex;gap:6px;margin-top:7px}.pgm-r i{width:14px;height:14px;border-radius:50%;border:1px solid}
.pgm-l{height:16px;border-radius:7px;border:1px solid}

/* ── ✉️ LES DEMANDES (06/10/2026) — « plus qu'un QR code » : le bloc sous les listes, l'onglet, le formulaire et les fichiers ── */
.tab-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--acc);color:var(--bg);font:700 .66rem Inter;line-height:1}
.dem-cta{display:flex;align-items:center;gap:18px;margin-top:22px;border:1px solid var(--line);border-radius:20px;padding:20px 22px;background:linear-gradient(120deg,var(--acc-b),transparent 62%),var(--card)}
.dem-cta .dc-ic{width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);display:grid;place-items:center;flex:none;color:var(--acc)}
.dem-cta .dc-ic .ic{width:20px;height:20px}
.dem-cta .dc-t{flex:1;min-width:0}
.dem-cta .dc-t b{display:block;font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:600;line-height:1.15}
.dem-cta .dc-t span{display:block;color:var(--muted);font-size:.88rem;margin-top:4px;line-height:1.5}
@media (max-width:700px){.dem-cta{flex-direction:column;align-items:flex-start}.dem-cta .btn{width:100%}}
.kinds.dtypes{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media (max-width:420px){.kinds.dtypes{grid-template-columns:1fr 1fr}}
.dlist{display:grid;gap:14px;margin-bottom:16px}
.dcard{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:20px 22px;transition:border-color .3s,box-shadow .3s}
.dcard.neuf{border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.dcard.flash{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-b)}
.dtop{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pill.info{color:var(--info);border-color:color-mix(in srgb,var(--info) 40%,transparent)}
.dnew{font:700 .64rem Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);background:var(--acc);border-radius:999px;padding:3px 9px}
.ddate{margin-left:auto;color:var(--soft);font-size:.78rem}
.dcard h3{font-size:1.65rem;margin:10px 0 6px;overflow-wrap:anywhere}
.dtxt{color:var(--muted);white-space:pre-line;margin:0 0 8px;font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}
.dech{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:.82rem;margin:0 0 8px}
.dech .ic{width:15px;height:15px}
.dlab{display:block;font-size:.7rem;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 2px}
.dchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dchip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:5px 10px;font-size:.8rem;color:var(--text);text-decoration:none;background:var(--panel);transition:border-color .2s}
.dchip:hover{border-color:var(--acc)}
.dchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.dchip em{font-style:normal;color:var(--soft);white-space:nowrap}
.dchip .ic{width:14px;height:14px;color:var(--acc)}
.dliv{margin:16px 0 4px;border:1px solid color-mix(in srgb,var(--ok) 35%,var(--line));border-radius:16px;padding:14px 16px;background:color-mix(in srgb,var(--ok) 5%,transparent)}
.dliv-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px}
.dliv-h b{display:inline-flex;align-items:center;gap:8px;font-size:.95rem}
.dliv-h b .ic{width:17px;height:17px;color:var(--ok)}
.dliv-h span{color:var(--soft);font-size:.8rem}
.dfiles{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dfile{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center}
.dthumb{width:54px;height:54px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;text-decoration:none}
.dthumb img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}
.fmt{font:600 .66rem "JetBrains Mono",monospace;color:#5a554c;letter-spacing:.06em}
.df-t{min-width:0}
.df-t b{display:block;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-t span{display:block;color:var(--soft);font-size:.76rem;margin-top:2px}
.df-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
button.dthumb{padding:0;cursor:zoom-in;font:inherit;color:inherit}button.dthumb:hover{border-color:var(--acc)}
@media (max-width:520px){.dfile{grid-template-columns:46px minmax(0,1fr)}.dfile .df-a{grid-column:1/-1;justify-content:stretch}.df-a .btn{flex:1;justify-content:center}.dthumb{width:46px;height:46px}.ddate{margin-left:0;width:100%}}
/* la visionneuse */
.m-box.m-vu{width:min(1120px,100%);height:calc(100vh - 40px)}
.m-vu .vu-head{align-items:center}.vu-t{min-width:0}.m-vu .vu-t h3{font-size:1.25rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vu-a{display:flex;align-items:center;gap:8px;flex:none}
.vu-scene{flex:1;min-height:0;overflow:auto;display:flex;padding:18px;background:var(--bg);border-radius:0 0 24px 24px}
.vu-scene>*{margin:auto} /* centré sans jamais couper le haut d'un long PDF (align-items:center le rendrait inaccessible) */
.vu-img{border-radius:12px;overflow:hidden;line-height:0;max-width:100%;box-shadow:0 18px 50px rgba(0,0,0,.35);background-color:#fff;background-image:conic-gradient(#ececec 25%,#fff 0 50%,#ececec 0 75%,#fff 0);background-size:18px 18px}
.vu-img img{display:block;max-width:100%;max-height:calc(100vh - 190px);width:auto;height:auto}
.vu-img.svg{padding:18px;width:min(calc(100vh - 200px),100%)}.vu-img.svg img{width:100%;max-height:none} /* un SVG n’a pas toujours de taille à lui : c’est le cadre qui la donne */
.vu-pages{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%}
.vu-pages canvas{display:block;background:#fff;border-radius:6px;box-shadow:0 18px 50px rgba(0,0,0,.35);max-width:100%;height:auto}
.vu-msg{color:var(--soft);font-size:.9rem;text-align:center}.vu-pages .vu-msg{margin:4px 0 0}
.vu-nav{position:absolute;top:calc(50% + 34px);transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 86%,transparent);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vu-nav:hover{border-color:var(--acc)}.vu-nav.l{left:14px}.vu-nav.r{right:14px}.vu-nav.r .ic{transform:scaleX(-1)}
@media (max-width:760px){.m-box.m-vu{height:94vh;border-radius:22px 22px 0 0}.vu-scene{border-radius:0;padding:12px}.vu-a .btn{padding-left:10px;padding-right:10px}.vu-nav{width:38px;height:38px}.vu-nav.l{left:8px}.vu-nav.r{right:8px}.vu-img img{max-height:calc(94vh - 170px)}.vu-img.svg{width:min(calc(94vh - 180px),100%)}}
.dfil{display:grid;gap:10px;margin:16px 0 4px}
.dmsg{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel)}
.dmsg.nous{border-color:color-mix(in srgb,var(--acc) 35%,var(--line));background:var(--acc-b)}
.dm-h{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;margin-bottom:4px}
.dm-h b{font-weight:700}
.dm-h span{color:var(--soft)}
.dm-liv{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:.78rem;color:var(--soft)}.dm-liv .ic{width:13px;height:13px}
.dmsg p{margin:0;white-space:pre-line;font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}
.dacts{display:flex;gap:8px;margin-top:14px}
.drep{margin-top:14px;display:grid;gap:12px}
.drep-a{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.drep-a .msg{flex:1;min-width:160px}
.dem-f{display:grid;gap:14px}
.dz-files{display:grid;gap:8px}
.dz-drop{display:flex;align-items:center;gap:12px;border:1px dashed var(--line2);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .2s,background .2s}
.dz-drop:hover,.dz-files.sur .dz-drop{border-color:var(--acc);background:var(--acc-b)}
.dz-drop .ic{width:20px;height:20px;color:var(--acc)}
.dz-drop b{display:block;font-size:.88rem}
.dz-drop em{display:block;font-style:normal;color:var(--soft);font-size:.78rem;margin-top:2px}
.zf-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.zf-list:empty{display:none}
.zf{display:grid;grid-template-columns:18px minmax(0,1fr) auto 30px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:5px 5px 5px 10px;font-size:.82rem}
.zf .ic{width:16px;height:16px;color:var(--soft)}
.zf-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zf-e{color:var(--soft);font-size:.76rem;white-space:nowrap}
.zf.ok .zf-e{color:var(--ok)}
.zf.ko{border-color:color-mix(in srgb,var(--ko) 45%,transparent)}
.zf.ko .zf-e{color:var(--ko);white-space:normal}
.zf .ibtn{width:28px;height:28px}
.qav{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line2);margin-top:-2px}
label.btn input[type=file]{display:none}
label.btn.off{opacity:.42;pointer-events:none}
label.btn.busy{opacity:.6;pointer-events:none}
.quick.q3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.quick.q3{grid-template-columns:1fr}}
html[data-theme="light"] .dthumb{background:#fff}
/* ── créer son espace = s'abonner (06/10/2026) : le choix de la formule ── */
.plans-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 16px}
.pp{position:relative;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px 13px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.pp:hover{border-color:var(--line2)}
.pp.on{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-b);background:color-mix(in srgb,var(--acc-b) 60%,var(--panel))}
.pp input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.pp:focus-within{outline:2px solid var(--acc);outline-offset:2px}
.pp-h{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.pp-h b{font-size:.92rem}
.pp-h em{font-style:normal;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.pp-p{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.75rem;line-height:1.05;font-variant-numeric:lining-nums}.pp-p small{font-family:Inter,system-ui,sans-serif;font-size:.74rem;font-weight:500;color:var(--soft)}
.pp-q{font-size:.76rem;color:var(--muted)}
@media (max-width:520px){.plans-pick{grid-template-columns:1fr}.pp{flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:12px}.pp-h{flex:1 1 100%}.pp-p{font-size:1.5rem}}
.chk a{color:var(--text)}
#fNew .chk{margin:6px 0 16px}#fNew .fine{margin-top:12px}
.b-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.b-ok{display:flex;align-items:center;gap:8px;color:var(--ok)}.b-ok .ic{width:16px;height:16px}
#c1,#c2,#bCode,#bAsk{display:flex;flex-direction:column;gap:12px} /* les champs regroupés dans un bloc gardent l’écart de .form (il ne vaut que pour ses enfants directs) */