/* 15/10 (patron) : SIGHT ADS — annonces (bandeau, totems, interstitiel), espace créateur « Sight Ads », régie (admin).
   Charte : noir profond, or #d4a63a / #f7c948, argent ; les annonces restent sombres en thème clair (comme des affiches). */

/* 25/10 : couleurs des annonces passées par variables — theme.js n'éclaircit que les couleurs écrites en dur : les annonces, l'aperçu
   et les maquettes restent des affiches sombres en thème clair (texte blanc lisible). */
:root{--adp1:rgba(212,166,58,.32);--adp2:#04070e;--adp3:rgba(0,0,0,.35);--adp4:#f7c948;--adp5:rgba(0,0,0,.45);--adp6:rgba(247,201,72,.25);--adp7:rgba(212,166,58,.34);--adp8:rgba(43,227,169,.08);--adp9:rgba(255,92,116,.07);--adp10:#0b1224;--adp11:#03060d;--adp12:rgba(2,5,12,.9);--adp13:rgba(2,5,12,.62);--adp14:rgba(2,5,12,0);--adp15:rgba(0,0,0,.55);--adp16:rgba(255,255,255,.18);--adp17:#d5dbe7;--adp18:rgba(0,0,0,.6);--adp19:#cbd3e2;--adp20:#141004;--adp21:#ffe08a;--adp22:#d4a63a;--adp23:rgba(212,166,58,.35);--adp24:rgba(2,5,12,.95);--adp25:rgba(2,5,12,.55);--adp26:rgba(247,201,72,.35);--adp27:rgba(2,5,12,.92);--adp28:rgba(2,5,12,.2);--adp29:rgba(2,5,12,.5);--adp30:#0a0f1d;--adp31:#1f2a44;--adp32:rgba(247,201,72,.45);--adp33:#17203a;--adp34:#070b16;--adp35:#1a2236;--adp36:#141c30}
/* ---------------------------------------------------------------- l'annonce */
.ad{position:relative;display:block;overflow:hidden;border-radius:16px;border:1px solid var(--adp1);background:var(--adp2);color:#fff!important;
  text-decoration:none!important;box-shadow:0 10px 30px var(--adp3);isolation:isolate;transition:border-color .2s,box-shadow .2s,transform .2s}
.ad:hover{border-color:var(--adp4);box-shadow:0 14px 40px var(--adp5),0 0 0 1px var(--adp6)}
.ad-m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ad:hover .ad-m{transform:scale(1.035)}
.ad-fond{display:block;background:
  radial-gradient(60% 120% at 82% 40%,var(--adp7),transparent 62%),
  repeating-linear-gradient(90deg,transparent 0 34px,var(--adp8) 34px 40px,transparent 40px 74px,var(--adp9) 74px 80px),
  linear-gradient(180deg,var(--adp10),var(--adp11))}
.ad-voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--adp12) 0%,var(--adp13) 42%,var(--adp14) 74%)}
.ad-tag{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:999px;background:var(--adp15);border:1px solid var(--adp16);
  color:var(--adp17);font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(4px)}
.ad-by{position:absolute;top:11px;left:14px;color:var(--adp4);font:700 11.5px system-ui,sans-serif;letter-spacing:.02em;text-shadow:0 1px 6px var(--adp18)}
.ad-tx{position:absolute;left:clamp(16px,3vw,32px);top:50%;transform:translateY(-50%);max-width:min(560px,58%);display:flex;flex-direction:column;gap:6px}
.ad-tx b{font:800 clamp(17px,2.1vw,27px)/1.15 system-ui,sans-serif;letter-spacing:-.01em;text-shadow:0 2px 14px var(--adp15)}
.ad-tx>span{color:var(--adp19);font:500 clamp(12.5px,1.15vw,15px)/1.4 system-ui,sans-serif}
.ad-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:9px 17px;border-radius:999px;font:800 13px system-ui,sans-serif;font-style:normal;
  color:var(--adp20);background:linear-gradient(135deg,var(--adp21),var(--adp4) 40%,var(--adp22));box-shadow:0 6px 18px var(--adp23);transition:transform .2s}
.ad-cta i{font-style:normal;transition:transform .2s}.ad:hover .ad-cta i{transform:translateX(3px)}
.ad-k{font:700 11px system-ui,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--adp4);text-shadow:0 1px 6px var(--adp18)}
.ad-ban{aspect-ratio:3.4/1;min-height:176px}
.ad-ban .ad-tx{gap:4px}.ad-ban .ad-tx b{font-size:clamp(17px,1.9vw,25px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-ban .ad-tx>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ad-ban .ad-cta{margin-top:6px}
.ad-tot{aspect-ratio:1/2}
.ad-tot .ad-voile{background:linear-gradient(0deg,var(--adp24) 0%,var(--adp25) 46%,var(--adp14) 72%)}
.ad-tot .ad-tx{top:auto;bottom:16px;left:14px;right:14px;transform:none;max-width:none}.ad-tot .ad-tx b{font-size:18px}.ad-tot .ad-tx>span{font-size:12.5px}
.ad-tot .ad-cta{padding:8px 13px;font-size:12px}
.ad-int{aspect-ratio:16/9;border-radius:20px}
.ad-int .ad-tx{max-width:min(620px,56%)}.ad-int .ad-tx b{font-size:clamp(22px,3vw,40px)}.ad-int .ad-tx>span{font-size:clamp(14px,1.4vw,18px)}
.ad-int .ad-cta{padding:12px 22px;font-size:15px}
.ad-maison .ad-tag{color:var(--adp4);border-color:var(--adp26)}
@media (max-width:640px){
  .ad-ban{aspect-ratio:2/1;min-height:0}.ad-ban .ad-tx,.ad-int .ad-tx{max-width:82%}.ad-ban .ad-voile,.ad-int .ad-voile{background:linear-gradient(90deg,var(--adp27),var(--adp25) 70%,var(--adp28))}
  .ad-int{aspect-ratio:4/5}.ad-int .ad-tx{top:auto;bottom:22px;transform:none}
}

/* 15/10 nuit : carré latéral (sous les totems) */
.ad-car{aspect-ratio:1/1}
.ad-car .ad-voile{background:linear-gradient(0deg,var(--adp24) 0%,var(--adp29) 52%,var(--adp14) 78%)}
.ad-car .ad-tx{top:auto;bottom:14px;left:12px;right:12px;transform:none;max-width:none;gap:3px}
.ad-car .ad-tx b{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-car .ad-tx>span{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-car .ad-cta{padding:6px 12px;font-size:11.5px;margin-top:4px}
/* création 1:2 du Studio dans un totem de la hauteur de l'écran : l'image entière en haut, le reste rempli par la même image floutée */
.ad-m.ad-flou{filter:blur(30px) brightness(.34) saturate(1.35);transform:scale(1.25)}
.ad-m.ad-net{object-fit:contain;object-position:50% 0}
.ad-tot .ad-m.ad-net{bottom:auto;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.ad:hover .ad-m.ad-flou{transform:scale(1.25)}

/* ---------------------------------------------------------------- emplacements du Marketplace (bandeau + colonnes latérales)
   15/10 nuit (patron : « les totems doivent prendre tout l'espace visible, la hauteur de l'écran ; deux carrés en dessous ; on occupe plus
   d'espace ») : dès 1280 px, la page du Marketplace sort du gabarit centré — colonnes collées aux bords (menu à gauche, fenêtre à droite),
   chaque colonne = un totem de la hauteur visible de l'écran puis 2 carrés que l'on découvre en défilant (pas de « sticky » : rien n'est caché). */
.adz{display:grid;grid-template-columns:minmax(0,1fr);--adz-w:clamp(150px,calc(28vw - 250px),300px);--adz-h:max(460px,calc(100vh - var(--top,60px) - 36px))}
.adz-s{display:none}
.adz-m{min-width:0}
.adz-top:not(:empty){margin:0 0 18px}
.adz-top .ad{animation:adIn .5s ease both}
@keyframes adIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (min-width:1280px){
  main:has(>.adz){max-width:none;padding-left:14px;padding-right:14px}
  .adz{grid-template-columns:var(--adz-w) minmax(0,1fr) var(--adz-w);gap:16px;align-items:start}
  .adz-s{display:flex;flex-direction:column;gap:14px;min-width:0}
  .adz-s .ad{animation:adIn .5s ease both}
  .adz-t{height:var(--adz-h)}
  .adz-t>.ad,.adz-t>.mkd-rot,.adz-t>.mkd-rot>.ad{height:100%;aspect-ratio:auto}
  .adz-c>.ad{aspect-ratio:1/1;width:100%}
  .adz-m>.bq{max-width:none}   /* 15/10 nuit (patron) : le centre prend toute la largeur entre les totems */
}
@media (min-width:1280px) and (max-width:1599.98px){.adz{gap:12px}.adz-s .ad-tx>span{display:none}}

/* ---------------------------------------------------------------- interstitiel */
.adi-body{margin:0;min-height:100vh;background:radial-gradient(70% 60% at 50% 40%,#0b1224 0%,#000 70%);color:#e3e7ef;font-family:system-ui,sans-serif}
.adi{box-sizing:border-box;min-height:100vh;max-width:1180px;margin:0 auto;padding:22px 16px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px;animation:adIn .45s ease both}
.adi-hd{display:flex;align-items:center;gap:10px;color:#8a95a8;font:600 13px system-ui,sans-serif;letter-spacing:.04em}
.adi-eye{width:30px;height:auto;animation:adiBlink 3.2s infinite}
@keyframes adiBlink{0%,44%,52%,100%{transform:scaleY(1)}48%{transform:scaleY(.12)}}
.adi-sp{flex:1}
.adi-skip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid #28324a;background:rgba(11,16,32,.85);color:#8a95a8;
  font:700 13px system-ui,sans-serif;cursor:not-allowed;transition:all .2s}
.adi-skip span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #3a4560;font-size:11.5px}
.adi-skip:not([disabled]){cursor:pointer;color:#141004;background:linear-gradient(135deg,#ffe08a,#f7c948 45%,#d4a63a);border-color:#f7c948}
.adi-skip:not([disabled]) span{display:none}
.adi-skip:not([disabled]) b::after{content:" ›"}
.adi-card .ad{box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(247,201,72,.18)}
.adi-bar{height:3px;border-radius:3px;background:#141b2c;overflow:hidden}.adi-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d4a63a,#f7c948)}

/* ---------------------------------------------------------------- Sight Ads : accueil (créateurs) */

.ads-sec{margin:0 0 20px}.ads-sec h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:18px}
.ads-sec-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}.ads-sec-hd h2{margin:0}
.ads-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.ads-kt{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:0}
.ads-kt span{color:var(--muted);font:700 11.5px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ads-kt b{font:800 26px/1.1 system-ui,sans-serif;color:var(--text)}.ads-kt em{font-style:normal;color:var(--muted);font-size:12px}
.ads-st{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font:700 11.5px system-ui,sans-serif;background:rgba(2,5,12,.72);border:1px solid #2a3654;color:#cbd3e2}
.ads-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.ads-st-on{color:#2be3a9;border-color:rgba(43,227,169,.45)}.ads-st-on::before{animation:adxPouls 1.6s infinite}
.ads-st-rev{color:#7fb3ff;border-color:rgba(127,179,255,.45)}.ads-st-pay{color:#f7c948;border-color:rgba(247,201,72,.5)}
.ads-st-ko{color:#ff5c74;border-color:rgba(255,92,116,.45)}.ads-st-prog{color:#c79bff;border-color:rgba(199,155,255,.45)}
.ads-vide[hidden]{display:none!important}.ads-vide{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:34px 18px}.ads-vide-eye{color:var(--gold)}.ads-vide .btn{margin-top:8px}
.ads-of-mq{display:block;position:relative;height:74px;border-radius:10px;background:var(--adp30);border:1px solid var(--adp31);margin:0 0 6px;overflow:hidden}
.ads-of-mq::before,.ads-of-mq::after{content:"";position:absolute;border-radius:4px;background:linear-gradient(135deg,var(--adp4),var(--adp22));box-shadow:0 0 14px var(--adp32)}
.ads-of-bandeau::before{left:8%;right:8%;top:12%;height:26%}.ads-of-bandeau::after{left:8%;right:8%;top:48%;height:40%;background:var(--adp33);box-shadow:none}
.ads-of-totems::before{left:6%;top:10%;bottom:10%;width:12%}.ads-of-totems::after{right:6%;top:10%;bottom:10%;width:12%}
.ads-of-carres::before{left:6%;top:12%;width:16%;aspect-ratio:1/1;height:auto}.ads-of-carres::after{right:6%;top:12%;width:16%;aspect-ratio:1/1;height:auto}
.ads-of-interstitiel{background:#000}.ads-of-interstitiel::before{left:18%;right:18%;top:18%;bottom:18%}.ads-of-interstitiel::after{display:none}

/* ---------------------------------------------------------------- assistant de création */
.ads-wz [hidden]{display:none!important}
.ads-wz{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start}
.ads-wz-f>.card{margin:0 0 14px}.ads-wz h2{display:flex;align-items:center;gap:10px;font-size:16.5px;margin:0 0 12px}
.ads-wz label{display:block;margin:0 0 10px}.ads-wz input[type=text],.ads-wz input:not([type]),.ads-wz input[type=number],.ads-wz input[type=date],.ads-wz select{width:100%}
.ads-chs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 12px}
.ads-ch{position:relative;margin:0!important;cursor:pointer}
.ads-ch input{position:absolute;opacity:0;pointer-events:none}
.ads-ch>span{display:flex;flex-direction:column;gap:5px;height:100%;padding:12px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);transition:border-color .15s,box-shadow .15s,transform .15s}
.ads-ch>span b{font-size:13.5px}.ads-ch>span em{font-style:normal;color:var(--muted);font-size:12px}
.ads-ch:hover>span{transform:translateY(-1px);border-color:var(--gold2)}
.ads-ch input:checked+span{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 6px 20px rgba(212,166,58,.18)}
.ads-ch input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.ads-chs-of{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.ads-lbl{margin:6px 0 6px;color:var(--muted);font:700 11.5px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ads-tgs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.ads-tg{margin:0!important;cursor:pointer}.ads-tg input{position:absolute;opacity:0;pointer-events:none}
.ads-tg span{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);font:600 12.5px system-ui,sans-serif;transition:all .15s}
.ads-tg input:checked+span{border-color:var(--gold);color:var(--gold);background:rgba(212,166,58,.1)}
.ads-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ads-drop{position:relative;cursor:pointer}.ads-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ads-drop>span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border-radius:14px;border:1.5px dashed var(--line2);color:var(--muted);text-align:center;transition:border-color .15s}
.ads-drop:hover>span{border-color:var(--gold)}.ads-drop b{color:var(--text)}.ads-drop em{font-style:normal;font-size:12px}
.ads-wz-p{position:sticky;top:calc(var(--top,60px) + 12px)}
.ads-pv{margin:0}.ads-pv h2{margin-bottom:10px}
.ads-pv-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);margin:0 0 10px}
.ads-pv-tabs button{flex:1;padding:7px 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:700 12.5px system-ui,sans-serif;cursor:pointer}
.ads-pv-tabs button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 6px rgba(0,0,0,.25)}
.ads-pv-sc{padding:10px;border-radius:14px;background:var(--adp34);border:1px solid var(--adp35);display:flex;flex-direction:column;gap:8px;min-height:250px}
.ads-pv-site{display:flex;gap:6px}.ads-pv-site i{flex:1;height:10px;border-radius:4px;background:var(--adp36)}.ads-pv-site.g i{height:58px}
.ads-pv-tot{flex-direction:row;align-items:flex-start}.ads-pv-tot [data-pv-ad]{width:120px;flex:none}.ads-pv-site.v{flex-direction:column;flex:1}.ads-pv-site.v i{height:46px;flex:none}
.ads-pv-car{flex-direction:row;align-items:flex-start}.ads-pv-car [data-pv-ad]{width:150px;flex:none}
.ads-pv-int{background:#000;justify-content:center}
.ads-pv .ad-ban{min-height:0}.ads-pv .ad-tx b{font-size:15px}.ads-pv .ad-tx>span{font-size:11.5px}.ads-pv .ad-cta{padding:6px 11px;font-size:11px;margin-top:4px}
.ads-pv .ad-int .ad-tx b{font-size:18px}.ads-pv .ad-tot .ad-tx b{font-size:13px}
.ads-tot{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:14px 0 10px;padding:12px 14px;border-radius:12px;background:rgba(212,166,58,.08);border:1px solid rgba(212,166,58,.3)}
.ads-tot b{font:800 26px system-ui,sans-serif;color:var(--gold)}.ads-tot em{width:100%;font-style:normal}
.ads-wz-p .btn.big{width:100%}
@media (max-width:1100px){.ads-wz{grid-template-columns:1fr}.ads-wz-p{position:static}}
@media (max-width:560px){.ads-2{grid-template-columns:1fr}.ads-chs{grid-template-columns:1fr 1fr}}

/* ---------------------------------------------------------------- campagne, régie */
.ads-cp{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start;margin:0 0 18px}
.ads-cp-ap .ad{min-height:0}.ads-cp-v>p{margin-top:8px}
.ads-info{padding:10px 14px;border-radius:12px;border:1px solid rgba(127,179,255,.35);background:rgba(127,179,255,.08)}
.ads-pay h2{display:flex;align-items:center;gap:8px;margin:0 0 6px}.ads-pay-m{margin:0 0 10px;color:var(--muted)}.ads-pay-m em{font:800 28px system-ui,sans-serif;font-style:normal;color:var(--gold);margin-right:6px}
.ads-pay .btn.big{width:100%;margin-top:6px}
.ads-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ads-figs{margin:0 0 14px}
.ads-tabs{display:flex;gap:4px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:0 0 14px;padding:5px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.ads-tabs a{padding:7px 14px;border-radius:10px;color:var(--muted)!important;font:700 13px system-ui,sans-serif;text-decoration:none!important}
.ads-tabs a.on{background:rgba(212,166,58,.14);color:var(--gold)!important}.ads-tabs em{font-style:normal;margin-left:4px;padding:1px 7px;border-radius:999px;background:#ff5c74;color:#fff;font-size:11px}
.ads-rv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;margin:0 0 12px}
.ads-rv-b{display:flex;flex-direction:column;gap:5px}.ads-rv-f{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.ads-rv-f input{flex:1 1 180px}
.ads-px{width:110px!important}
@media (max-width:900px){.ads-cp,.ads-rv{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- 15/10 : Sight Ads Studio (version verticale, son, visuels en régie) */
.ad-ban.ad-crea{aspect-ratio:4/1;min-height:0}
@media (max-width:640px){.ad-ban.ad-crea{aspect-ratio:4/1}.ad-int.ad-crea:not(.ad-int-v){aspect-ratio:16/9}}
.ad-int .ad-m-v{display:none}
@media (max-width:640px) and (orientation:portrait){
  .ad-int.ad-int-v .ad-m-h{display:none}.ad-int.ad-int-v .ad-m-v{display:block}
  .ad-int.ad-int-v{aspect-ratio:9/16;width:min(100%,calc(74vh * 9 / 16));margin:0 auto}
}
.adi-son{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid #28324a;background:rgba(11,16,32,.85);color:#cbd3e2;font:700 13px system-ui,sans-serif;cursor:pointer}
.adi-son[aria-pressed=true]{color:#f7c948;border-color:rgba(247,201,72,.6)}
.adi-son,.adi-skip{white-space:nowrap}
@media (max-width:440px){.adi-hd>.adi-eye+span{display:none}.adi-son,.adi-skip{padding:8px 12px;font-size:12.5px}}
.ast-avs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.ast-av{display:flex;flex-direction:column;gap:3px;align-items:center;color:var(--muted)!important;font-size:11px;text-decoration:none!important}
.ast-av img,.ast-av video{height:80px;max-width:220px;border-radius:10px;border:1px solid var(--line2);background:#000;object-fit:contain}

/* ================================================================ 25/10 (patron : « Sight Ads… pas design, pas fonctionnel ») — ESPACE ANNONCEUR « adx »
   Une couleur par emplacement (bandeau or · totems ciel · carrés violet · interstitiel rose) et une par état (active vert · à payer or ·
   validation bleu · programmée violet · pause gris · refusée rouge · terminée ardoise), reprises partout : puces, aperçu, calcul, liste. */
:root{--adx-or:#f7c948;--adx-ciel:#4cc3ff;--adx-violet:#b48cff;--adx-rose:#ff7ac6;--adx-vert:#2be3a9;--adx-bleu:#7fb3ff;--adx-rouge:#ff5c74;--adx-gris:#a3adbf;--adx-ardoise:#7c879b;
  --adx-fond:rgba(255,255,255,.025);--adx-r:26px / 20px}
:root[data-theme=light]{--adx-or:#8a6200;--adx-ciel:#0369a1;--adx-violet:#6d28d9;--adx-rose:#be185d;--adx-vert:#047857;--adx-bleu:#1d4ed8;--adx-rouge:#be123c;--adx-gris:#475569;--adx-ardoise:#64748b;
  --adx-fond:#f6f8fb}
.adx-c-or{--k:var(--adx-or)}.adx-c-ciel{--k:var(--adx-ciel)}.adx-c-violet{--k:var(--adx-violet)}.adx-c-rose{--k:var(--adx-rose)}.adx-c-vert{--k:var(--adx-vert)}
.adx-s-on,.ads-st-on{--k:var(--adx-vert)}.adx-s-pay,.ads-st-pay{--k:var(--adx-or)}.adx-s-rev,.ads-st-rev{--k:var(--adx-bleu)}.adx-s-prog,.ads-st-prog{--k:var(--adx-violet)}
.adx-s-off,.ads-st-off{--k:var(--adx-gris)}.adx-s-ko,.ads-st-ko{--k:var(--adx-rouge)}.adx-s-end,.ads-st-end{--k:var(--adx-ardoise)}
@keyframes adxPouls{0%,100%{opacity:1}50%{opacity:.45}}
/* pastille d'état : même dessin partout (liste, campagne, régie) */
.ads-st[class*=ads-st-]{color:var(--k,var(--adx-gris));border-color:color-mix(in srgb,var(--k,var(--adx-gris)) 45%,transparent);background:color-mix(in srgb,var(--k,var(--adx-gris)) 12%,var(--panel));white-space:nowrap}
.adx-pl{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font:700 11.5px/1.5 system-ui,sans-serif;color:var(--k);
  background:color-mix(in srgb,var(--k) 13%,transparent);border:1px solid color-mix(in srgb,var(--k) 35%,transparent);white-space:nowrap}
.adx-pl::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--k)}
.adx{font-variant-numeric:tabular-nums}
.adx ::selection{background:rgba(247,201,72,.35)}
.adx h2{display:flex;align-items:center;gap:9px;margin:0;font-size:16.5px}
.adx h2 .ic{color:var(--gold)}
.adx .btn:focus-visible,.adx a:focus-visible,.adx button:focus-visible,.adx-tabs a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---------------------------------------------------------------- en-tête + onglets de l'espace */
main .pg-hd.adx-hd{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:12px}
.adx-hd-t{min-width:0;flex:1 1 320px}.adx-hd .ax-pg-oeil{order:3}.adx-hd h1{margin:0 0 2px;font-size:clamp(22px,2.2vw,28px);overflow-wrap:anywhere}.adx-hd p{margin:0;line-height:1.9}.adx-hd p .ads-st,.adx-hd p .adx-pl{vertical-align:1px}
.adx-hd-a{position:relative;z-index:1;order:2}
.adx-hd-a .btn.big{width:auto;padding-left:22px;padding-right:24px;display:inline-flex;align-items:center;gap:8px}
.adx-tabs{display:flex;gap:4px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:0 0 18px;padding:5px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.adx-tabs::-webkit-scrollbar{display:none}
.adx-tabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;color:var(--muted)!important;font:700 13.5px system-ui,sans-serif;text-decoration:none!important;white-space:nowrap;transition:background .18s,color .18s}
.adx-tabs a:hover{color:var(--text)!important;background:var(--adx-fond)}
.adx-tabs a.on{color:var(--gold)!important;background:color-mix(in srgb,var(--adx-or) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--adx-or) 35%,transparent)}

/* ---------------------------------------------------------------- tableau de bord */
.adx .card{margin:0;border-radius:var(--adx-r)}
.adx-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:16px;margin:0 0 16px;align-items:stretch}
.adx-budget,.adx-cbud{display:flex;flex-direction:column;gap:12px;padding:18px 22px}
.adx-budget-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.adx-chain{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font:700 11.5px system-ui,sans-serif;color:var(--adx-vert);
  background:color-mix(in srgb,var(--adx-vert) 12%,transparent);border:1px solid color-mix(in srgb,var(--adx-vert) 35%,transparent)}
.adx-chain::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.adx-budget-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adx-budget-n div{display:flex;flex-direction:column;gap:2px;min-width:0}
.adx-budget-n span{color:var(--muted);font:600 12.5px system-ui,sans-serif}
.adx-budget-n b{font:800 clamp(18px,1.7vw,23px)/1.15 system-ui,sans-serif;color:var(--text);white-space:nowrap}
.adx-t-or{color:var(--gold)!important}.adx-t-vert{color:var(--adx-vert)!important}
.adx-bar{display:block;height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}
.adx-bar i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--adx-or),color-mix(in srgb,var(--adx-or) 60%,var(--adx-rose)));transition:width .4s cubic-bezier(.2,.7,.2,1)}
.adx-bar.fin{height:5px}.adx-bar.fin i{background:var(--k,var(--adx-vert))}
.adx-due{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;color:var(--text)!important;text-decoration:none!important;
  background:color-mix(in srgb,var(--adx-or) 12%,transparent);border:1px solid color-mix(in srgb,var(--adx-or) 45%,transparent);transition:background .18s}
.adx-due:hover{background:color-mix(in srgb,var(--adx-or) 20%,transparent)}
.adx-due .ic{color:var(--gold);flex:none}.adx-due span{flex:1;font-size:13.5px}.adx-due em{font-style:normal;font-weight:800;color:var(--gold)}
.adx-budget>p,.adx-cbud>p{margin:0}
.adx-perf{display:flex;flex-direction:column;gap:6px;min-width:0}
.adx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1}
.adx-kpi{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:16px 18px;min-width:0;
  background-image:radial-gradient(70% 90% at 0% 0%,color-mix(in srgb,var(--k) 16%,transparent),transparent 70%)!important}
.adx-kpi-ic{display:grid;place-items:center;width:38px;height:26px;margin-bottom:6px;border-radius:50%;color:var(--k);background:color-mix(in srgb,var(--k) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 40%,transparent)}
.adx-kpi b{font:800 clamp(20px,1.9vw,27px)/1.1 system-ui,sans-serif;color:var(--text);white-space:nowrap}
.adx-kpi>span:not(.adx-kpi-ic){color:var(--muted);font:600 12.5px system-ui,sans-serif}
.adx-kpi small{color:var(--k);font-size:11.5px;font-weight:700}
.adx-perf-n{margin:0;align-self:flex-end;padding:2px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.adx-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:16px;align-items:start}
.adx-camp{padding:18px 20px}
.adx-sec-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.adx-nb{font-style:normal;font:800 12px system-ui,sans-serif;padding:2px 9px;border-radius:999px;color:var(--gold);background:color-mix(in srgb,var(--adx-or) 14%,transparent)}
.adx-filtres{display:flex;gap:6px;flex-wrap:wrap}
.adx-filtres[hidden]{display:none}
.adx-filtres button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--muted);font:700 12.5px system-ui,sans-serif;cursor:pointer;transition:all .15s}
.adx-filtres button i{width:7px;height:7px;border-radius:50%;background:var(--k)}
.adx-filtres button em{font-style:normal;opacity:.75}
.adx-filtres button:hover{color:var(--text);border-color:var(--k,var(--gold2))}
.adx-filtres button.on{color:var(--k,var(--gold));border-color:var(--k,var(--gold));background:color-mix(in srgb,var(--k,var(--adx-or)) 12%,transparent)}
.adx-list{display:flex;flex-direction:column;gap:8px;container-type:inline-size}
.adx-list-hd,.adx-row{display:grid;grid-template-columns:118px minmax(0,1.5fr) minmax(0,1.25fr) minmax(0,.95fr) minmax(0,1.35fr) auto;gap:14px;align-items:center}
.adx-list-hd{padding:0 14px 0 10px;color:var(--muted);font:700 11.5px system-ui,sans-serif}
.adx-row{padding:10px 14px 10px 10px;border-radius:24px / 20px;border:1px solid var(--line);background:var(--adx-fond);color:var(--text)!important;text-decoration:none!important;
  transition:border-color .18s,background .18s}
.adx-row:hover{border-color:color-mix(in srgb,var(--k) 60%,transparent);background:color-mix(in srgb,var(--k) 6%,transparent)}
.adx-row[hidden]{display:none}
.adx-row-v{display:block;aspect-ratio:2.4/1;border-radius:14px / 12px;overflow:hidden;background:#04070e}
.adx-row-v .ads-vg{width:100%;height:100%;object-fit:cover;display:block}
.adx-row-t{display:flex;flex-direction:column;gap:5px;min-width:0}.adx-row-t b{font-size:14.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.adx-pls{display:flex;flex-wrap:wrap;gap:4px}
.adx-row-s,.adx-row-b{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.adx-row-s em,.adx-row-b em{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}
.adx-row-s .adx-bar,.adx-row-b .adx-bar{width:100%;max-width:150px}
.adx-row-b b{font-size:14.5px}
.adx-row-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.adx-row-k span{display:flex;flex-direction:column;color:var(--muted);font-size:11.5px}.adx-row-k b{color:var(--text);font-size:14.5px}
.adx-row-a .btn{pointer-events:none;white-space:nowrap}
.adx-row:hover .adx-row-a .btn:not(.pri){border-color:var(--k);color:var(--k)}
.adx-vide{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 4px 6px;text-align:center}
.adx-vide-t{margin:0;font-size:15px;max-width:52ch}
.adx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;text-align:left}
.adx-steps li{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:22px / 18px;border:1px solid var(--line);background:var(--adx-fond)}
.adx-steps li span:last-child{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted)}.adx-steps b{color:var(--text);font-size:14px}
.adx-n{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;font:800 13px system-ui,sans-serif;color:var(--k,var(--gold));
  background:color-mix(in srgb,var(--k,var(--adx-or)) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k,var(--adx-or)) 45%,transparent)}
.adx-vide .btn.big{width:auto;display:inline-flex;align-items:center;gap:8px;padding-left:24px;padding-right:26px}
.adx-side{display:flex;flex-direction:column;gap:16px}
.adx-offres,.adx-cycle{padding:18px 20px}
.adx-offres ul,.adx-cycle ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.adx-offres li{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px 8px 8px;border-radius:20px / 16px;background:var(--adx-fond);border:1px solid var(--line)}
.adx-offres li span{display:flex;flex-direction:column;min-width:0}.adx-offres li b{font-size:13.5px}.adx-offres li em{font-style:normal;color:var(--muted);font-size:11.5px}
.adx-offres strong{font:800 16px system-ui,sans-serif;color:var(--k);white-space:nowrap;text-align:right}.adx-offres strong small{display:block;font-size:11px;font-weight:600;color:var(--muted)}
.adx .ads-of-mq{height:40px;margin:0;border-radius:12px / 10px;background:var(--adp30);border-color:var(--adp31)}
.adx [class*=adx-c-] .ads-of-mq::before,.adx [class*=adx-c-] .ads-of-mq::after{background:var(--k);box-shadow:0 0 12px color-mix(in srgb,var(--k) 55%,transparent)}
.adx [class*=adx-c-] .ads-of-bandeau::after{background:var(--adp33);box-shadow:none}
.adx-cycle ol{position:relative;gap:12px}
.adx-cycle li{position:relative;display:flex;gap:12px;align-items:flex-start}
.adx-cycle li i,.adx-pay-steps li i{flex:none;width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--k);box-shadow:0 0 0 4px color-mix(in srgb,var(--k) 18%,transparent)}
.adx-cycle li:not(:last-child)::after{content:"";position:absolute;left:5.5px;top:20px;bottom:-12px;width:1px;background:var(--line2)}
.adx-cycle li span,.adx-pay-steps li span{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted)}.adx-cycle li b,.adx-pay-steps li b{color:var(--k);font-size:13.5px}
.adx-cycle>p{margin:14px 0 0}

/* ---------------------------------------------------------------- assistant en 5 étapes */
.adx-wz{grid-template-columns:minmax(0,1fr) minmax(320px,410px)}
.adx-stepper{grid-column:1/-1;list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.adx-stepper[hidden]{display:none}
.adx-stepper button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:7px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:700 13px system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s}
.adx-stepper button:hover{color:var(--text);background:var(--adx-fond)}
.adx-stepper .adx-n{width:24px;height:24px;font-size:12px;--k:var(--muted)}
.adx-stepper li.on button{color:var(--text);background:color-mix(in srgb,var(--adx-or) 13%,transparent)}
.adx-stepper li.on .adx-n{color:#141004;background:var(--adx-or);box-shadow:none}
:root[data-theme=light] .adx-stepper li.on .adx-n{color:#fff}
.adx-stepper li.fait .adx-n{--k:var(--adx-vert)}
.adx-stepper li.fait button{color:var(--text)}
.adx-wz .ads-wz-f{min-width:0}
.adx-step{padding:20px 22px;margin:0 0 14px!important}
.adx-wz-js .adx-step:not(.on){display:none}
.adx-wz-js .adx-step.on{animation:adxEntre .22s cubic-bezier(.2,.7,.2,1)}
@keyframes adxEntre{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.adx-wz-js .adx-step.on{animation:none}.adx-bar i{transition:none}}
.adx-step h2{margin:0 0 6px;font-size:18px}.adx-step h2:focus{outline:none}
.adx-aide{margin:0 0 14px;color:var(--muted);font-size:13.5px}
.adx-step h2+.ads-chs,.adx-step h2+.adx-2col{margin-top:12px}
.adx-step-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.adx-step-ft .btn{display:inline-flex;align-items:center;gap:6px;min-width:120px;justify-content:center}
.adx-2col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.adx-cpt{float:right;color:var(--muted);font:600 11.5px system-ui,sans-serif}.adx-cpt.bas{color:var(--adx-rouge)}
.adx-note{margin:6px 0 10px;color:var(--muted);font-size:12.5px}
.adx-wz .ads-ch>span{border-radius:20px / 16px;background:var(--adx-fond)}
.adx-wz .ads-ch>span .ic{color:var(--gold)}
.adx-wz .ads-ch-of>span{position:relative;gap:4px;padding:12px 14px}
.adx-wz .ads-ch-of .ads-of-mq{height:58px;margin-bottom:6px}
.adx-wz .ads-ch-of small{color:var(--muted);font-size:11.5px;line-height:1.35}
.adx-wz .ads-ch-of .adx-fmt{color:var(--k);font-weight:700}
.adx-wz .ads-ch-of strong{margin-top:auto;padding-top:6px;font:800 18px system-ui,sans-serif;color:var(--k)}.adx-wz .ads-ch-of strong small{font-size:11.5px;font-weight:600}
.adx-wz .ads-ch-of:hover>span{border-color:color-mix(in srgb,var(--k) 60%,transparent)}
.adx-wz .ads-ch-of input:checked+span{border-color:var(--k);box-shadow:0 0 0 1px var(--k),0 10px 26px -12px color-mix(in srgb,var(--k) 55%,transparent);background:color-mix(in srgb,var(--k) 7%,transparent)}
.adx-wz .ads-ch-of input:checked+span::after{content:"";position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;background:var(--k) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141004' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.adx-wz .ads-chs-of{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.adx-public{margin-top:14px;border-radius:20px / 16px;border:1px solid var(--line);background:var(--adx-fond);padding:4px 14px}
.adx-public[open]{padding-bottom:12px}
.adx-public summary{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;list-style:none}
.adx-public summary::-webkit-details-marker{display:none}
.adx-public summary .ic{color:var(--gold)}.adx-public summary span{display:flex;flex-direction:column}.adx-public summary em{font-style:normal;color:var(--muted);font-size:12px}
.adx-public summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.adx-public[open] summary::after{transform:rotate(-135deg)}
.adx-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.adx-chip{white-space:nowrap;padding:6px 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--muted);font:700 12.5px system-ui,sans-serif;cursor:pointer;transition:all .15s}
.adx-chip:hover{color:var(--text);border-color:var(--gold2)}
.adx-chip.on{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--adx-or) 12%,transparent)}
.adx-calc{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;border-radius:18px / 14px;overflow:hidden;border:1px solid var(--line)}
.adx-calc th,.adx-calc td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line)}
.adx-calc td{text-align:right;white-space:nowrap}.adx-calc td:nth-child(2){color:var(--muted)}
.adx-calc tbody th{font-weight:600}.adx-calc tbody th i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;background:var(--k)}
.adx-calc tfoot th,.adx-calc tfoot td{border-bottom:0;background:color-mix(in srgb,var(--adx-or) 9%,transparent);font-weight:800}
.adx-calc tfoot td{font-size:18px;color:var(--gold)}
.adx-vide-calc{text-align:center!important;color:var(--muted)}
.adx-recap{margin:0 0 16px;display:flex;flex-direction:column;border-radius:18px / 14px;border:1px solid var(--line);overflow:hidden}
.adx-recap>div{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.adx-recap>div:last-child{border-bottom:0}
.adx-recap dt{color:var(--muted);font-size:12.5px;font-weight:700}.adx-recap dd{margin:0;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;min-width:0;overflow-wrap:anywhere}
.adx-recap dd small{width:100%;color:var(--muted);font-size:12px}
.adx-recap-tot{background:color-mix(in srgb,var(--adx-or) 9%,transparent)}.adx-recap-tot dd{font:800 20px system-ui,sans-serif;color:var(--gold)}
.adx-mod{border:0;background:none;color:var(--muted);font:700 12px system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.adx-mod:hover{color:var(--gold)}
.adx-manque{color:var(--adx-rouge);font-weight:700}
.adx-pay-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adx-pay-steps li{display:flex;gap:10px;padding:12px 14px;border-radius:20px / 16px;background:color-mix(in srgb,var(--k) 7%,transparent);border:1px solid color-mix(in srgb,var(--k) 25%,transparent)}
.adx-go{width:100%;display:flex!important;align-items:center;justify-content:center;gap:8px}
.adx-wz .ads-pv-tabs button{position:relative}
.adx-wz .ads-pv-tabs button.on{color:var(--k);background:color-mix(in srgb,var(--k) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 40%,transparent)}
.adx-wz .ads-pv-tabs button.pris::after{content:"";position:absolute;top:5px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--k)}
.adx-wz .ads-tot{border-radius:18px / 14px}
.adx-wz .ads-tot em{color:var(--muted);font-size:12px}

/* ---------------------------------------------------------------- page d'une campagne */
.adx-suivi{list-style:none;margin:0 0 16px;padding:14px 22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.adx-suivi li{position:relative;display:flex;align-items:center;gap:10px;min-width:0}
.adx-suivi li i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line2)}
.adx-suivi li span{display:flex;flex-direction:column;min-width:0;font-size:13px}.adx-suivi li b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adx-suivi li em{font-style:normal;color:var(--muted);font-size:11.5px}
.adx-sv-next{color:var(--muted)}
.adx-sv-ok i{background:var(--adx-vert);border-color:var(--adx-vert)!important}.adx-sv-ok i .ic{color:#06281d}
:root[data-theme=light] .adx-sv-ok i .ic{color:#fff}
.adx-sv-cur{--k:var(--adx-vert)}.adx-sv-due{--k:var(--adx-or)}.adx-sv-ko{--k:var(--adx-rouge)}
.adx-sv-cur i,.adx-sv-due i,.adx-sv-ko i{border-color:var(--k)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--k) 20%,transparent)}
.adx-sv-cur i::after,.adx-sv-due i::after,.adx-sv-ko i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--k)}
.adx-sv-cur b,.adx-sv-due b,.adx-sv-ko b{color:var(--k)}
.adx-cap{padding:18px 20px}.adx-cap h2{margin-bottom:12px}
.adx .ads-cp-a{display:flex;flex-direction:column;gap:14px}
.adx-pay{padding:18px 22px;border-color:color-mix(in srgb,var(--adx-or) 45%,transparent)!important}
.adx-cbud-p{font-size:14px}.adx-cbud-p b{font:800 24px system-ui,sans-serif;color:var(--gold)}
.adx-per{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.adx-per a{padding:5px 12px;border-radius:999px;color:var(--muted)!important;font:700 12.5px system-ui,sans-serif;text-decoration:none!important}
.adx-per a.on{color:var(--gold)!important;background:color-mix(in srgb,var(--adx-or) 14%,transparent)}
.adx .ads-sec .adx-kpis{margin:0 0 14px}
.adx-tab{padding:16px 20px}

/* ---------------------------------------------------------------- tailles d'écran */
@container (max-width:900px){
  .adx-list-hd{display:none}
  .adx-row{grid-template-columns:132px minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"v t t a" "v s b k";row-gap:10px}
  .adx-row-v{grid-area:v;align-self:center}.adx-row-t{grid-area:t}.adx-row-s{grid-area:s}.adx-row-b{grid-area:b}.adx-row-k{grid-area:k;min-width:150px}.adx-row-a{grid-area:a;justify-self:end}
}
@container (max-width:560px){
  .adx-row{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"v t" "s b" "k k" "a a";padding:10px}
  .adx-row-b{align-items:flex-end}
  .adx-row-k{padding-top:8px;border-top:1px solid var(--line)}
  .adx-row-a{justify-self:stretch}.adx-row-a .btn{width:100%;justify-content:center;display:flex}
}
@media (max-width:1240px){
  .adx-top{grid-template-columns:1fr}
  .adx-steps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}
@media (max-width:1100px){.adx-cols,.adx-wz{grid-template-columns:1fr}.adx-wz .ads-wz-p{position:static}.adx-stepper b{display:none}.adx-stepper li.on b{display:inline}}
@media (max-width:820px){
  .adx-suivi{border-radius:28px / 22px;grid-template-columns:1fr;gap:10px}
  .adx-pay-steps{grid-template-columns:1fr}
  .adx-2col{grid-template-columns:1fr}
  .adx-hd-a{width:100%}.adx-hd-a .btn.big{width:100%;justify-content:center}
}
@media (max-width:600px){
  .adx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .adx-budget,.adx-cbud,.adx-camp,.adx-offres,.adx-cycle,.adx-step,.adx-cap{padding:16px}
  .adx-budget-n b{font-size:17px}
  .adx-stepper{grid-template-columns:repeat(5,auto);justify-content:space-between}
  .adx-stepper button{padding:6px}
  .adx-recap>div{grid-template-columns:1fr auto}.adx-recap dt{grid-column:1/-1}
  .adx-tabs{width:100%}
  .adx-perf-n{align-self:flex-start}
}
:root[data-theme=light] .adx-wz .ads-ch-of input:checked+span::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
/* 26/10 : offres du Marketplace de la page graphique (mêmes pictos que leurs cousines du site) */
.ads-of-g_totems::before{left:6%;top:10%;bottom:10%;width:12%}.ads-of-g_totems::after{right:6%;top:10%;bottom:10%;width:12%}
.ads-of-g_offre::before{left:8%;right:8%;top:12%;height:26%}.ads-of-g_offre::after{left:8%;right:8%;top:48%;height:40%;background:var(--adp33);box-shadow:none}
.ads-of-g_une::before{left:14%;right:14%;top:18%;bottom:18%}
.ads-of-g_boutique::before{left:6%;top:12%;width:16%;aspect-ratio:1/1;height:auto}
.ads-of-g_une::after,.ads-of-g_boutique::after{display:none}

/* ---------------------------------------------------------------- 02/11 (patron) : promotion de lancement −25 %, totem multi-affichage, analytique */
:root{--adx-past:#e0243b;--adx-past-t:#fff}
.adx-pastille{display:inline-grid;place-items:center;padding:2px 9px;border-radius:999px;background:var(--adx-past);color:var(--adx-past-t)!important;font:800 11.5px/1.35 system-ui,sans-serif;font-style:normal;
  letter-spacing:.01em;white-space:nowrap;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--adx-past) 70%,transparent);transform:rotate(-3deg)}
.adx-promo{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:2px 7px}
.adx-promo s{color:var(--muted);font-weight:600;font-size:.78em;text-decoration-thickness:1.5px;text-decoration-color:var(--adx-past)}
.adx-promo .sr,.adx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.adx-promo .adx-pastille{align-self:center}
.adx-calc td s{color:var(--muted);text-decoration-color:var(--adx-past);margin-right:4px}
.adx-promo-bd{display:flex;align-items:center;gap:12px;margin:-6px 0 18px;padding:10px 20px 10px 12px;width:fit-content;max-width:100%;border-radius:999px;
  background:color-mix(in srgb,var(--adx-past) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--adx-past) 40%,transparent);font-size:13.5px;color:var(--text)}
.adx-promo-bd .adx-pastille{font-size:13px;padding:4px 12px}
.adx-promo-bd b{color:var(--text)}
.ads-pay-m .adx-promo b{font-size:1.15em}

/* totem multi-affichage : vignette de l'offre + éditeur des produits */
.ads-of-g_multi_g::before{left:6%;top:10%;bottom:10%;width:14%}.ads-of-g_multi_g::after{left:24%;top:10%;bottom:10%;width:4%;opacity:.45}
.ads-of-g_multi_d::before{right:6%;top:10%;bottom:10%;width:14%}.ads-of-g_multi_d::after{right:24%;top:10%;bottom:10%;width:4%;opacity:.45}
.adx-multi{margin:16px 0 4px;padding:16px 18px;border-radius:var(--adx-r);border:1px solid color-mix(in srgb,var(--adx-vert) 40%,transparent);background:color-mix(in srgb,var(--adx-vert) 5%,transparent)}
.adx-multi[hidden]{display:none}
.adx-multi-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.adx-multi-hd h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15.5px}.adx-multi-hd em{color:var(--adx-vert);font-style:normal;font-weight:700;font-size:13px}
.adx-multi-c{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;align-items:start}
.adx-els{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.adx-el{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border-radius:22px / 18px;border:1px solid var(--line);background:var(--panel);transition:border-color .2s,box-shadow .2s}
.adx-el.vu{border-color:color-mix(in srgb,var(--adx-vert) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--adx-vert) 35%,transparent)}
.adx-el-n{display:inline-grid;place-items:center;width:28px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--adx-vert) 18%,transparent);color:var(--adx-vert);font:800 12px system-ui,sans-serif;margin:6px 6px 0 0}
.adx-el-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.adx-el-f input:not([type=file]),.adx-el-f select{width:100%;margin:0}
.adx-el-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:7px}
.adx-el-img{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px dashed var(--line2);color:var(--muted);font-size:12.5px;cursor:pointer;width:fit-content;max-width:100%}
.adx-el-img input{position:absolute;width:1px;height:1px;opacity:0}
.adx-el-img:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.adx-el-img span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adx-el-a{display:flex;flex-direction:column;gap:4px}
.adx-el-a button{width:32px;height:26px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--muted);font:700 14px/1 system-ui,sans-serif;cursor:pointer}
.adx-el-a button:hover{color:var(--text);border-color:var(--gold2)}
.adx-el-a [data-el-del]:hover{color:var(--adx-rouge);border-color:var(--adx-rouge)}
.adx-el-add{margin-top:12px;border-radius:999px}
.adx-multi-pv{position:sticky;top:12px}
.adx-multi-pv .ad-tot{height:300px;border-radius:85px 85px 22px 22px / 70px 70px 18px 18px}
.adx-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px}
.adx-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:var(--line2);cursor:pointer}
.adx-dots button.on{background:var(--adx-vert);width:18px;border-radius:999px}
.adx-els-vue{margin-top:14px}.adx-els-vue h3{font-size:14px;margin:0 0 8px}
.adx-els-vue ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.adx-els-vue li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}
.adx-els-vue img{width:44px;height:66px;object-fit:cover;border-radius:22px 22px 8px 8px / 18px 18px 6px 6px;background:var(--adp2)}
.adx-els-vue span{display:flex;flex-direction:column;min-width:0;font-size:13px}.adx-els-vue em{color:var(--muted);font-style:normal}
.adx-els-vue a{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* analytique */
.adx-retour{margin:0 0 12px}.adx-retour a{display:inline-flex;align-items:center;gap:6px;color:var(--muted)!important;font-weight:700;font-size:13px;text-decoration:none!important}
.adx-retour a:hover{color:var(--gold)!important}
.adx-ana-hd{justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.adx-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px}
.adx-kpis-8 .adx-kpi{border-radius:var(--adx-r)}
.adx-leg{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;font-weight:700}
.adx-leg i{display:inline-block;width:18px;height:4px;border-radius:999px}.adx-leg i.i{background:var(--adx-or)}.adx-leg i.c{background:var(--adx-violet);margin-left:10px}
.adx-courbe{display:block;width:100%;height:auto;margin-top:6px}
.adx-courbe .gr line{stroke:var(--line);stroke-width:1}
.adx-courbe .ax text{fill:var(--muted);font:600 11px system-ui,sans-serif}.adx-courbe .ax .i{fill:var(--adx-or)}.adx-courbe .ax .c{fill:var(--adx-violet)}
.adx-courbe .ai{fill:color-mix(in srgb,var(--adx-or) 16%,transparent)}
.adx-courbe .li{fill:none;stroke:var(--adx-or);stroke-width:2.2;stroke-linejoin:round}
.adx-courbe .lc{fill:none;stroke:var(--adx-violet);stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:6 4}
.adx-courbe .h{fill:transparent}.adx-courbe .h:hover{fill:color-mix(in srgb,var(--adx-or) 50%,transparent)}
.adx-tri th button{all:unset;cursor:pointer;font-weight:700;white-space:nowrap}
.adx-tri th button::after{content:" \2195";opacity:.4;font-size:.85em}
.adx-tri th[aria-sort=ascending] button::after{content:" \2191";opacity:1}.adx-tri th[aria-sort=descending] button::after{content:" \2193";opacity:1}
.adx-tri th button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:999px}
.adx-tri tbody th{text-align:left;font-weight:600;min-width:180px}
.adx-tri tbody th a{display:block}.adx-tri tbody th small{color:var(--muted);font-weight:600;margin-right:6px}
.adx-tri .adx-pls{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.adx-tab .adx-bar{min-width:90px}
@media (max-width:760px){
  .adx-multi-c{grid-template-columns:1fr}.adx-multi-pv{position:static;max-width:200px;margin:0 auto}
  .adx-el{grid-template-columns:26px minmax(0,1fr)}.adx-el-a{grid-column:1/-1;flex-direction:row;justify-content:flex-end}
  .adx-el-2{grid-template-columns:1fr}
  .adx-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adx-promo-bd{border-radius:22px / 18px}
}

/* 06/11 : signature « SIGHT + Better Trader Together » en bas du bandeau (mk-demo.js) */
.ad-ban .mkd-sig{position:absolute;left:clamp(16px,3vw,32px);bottom:12px;z-index:1;display:flex;align-items:center;gap:10px;pointer-events:none}
.ad-ban .mkd-sig img{height:20px;width:auto;filter:drop-shadow(0 1px 4px var(--adp18))}
.ad-ban .mkd-sig i{font:700 11px/1 system-ui,sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--adp21);text-shadow:0 1px 6px var(--adp18)}
@media (max-width:640px){.ad-ban .mkd-sig{bottom:8px}.ad-ban .mkd-sig i{font-size:9.5px}}
.ad-ban img.mkd-art{object-position:right center}

/* 06/11 (patron) — Mes campagnes élargie sous le budget · fiches produits (visuel réel, ce qu'on y trouve, à quoi ça sert) · démo du tableau analytique (chiffres fictifs, animés) */
.adx>.adx-camp{margin:16px 0 0;padding:20px 22px}
.adx-sec-hd p{margin:4px 0 0;width:100%}
.adx-sec-hd{flex-wrap:wrap}
.adx-prod{margin-top:22px}
.adx-fiches{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:14px}
.adx-fiche{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;color:var(--text);background:var(--adx-fond);border:1px solid var(--line);border-radius:28px / 24px;transition:border-color .25s,transform .25s;background-color:#0c1322;isolation:isolate}
.adx-fiche::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:var(--k);box-shadow:0 0 14px var(--k);z-index:2}
.adx-fiche:hover{border-color:color-mix(in srgb,var(--k) 55%,transparent);transform:translateY(-2px)}
.adx-fv{position:relative;aspect-ratio:16/9;overflow:hidden;background:#04070e}
.adx-fv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.adx-fiche:hover .adx-fv>img{transform:scale(1.04)}
.adx-fv::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(7,11,22,.55))}
.adx-fk{position:absolute;left:14px;top:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:999px;background:rgba(7,11,22,.78);border:1px solid var(--k);color:var(--k);font:800 12px/1 system-ui,sans-serif;backdrop-filter:blur(6px)}
.adx-fk .ic{color:var(--k)}
.adx-aff{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b1224}
.adx-aff>img{position:static;display:block;flex:1;min-height:0;width:100%;height:auto;object-fit:cover;transition:none}
.adx-aff-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 14px;background:rgba(7,11,22,.94);border-top:1px solid var(--line)}
.adx-aff-t b{display:flex;align-items:center;gap:8px;font:800 12.5px/1.3 system-ui,sans-serif;color:var(--text)}
.adx-aff-t i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--k);box-shadow:0 0 10px var(--k)}
.adx-fb{display:flex;flex-direction:column;gap:10px;flex:1;padding:16px 18px 18px}
.adx .adx-fb h3{margin:0;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;text-transform:none;letter-spacing:0;font:800 17px/1.25 system-ui,sans-serif;color:var(--text)}
.adx-fd{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.adx-f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:4px}
.adx-f2 h4{margin:0 0 6px;font:800 11px/1.2 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--k)}
.adx-f2 ul{margin:0;padding-left:16px;font-size:12.8px;line-height:1.5;color:var(--text)}
.adx-f2 li+li{margin-top:3px}
.adx-f2 p{margin:0;font-size:12.8px;line-height:1.5;color:var(--text)}
.adx-ff{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.adx-fp{font:800 15px system-ui,sans-serif;color:var(--k);white-space:nowrap}
.adx-fn{flex:1;min-width:0;color:var(--muted);font-size:12px}
.adx-ff .btn{white-space:nowrap}
.adx-dot{flex:none;display:block;width:12px;height:12px;border-radius:50%;background:var(--k);box-shadow:0 0 0 4px color-mix(in srgb,var(--k) 18%,transparent)}
.adx-bas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;align-items:start}
.adx-bas .adx-offres li{grid-template-columns:12px minmax(0,1fr) auto}
.adx-bas .adx-offres li span{min-width:0}
/* démo du tableau analytique */
.adx-demo{margin-top:22px;padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.adx-demo-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.adx-demo-tag{padding:5px 12px;border-radius:999px;background:var(--gold);color:#0b0f1a;font:800 12px/1.2 system-ui,sans-serif}
.adx-demo-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.adx-demo-kpi>div{background-color:#0c1322;display:flex;flex-direction:column;gap:4px;padding:14px 16px;min-width:0;border-radius:22px / 18px;background:var(--adx-fond);border:1px solid color-mix(in srgb,var(--k) 35%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--k) 22%,transparent)}
.adx-demo-kpi span{color:var(--muted);font:600 12.5px system-ui,sans-serif}
.adx-demo-kpi b{font:800 clamp(20px,2vw,28px)/1.1 system-ui,sans-serif;color:var(--k);white-space:nowrap}
.adx-demo-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:stretch}
.adx-demo-graph{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.adx-demo-graph figcaption,.adx-demo-fu h3{margin:0;color:var(--muted);font:600 12.5px system-ui,sans-serif}
.adx-demo-fu h3{color:var(--text);font:800 14px system-ui,sans-serif;margin-bottom:10px}
.adx-demo-fu{display:flex;flex-direction:column;min-width:0}
.adx-demo-fu .mut{margin:12px 0 0}
.adx-bars{position:relative;display:flex;align-items:flex-end;gap:6px;height:190px;padding:14px 10px 0;border-radius:22px / 18px;background:#0c1322;border:1px solid var(--line);overflow:hidden}
.adx-bars>i{flex:1;height:var(--h);min-width:6px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#6aa8ff,rgba(106,168,255,.14));transform-origin:50% 100%;animation:adx-grow .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 55ms)}
.adx-line{position:absolute;left:10px;top:14px;bottom:0;width:calc(100% - 20px);height:calc(100% - 14px);overflow:visible;pointer-events:none}
polyline.adx-l{fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(247,201,72,.6));animation:adx-draw 1.8s ease .6s forwards}
@keyframes adx-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes adx-draw{to{stroke-dashoffset:0}}
@keyframes adx-w{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.adx-funnel{display:flex;flex-direction:column;gap:14px}
.adx-fu{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;color:var(--muted);font-size:12.5px}
.adx-fu>b{color:var(--text);font:800 15px system-ui,sans-serif;text-align:right;white-space:nowrap}
.adx-fu>b em{font-style:normal;color:var(--k);font-size:12px;margin-left:4px}
.adx-fu-bar{grid-column:1/-1;display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.adx-fu-bar>i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--k),color-mix(in srgb,var(--k) 55%,#fff));transform-origin:0 50%;animation:adx-w 1.2s cubic-bezier(.2,.8,.2,1) both;animation-delay:.3s}
.adx-tbl-wrap{overflow-x:auto;border-radius:22px / 18px;border:1px solid var(--line);background:var(--adx-fond)}
.adx-tbl{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}
.adx-tbl th,.adx-tbl td{padding:12px 14px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
.adx-tbl th:first-child,.adx-tbl td:first-child{text-align:left}
.adx-tbl thead th{color:var(--muted);font-weight:700;font-size:12px}
.adx-tbl tbody th{font-weight:700;color:var(--text)}
.adx-tbl tbody tr:last-child th,.adx-tbl tbody tr:last-child td{border-bottom:0}
.adx-tbl tbody td:last-child b{color:#2be3a9}
.adx-demo-n{margin:0}
@media (max-width:1100px){.adx-demo-body{grid-template-columns:1fr}}
@media (max-width:900px){.adx-bas{grid-template-columns:1fr}.adx-demo-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .adx-fiches{grid-template-columns:1fr}
  .adx-f2{grid-template-columns:1fr;gap:10px}
  .adx-aff-t{padding:8px 12px;gap:4px 12px}
  .adx-ff{gap:8px}.adx-fn{flex-basis:100%;order:3}
  .adx-demo{padding:16px}
  .adx-bars{height:150px;gap:4px}
  .adx-demo-kpi b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.adx-bars>i,.adx-fu-bar>i,polyline.adx-l{animation:none}polyline.adx-l{stroke-dashoffset:0}.adx-fiche,.adx-fv>img{transition:none}}

/* 06/11 : fonds pleins sous les fiches et la démo (le décor œil du fond ne traverse plus le texte) */
:root[data-theme=light] .adx-fiche,:root[data-theme=light] .adx-demo-kpi>div,:root[data-theme=light] .adx-bars{background-color:#ffffff}
.adx .adx-fb h3{background-image:none!important;border-radius:0!important;box-shadow:none!important}
.adx-sec-hd h2{background-image:none}
.adx-bas .adx-cycle{position:sticky;top:90px;align-self:start}

/* 06/11 (patron) : bandeaux maison en rotation (Marketplace) + bandeaux du fil d'actualité et du portefeuille (4:1, rien de coupé) */
.ad-rotd{position:relative;width:100%;aspect-ratio:4/1}
.ad-rotd .ad-rot{position:absolute;inset:0;opacity:0;animation:adrot 16s linear infinite both;animation-delay:calc(var(--i) * 4s)}
@keyframes adrot{0%{opacity:0}3%,22%{opacity:1}25%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ad-rotd .ad-rot{animation:none;opacity:0}.ad-rotd .ad-rot:first-child{opacity:1}}
.adp{max-width:1200px;margin:14px auto;padding:0 clamp(10px,2vw,20px)}
.adp-s:empty{display:none}
.adp .ad-ban{min-height:0}