/* HOURA! Centre de Formation — système d’interface partagé, campagne 2026.
   Les couleurs de statut ont une fonction : réussite, erreur, avertissement. */




:root{
 --drop-paper:#FAFBFD;--drop-white:#FFFFFF;--drop-ink:#00205B;--drop-text:#1A1B1D;--drop-muted:#63666C;--drop-line:#CED2DA;--drop-ochre:#003087;
 --black:#00205B!important;--black2:#1A1B1D!important;--black3:#1A1B1D!important;--dk:#00205B!important;
 --white:#FFFFFF!important;--off-white:#FAFBFD!important;--beige:#FAFBFD!important;--cream:#F1F4F8!important;
 --text:#1A1B1D!important;--text-2:#63666C!important;--text-3:#63666C!important;--text-4:#63666C!important;
 --gray:#63666C!important;--gray-lt:#63666C!important;--gray-dk:#63666C!important;--muted:#63666C!important;
 --border:#CED2DA!important;--border-lt:#CED2DA!important;--border-hover:#63666C!important;--border-focus:#00205B!important;
 --gold:#003087!important;--gold-dk:#00235F!important;--gold-lt:#003087!important;--gold-10:#F1F4F8!important;--gold-5:#FAFBFD!important;--gold-bg:#FAFBFD!important;--gold-bg2:#F1F4F8!important;
 --ocre:#003087;--ocre-fonce:#00235F;--ocre-pale:#F1F4F8;--noir:#00205B;--creme:#FAFBFD;--ligne:#CED2DA;
 --green:#003087;--green-bg:#EEEFF2;--red:#BF1F1F;--red-bg:#FAECEC;--orange:#001F57;--orange-bg:#D9E3F5;--blue:#003087;--blue-bg:#EFF1F4;
 --ok:#003087;--ok-pale:#EEEFF2;--ko:#BF1F1F;--ko-pale:#FAECEC;--alerte:#001F57;--alerte-pale:#D9E3F5;--info:#003087;--info-pale:#EFF1F4;--bonus:#63666C;--bonus-pale:#F1F4F8;
 --font:Montserrat,sans-serif!important;--r:4px!important;--r-lg:4px!important;--r-xl:4px!important;--radius:4px!important;--radius-sm:3px!important;--radius-lg:4px!important;--radius-xl:4px!important;
 --shadow:none!important;--shadow-sm:none!important;--shadow-md:none!important;--shadow-lg:none!important;--shadow-1:none!important;--shadow-2:none!important;--shadow-3:none!important;--shadow-gold:none!important;
}
html{color-scheme:light;scroll-padding-top:94px}
html body.drop-campaign{margin:0;background:var(--drop-paper)!important;color:var(--drop-text)!important;font:400 14px/1.7 Montserrat,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
html body.drop-campaign *:not(svg):not(svg *):not(code):not(pre):not(kbd){font-family:Montserrat,sans-serif!important}
.drop-campaign *{box-sizing:border-box}
.drop-campaign :is(h1,h2,h3,h4){font-weight:600!important;line-height:1.3;letter-spacing:-.035em}
.drop-campaign :is(h1,h2,h3,h4,p){overflow-wrap:break-word}
.drop-campaign :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--drop-ink)!important;outline-offset:4px!important;box-shadow:none!important}
.drop-campaign input:focus-visible,.drop-campaign textarea:focus-visible,.drop-campaign select:focus-visible{outline-offset:2px!important}
.drop-campaign a:hover{text-underline-offset:4px}
.drop-campaign img{max-width:100%;height:auto}
.drop-campaign [hidden]{display:none!important}
.drop-campaign svg{flex-shrink:0}
.campaign-skip{position:fixed;top:12px;left:20px;z-index:10001;padding:12px 20px;background:#00205B;color:#fff;transform:translateY(-180%);text-decoration:none;font-size:14px}
.campaign-skip:focus{transform:none}
#lms-main:focus{outline:none}

/* Navigation apprenant : marque d’origine, rail fonctionnel, liens en Medium. */
html body.drop-campaign .d-side.dr{width:300px!important;background:#fff!important;border-right:1px solid var(--drop-line)!important;box-shadow:none!important}
html body.drop-campaign .dr-rail{width:72px;background:var(--drop-paper);padding:24px 0 18px;gap:8px;border-right:1px solid var(--drop-line)}
html body.drop-campaign .dr-logo{width:36px;height:36px;border-radius:0;box-shadow:none;background:transparent;margin-bottom:17px;object-fit:contain}
html body.drop-campaign .dr-tab{width:60px;padding:8px 2px;border-radius:3px;color:var(--drop-muted);gap:5px;box-shadow:none}
html body.drop-campaign .dr-ico{width:38px;height:30px;background:transparent!important;border-radius:3px}
html body.drop-campaign .dr-ico svg{width:19px;height:19px;stroke:currentColor!important;stroke-width:1.6}
html body.drop-campaign .dr-tab.sel{background:#F1F4F8;color:var(--drop-ink);box-shadow:none;border-left:2px solid var(--drop-ochre)}
html body.drop-campaign .dr-tab.sel .dr-lbl{color:var(--drop-ink)}
html body.drop-campaign .dr-tab:hover{background:#F1F4F8}
html body.drop-campaign .dr-lbl{font-size:10px!important;line-height:1.3;font-weight:500}
html body.drop-campaign .dr-tab.here:not(.sel) .dr-ico::after{display:none}
html body.drop-campaign .dr-out{width:42px;height:44px;background:transparent;border-radius:3px}
html body.drop-campaign .dr-out:hover{background:#F1F4F8}
html body.drop-campaign .dr-out svg{stroke:var(--drop-muted)}
html body.drop-campaign .dr-panel{padding:27px 18px 20px!important;gap:14px!important}
html body.drop-campaign .dr-panel>a[aria-label="Accueil"]{padding:0!important;margin:0!important;min-height:0;background:transparent!important;display:block}
html body.drop-campaign .dt-logo-panel{width:138px;height:auto;max-width:100%;margin:0 0 10px}
html body.drop-campaign .dr-brand{padding:0 0 21px;border-bottom:1px solid var(--drop-line)}
html body.drop-campaign .d-brand-s{font-size:11px!important;font-weight:400!important;color:var(--drop-muted)!important;letter-spacing:0!important;opacity:1!important}
html body.drop-campaign .dr-head{padding:7px 0 14px}
html body.drop-campaign .dr-title{font-size:20px;font-weight:600;letter-spacing:-.035em;color:var(--drop-ink)}
html body.drop-campaign .dr-sub{font-size:11px;line-height:1.7;color:var(--drop-muted);margin-top:4px}
html body.drop-campaign :is(.d-group,.m-group,.da-group){background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;gap:3px!important;box-shadow:none!important}
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) a{font-weight:500!important;font-size:12px!important;min-height:44px!important;line-height:1.55!important;border-radius:3px!important;padding:10px!important;gap:9px!important;color:var(--drop-text)!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important}
html body.drop-campaign .dr-panel .d-group a{font-size:12px!important}
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) a:is(.on,.active){background:#F1F4F8!important;color:var(--drop-ink)!important;font-weight:600!important;border-left:2px solid var(--drop-ochre)}
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) a:is(.on,.active)::after,
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) a:is(.on,.active)::before{display:none!important}
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) a:hover{background:var(--drop-paper)!important;color:var(--drop-ink)!important}
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) :is(.ico,.i) svg{stroke:currentColor!important;stroke-width:1.6!important;width:17px;height:17px}
html body.drop-campaign :is(.d-nav,.m-drawer) .ico{opacity:1!important;width:17px;height:17px;flex-shrink:0}
html body.drop-campaign :is(.d-nav,.m-drawer,.da-nav) a:is(.d-logout,.da-logout){color:var(--drop-muted)!important}
html body.drop-campaign .dr-panel a.dr-promo{margin-top:auto!important;padding:18px 0 0!important;border-top:1px solid var(--drop-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body.drop-campaign .dr-promo-t{color:var(--drop-text);font-size:12px;font-weight:500}
html body.drop-campaign .dr-promo-s{color:var(--drop-muted);font-size:11px;font-weight:400}

/* Cadre commun, titres et espacements. */
html body.drop-campaign :is(.d-main,.da-main){background:var(--drop-paper)!important;min-width:0}
html body.drop-campaign :is(.d-content,.da-content){width:100%;max-width:1440px;margin-inline:auto;padding:36px 40px 48px!important;background:transparent!important;color:var(--drop-text);animation:none!important;overflow-wrap:break-word}
html body.drop-campaign :is(.d-content,.da-content)>*{max-width:100%}
html body.drop-campaign :is(.d-topbar,.da-topbar){height:76px;padding:0 40px;background:var(--drop-paper)!important;border-bottom:1px solid var(--drop-line)!important;box-shadow:none!important;gap:20px}
html body.drop-campaign :is(.d-topbar,.da-topbar) h1{font-size:17px;line-height:1.4;font-weight:500!important;letter-spacing:-.025em;min-width:0}
html body.drop-campaign .d-topbar-pill{font-size:11px;font-weight:500;border-radius:3px;color:var(--drop-muted);background:transparent;border:1px solid var(--drop-line);padding:4px 10px}
html body.drop-campaign .d-user-av{background:#F1F4F8;color:var(--drop-text);font-size:12px;font-weight:500;border-radius:3px}
html body.drop-campaign :is(.d-content,.da-content) :is(.card,.l-card,.d-card,.db-cd,.tb-card,.pc-form){border:1px solid var(--drop-line);border-radius:4px;box-shadow:none!important;background:#fff}
html body.drop-campaign :is(.d-content,.da-content) :is(.card,.l-card,.d-card,.db-cd,.tb-card){padding:24px}
html body.drop-campaign :is(.db-g2,.db-g3,.tb-grid){gap:22px;margin-bottom:22px}
html body.drop-campaign :is(.d-content,.da-content) :is([class$="-hero"],.db-hero){border:0!important;border-top:0!important;border-bottom:1px solid var(--drop-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;background-image:none!important;padding:8px 0 30px!important;margin-bottom:28px!important;color:var(--drop-text)!important;text-align:left!important}
html body.drop-campaign :is(.d-content,.da-content) :is([class$="-hero"],.db-hero)::after,
html body.drop-campaign :is(.d-content,.da-content) :is([class$="-hero"],.db-hero)::before{display:none!important}
html body.drop-campaign :is([class$="-hero-h"],.db-hero-h,.pc-hero-name,.pf-hero-name){font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.045em!important;color:var(--drop-ink)!important}
html body.drop-campaign :is([class$="-hero-sub"],[class$="-hero-desc"],.db-hero-welcome,.pc-hero-bar-info){font-size:13px!important;line-height:1.8!important;color:var(--drop-muted)!important;font-weight:400!important;letter-spacing:0!important}
html body.drop-campaign .db-hero-welcome{margin-bottom:12px}
html body.drop-campaign .db-hero-actions{margin-top:23px;gap:12px;flex-wrap:wrap}
html body.drop-campaign .db-hero-right{display:none}
html body.drop-campaign :is(.d-title,.card-t,.db-tt,.cdr-section-t,.pc-mods-title){font-size:14px!important;line-height:1.5;letter-spacing:0!important;text-transform:none!important;font-weight:500!important;color:var(--drop-text)!important;margin-bottom:18px;gap:12px;flex-wrap:wrap}
html body.drop-campaign :is(.db-tt,.tb-card-h) a{font-size:12px!important;font-weight:500;color:var(--drop-muted);white-space:normal}
html body.drop-campaign :is(.db-kpis,.pc-kpis,.tb-kpis){display:grid!important;gap:0;background:#fff;border:1px solid var(--drop-line);border-radius:4px;margin:0 0 26px;padding:0}
html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k){border:0;border-right:1px solid var(--drop-line);border-radius:0;background:transparent;padding:20px 14px;box-shadow:none!important;transform:none!important;text-align:left}
html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k):last-child{border-right:0}
html body.drop-campaign :is(.db-ki-v,.pc-ki-v,.tb-k .v){font-size:27px!important;font-weight:500!important;line-height:1.2;letter-spacing:-.035em}
html body.drop-campaign :is(.db-ki-l,.pc-ki-l,.tb-k .l){font-size:11px!important;line-height:1.7;color:var(--drop-muted)!important;margin-top:9px;letter-spacing:0!important;text-transform:none!important}
html body.drop-campaign :is(.db-cta,.cdr-exam-cta){border:1px solid var(--drop-line)!important;border-left:3px solid var(--drop-ochre)!important;border-radius:4px!important;padding:24px!important;box-shadow:none!important;transform:none!important;gap:18px;background:#fff}
html body.drop-campaign :is(.db-cta-icon,.cdr-exam-icon){width:44px;height:44px;background:var(--drop-paper)!important;border:1px solid var(--drop-line);color:var(--drop-text);border-radius:3px}
html body.drop-campaign :is(.db-cta-title,.cdr-exam-title){font-size:17px!important;line-height:1.5;font-weight:500!important;letter-spacing:-.025em}
html body.drop-campaign .db-mod{padding-block:15px;gap:12px;align-items:center}
html body.drop-campaign .db-mod:hover{padding-left:0}
html body.drop-campaign .db-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
html body.drop-campaign :is(.db-g2,.db-g3,.ux-layout)>*{min-width:0}
html body.drop-campaign .db-cd canvas{max-width:100%}
html body.drop-campaign .campaign-quick>a{background:transparent!important;border:0!important;border-bottom:1px solid var(--drop-line)!important;border-radius:0!important;padding:14px 0!important;font-weight:500!important}
html body.drop-campaign .campaign-quick>a>div{display:none!important}
html body.drop-campaign .ux-layout{grid-template-columns:minmax(0,1fr) minmax(320px,440px)}
html body.drop-campaign :is(.ux-users,.ux-user,.ux-panel,.ux-filtres){min-width:0;max-width:100%}
html body.drop-campaign .ux-user:hover{transform:none}
html body.drop-campaign .ux-filtres{flex-wrap:wrap}
html body.drop-campaign .ux-filtres select{min-width:0;max-width:100%;flex:1 1 180px}
@media(max-width:1100px){html body.drop-campaign .ux-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:768px){html body.drop-campaign .db-g2{grid-template-columns:minmax(0,1fr)}}
html body.drop-campaign :is(.db-quiz,.db-obj){padding-block:13px}
html body.drop-campaign :is(.db-mod-code,.pc-mod-num){font-weight:500;color:var(--drop-muted)}
html body.drop-campaign :is(.pc-form-name,.pc-mod-name){font-weight:500!important;letter-spacing:-.02em}
html body.drop-campaign .pc-mod{padding-block:20px}
html body.drop-campaign .pc-mod:hover{padding-left:0}
html body.drop-campaign :is(.pc-next-title,.pc-mod-name){white-space:normal;overflow:visible;text-overflow:clip}
html body.drop-campaign :is(.pc-form-top,.pc-mods){padding:26px}
html body.drop-campaign .pc-next{padding:20px 26px}
html body.drop-campaign :is(.pc-form-badge,.pc-next-icon){background:var(--drop-ink)!important;color:#fff!important}
html body.drop-campaign .pc-form-pct{color:var(--drop-ink)!important}
html body.drop-campaign .pc-form-bar-fill{background:var(--drop-ochre)!important;color:#FFFFFF}
html body.drop-campaign .campaign-parcours-actions{flex-wrap:wrap}
html body.drop-campaign .campaign-parcours-actions>a{flex:1 1 240px!important;min-width:0}
html body.drop-campaign .campaign-parcours-actions>a>div:last-child{min-width:0}
html body.drop-campaign .cdr-ep-grid{gap:18px}
html body.drop-campaign .cdr-ep{padding:22px;border-radius:4px;border-color:var(--drop-line);box-shadow:none;transform:none}
html body.drop-campaign .cdr-ep:hover{border-color:var(--drop-muted);box-shadow:none;transform:none}
html body.drop-campaign .cdr-ep-code{font-size:25px;font-weight:500;color:var(--drop-muted)}
html body.drop-campaign .cdr-ep-name{font-size:15px;line-height:1.6;font-weight:500}
html body.drop-campaign :is(.cdr-ep-meta,.pc-form-meta,.pc-next-sub,.db-cta-sub){font-size:12px;color:var(--drop-muted);line-height:1.8}

/* Les commandes restent des commandes ; les états pédagogiques gardent leur sens. */
html body.drop-campaign :is(button,.btn,.d-btn,.l-btn,.db-hero-btn,.db-cta-btn,.pc-next-btn,.tb-btn){font-weight:600!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
html body.drop-campaign :is(.btn,.d-btn,.l-btn,.db-hero-btn,.db-cta-btn,.pc-next-btn,.tb-btn){min-height:44px;line-height:1.5;border-radius:3px!important;font-size:13px!important;padding:12px 19px;transform:none!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}
html body.drop-campaign :is(.btn-gold,.btn-black,.d-btn-black,.d-btn-gold,.l-btn-gold,.l-btn-dark,.db-hero-btn-gold,.db-cta-btn,.pc-next-btn,.cdr-exam-btn){background:#00205B!important;color:#fff!important;border:1px solid #00205B!important;box-shadow:none!important;border-radius:3px!important;background-image:none!important}
html body.drop-campaign :is(.qe-sticky button,.ux-btn-new,.ux-btn-save){background:#00205B!important;color:#fff!important;border:1px solid #00205B!important;border-radius:3px!important;min-height:44px;transform:none!important}
html body.drop-campaign :is(a,button)[style*="background:#003087"],html body.drop-campaign :is(a,button)[style*="background:#003087"]{background:#00205B!important;color:#fff!important}
html body.drop-campaign :is(.btn-gold,.btn-black,.d-btn-black,.d-btn-gold,.l-btn-gold,.l-btn-dark,.db-hero-btn-gold,.db-cta-btn,.pc-next-btn):hover{background:#1A1B1D!important;transform:none!important}
html body.drop-campaign :is(.db-hero-btn-out,.btn-outline,.d-btn-outline,.l-btn-outline){background:transparent!important;color:var(--drop-text)!important;border:1px solid var(--drop-line)!important}
html body.drop-campaign :is(.db-hero-btn-out,.btn-outline,.d-btn-outline,.l-btn-outline):hover{border-color:var(--drop-muted)!important;background:#fff!important}
html body.drop-campaign :is(.badge,.d-pill,.l-pill,.d-tag,.dp-tag,.tb-badge,.pc-form-badge,.cdr-hero-prof,.cdr-ep-coef){border-radius:3px!important;letter-spacing:0!important;text-transform:none!important;font-size:11px!important;font-weight:500!important;padding:4px 9px}
html body.drop-campaign :is(.input,.select,.textarea,.d-input,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color]),select,textarea){border:1px solid var(--drop-line);border-radius:3px!important;box-shadow:none!important;font-size:14px;min-height:46px;line-height:1.6;color:var(--drop-text);background:#fff;max-width:100%}
html body.drop-campaign :is(input,textarea)::placeholder{color:var(--drop-muted);opacity:1}
html body.drop-campaign :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#00205B}
html body.drop-campaign :is(label,.label,.d-label){font-weight:500!important;letter-spacing:0;font-size:13px;line-height:1.65;color:var(--drop-text)}
html body.drop-campaign :is(.da-alert,.alert,.auth-notice,.m.ko,.m.ok,.m.wa){border-radius:3px;box-shadow:none;animation:none!important;font-size:13px;line-height:1.8}
html body.drop-campaign :is(.d-tabs,.tabs){border-bottom:1px solid var(--drop-line);gap:4px;overflow-x:auto;max-width:100%}
html body.drop-campaign :is(.d-tab,.tab){font-size:13px;font-weight:500!important;letter-spacing:0;text-transform:none;min-height:46px;white-space:nowrap}
html body.drop-campaign :is(.d-tab.active,.tab.active){color:var(--drop-ink)!important;border-bottom-color:var(--drop-ochre)!important;background:transparent!important}
html body.drop-campaign :is(.d-progress,.l-progress,.progress,.db-prog-bar,.db-prog-fill,.pc-form-bar,.pc-form-bar-fill){border-radius:2px}
.drop-table-scroll{width:100%;overflow:auto;overscroll-behavior-x:contain;border-radius:3px}
html body.drop-campaign .drop-table-scroll table{display:table!important;width:100%;max-width:none;border-collapse:collapse}
html body.drop-campaign :is(th,td){line-height:1.65;border-color:var(--drop-line);vertical-align:middle}
html body.drop-campaign th{font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;padding:14px 16px!important;background:var(--drop-paper)!important;color:var(--drop-muted)!important;text-align:left}
html body.drop-campaign td{font-size:13px;padding:15px 16px}
html body.drop-campaign .drop-table-scroll td :is(input,select){min-width:120px}

/* Administration et formateurs. */
html body.drop-campaign .da-side{width:264px;background:#fff!important;border-right:1px solid var(--drop-line);padding-bottom:20px;box-shadow:none}
html body.drop-campaign .da-main{margin-left:264px}
html body.drop-campaign .da-brand{padding:29px 25px 23px;display:block;border-bottom:1px solid var(--drop-line);margin-bottom:8px}
html body.drop-campaign .da-brand img.dt-logo{display:block;width:138px!important;height:auto!important;max-width:100%;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0 0 12px}
html body.drop-campaign .da-brand-sub{font-size:11px;font-weight:400;color:var(--drop-muted);letter-spacing:0}
html body.drop-campaign .da-nav{padding:8px 16px 18px;gap:20px}
html body.drop-campaign .da-nav-section{font-size:11px;font-weight:500;color:var(--drop-muted);padding:7px 10px}
html body.drop-campaign .da-nav a{font-size:12px!important}
html body.drop-campaign .da-burger{width:44px;height:44px;min-height:44px;border:1px solid var(--drop-line);border-radius:3px;background:#fff;color:var(--drop-text)}
.campaign-menu-close{display:none}
html body.drop-campaign .da-overlay{backdrop-filter:none;background:rgba(0,32,91,.3)}
html body.drop-campaign .tb-head h1{font-size:36px;letter-spacing:-.045em}
html body.drop-campaign .tb-head{padding:0 0 24px;margin-bottom:25px;border-bottom:1px solid var(--drop-line)}
html body.drop-campaign .tb-card-h h2{font-size:16px!important;line-height:1.6}
html body.drop-campaign .tb-card-h{gap:15px;align-items:start;margin-bottom:20px}
html body.drop-campaign .tb-row{padding-block:15px}
html body.drop-campaign .tb-name{font-size:13px;font-weight:500}
html body.drop-campaign .tb-meta{font-size:12px;line-height:1.7;color:var(--drop-muted)}
html body.drop-campaign .tb-av{background:var(--drop-paper);border:1px solid var(--drop-line);color:var(--drop-muted);border-radius:3px;font-weight:500}

/* Pages autonomes : accès, dossier, inscription, enquêtes et validation. */
html body.drop-standalone{padding:38px 24px;min-height:100vh;line-height:1.8}
html body.drop-standalone :is(main.c,main.w,.box,.auth-card,.login-card){border-radius:4px!important;box-shadow:none!important}
html body.drop-standalone :is(main.c,main.w){width:min(680px,100%);margin:auto}
html body.drop-standalone main.c{max-width:500px}
html body.drop-standalone :is(main.c,main.w)>img,
html body.drop-standalone .logo img,
html body.drop-standalone img.logo{width:138px!important;height:auto!important;object-fit:contain;margin:0 auto 32px;background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body.drop-standalone :is(h1){font-size:clamp(25px,3vw,34px)!important;line-height:1.3;letter-spacing:-.04em;margin-bottom:16px}
html body.drop-standalone :is(.f,.card,.box,.login-box){background:#fff;border:1px solid var(--drop-line);border-radius:4px;box-shadow:none;padding:32px}
html body.drop-standalone :is(button[type=submit],.submit,.btn-primary,button.b,a.b){background:#00205B!important;color:#fff!important;border:1px solid #00205B!important;border-radius:3px!important;min-height:48px;font-weight:600;font-size:14px}
html body.drop-standalone input[type=file]{padding:10px;min-height:48px}
html body.drop-standalone input[type=file]::file-selector-button{font:500 12px Montserrat,sans-serif;background:var(--drop-paper);color:var(--drop-text);border:1px solid var(--drop-line);border-radius:3px;padding:8px 12px;margin-right:12px}
html body.drop-standalone :is(.s,.sub){color:var(--drop-muted);font-size:14px;line-height:1.8}
html body.drop-campaign .dt-toggle{display:none!important}
html.dt-dark,html.dt-dark :is(img,video,iframe,canvas,picture){filter:none!important}

/* Mouvement : conserver les changements d’état, retirer les effets décoratifs. */
html body.drop-campaign :is(.d-content,.da-content,.db-cd,.db-ki,.pc-ki,.pc-form,.cdr-ep,.l-card,.d-card,.d-kpi,.card-hover){animation:none!important}
html body.drop-campaign :is(.db-cd,.db-ki,.pc-ki,.pc-form,.cdr-ep,.l-card,.d-card,.d-kpi,.card-hover):hover{transform:none!important;box-shadow:none!important}
html body.drop-campaign :is(.da-glow,.da-spark,.da-welcome,.da-pop){animation:none!important;box-shadow:none!important}

/* Signature éditoriale : titre affirmé, seconde ligne gris chaud en Light.
   Les données et les commandes gardent une taille plus compacte. */
html body.drop-campaign :is(.d-content,.da-content){padding-block:44px 56px!important}
html body.drop-campaign :is(.campaign-heading,.eb-hero h1){margin:0;font-size:clamp(32px,3.3vw,46px)!important;line-height:1.17!important;letter-spacing:-.045em!important;color:var(--drop-ink)!important;font-weight:600!important;text-wrap:balance}
html body.drop-campaign :is(.campaign-heading-soft,.eb-hero h1 em){display:block;margin-top:5px;color:var(--drop-muted)!important;font:300 1em/1.2 Montserrat,sans-serif!important;letter-spacing:-.04em;font-style:normal!important}
html body.drop-campaign :is(.campaign-page-intro,.d-content [class$="-hero"],.da-content [class$="-hero"]){padding:2px 0 36px!important;margin-bottom:32px!important;border-bottom:1px solid var(--drop-line)}
html body.drop-campaign :is(.campaign-lead,[class$="-hero-sub"],[class$="-hero-desc"],.eb-hero>p){max-width:66ch;margin-top:18px;font-size:14px!important;line-height:1.9!important;color:var(--drop-muted)!important;font-weight:400!important}
html body.drop-campaign .campaign-lead{margin-bottom:0}
html body.drop-campaign .db-hero-welcome{font-size:12px!important;margin-bottom:17px}
html body.drop-campaign .db-hero-actions{margin-top:28px}
html body.drop-campaign .pc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.52fr);align-items:end;gap:38px;overflow:visible}
html body.drop-campaign .pc-hero-progress{min-width:0;padding-bottom:4px}
html body.drop-campaign .campaign-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:18px;color:var(--drop-muted);font-size:12px}
html body.drop-campaign .campaign-progress-label strong{font-size:32px;line-height:1.2;font-weight:300;letter-spacing:-.04em;color:var(--drop-text);font-variant-numeric:tabular-nums}
html body.drop-campaign .pc-hero-bar{width:100%;margin-top:14px}
html body.drop-campaign .pc-hero-bar-track{height:3px;background:var(--drop-line);border-radius:0}
html body.drop-campaign .pc-hero-bar-fill{height:100%;border-radius:0}
html body.drop-campaign .pc-hero-bar-info{display:flex;flex-wrap:wrap;gap:3px 15px;margin-top:10px;font-size:11px!important}
html body.drop-campaign :is(.db-kpis,.pc-kpis,.tb-kpis){border:0;border-bottom:1px solid var(--drop-line);border-radius:0;background:transparent;margin-bottom:34px;padding-bottom:24px}
html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k){padding:4px 20px;background:transparent}
html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k):first-child{padding-left:0}
html body.drop-campaign :is(.db-ki-v,.pc-ki-v,.tb-k .v){font-size:32px!important;line-height:1.2;font-weight:400!important;font-variant-numeric:tabular-nums}
html body.drop-campaign .pc-ki:not(:nth-child(4)) .pc-ki-v{color:var(--drop-text)!important}
html body.drop-campaign :is(.db-ki-l,.pc-ki-l,.tb-k .l){margin-top:8px;font-weight:400!important}
html body.drop-campaign .pc-ki>div:last-child:not(.pc-ki-l){color:var(--drop-muted);font-size:11px!important;margin-top:6px!important}
html body.drop-campaign .pc-form{margin-bottom:28px}
html body.drop-campaign .campaign-overview-title{font-size:16px;line-height:1.5;font-weight:500!important;letter-spacing:-.02em;margin:36px 0 24px}
html body.drop-campaign :is(.pc-form-top,.pc-mods){padding:30px 32px}
html body.drop-campaign .pc-form-top{gap:26px;align-items:flex-start}
html body.drop-campaign .pc-form-top>div:first-child{flex:1 1 320px;min-width:0}
html body.drop-campaign .pc-form-badge{padding:0!important;background:transparent!important;color:var(--drop-muted)!important;font-size:12px!important;font-weight:500!important}
html body.drop-campaign .pc-form-name{font-size:23px;line-height:1.4;margin-top:7px;color:var(--drop-ink)}
html body.drop-campaign .pc-form-meta{font-size:12px;max-width:68ch;margin-top:11px;line-height:1.9}
html body.drop-campaign .pc-form-pct{font-size:42px;font-weight:300;letter-spacing:-.045em}
html body.drop-campaign .pc-form-pct-l{margin-top:7px}
html body.drop-campaign .pc-form-bar{height:3px;margin-inline:32px;border-radius:0}
html body.drop-campaign .pc-next{padding:26px 32px;gap:26px;background:var(--drop-paper)}
html body.drop-campaign .campaign-next-label{color:var(--drop-muted);font-size:11px;line-height:1.7;margin-bottom:7px;font-weight:400}
html body.drop-campaign .pc-next-title{font-size:15px;font-weight:500;line-height:1.6}
html body.drop-campaign .pc-next-sub{margin-top:5px}
html body.drop-campaign .pc-next-btn{gap:20px;min-height:48px}
html body.drop-campaign .pc-mods-title{font-size:16px!important;margin-bottom:7px}
html body.drop-campaign .pc-mod{padding-block:23px;gap:16px}
html body.drop-campaign .pc-mod-details{margin-top:7px;font-weight:400}
html body.drop-campaign .pc-mod-actions{gap:8px}
html body.drop-campaign .pc-mod-act{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-weight:500}
html body.drop-campaign .pc-mod-act-quiz{background:transparent;color:var(--drop-text);border:1px solid var(--drop-line)}
html body.drop-campaign .pc-mod-act-quiz:hover{background:var(--drop-paper);border-color:var(--drop-muted);color:var(--drop-ink)}
html body.drop-campaign .pc-mod-act-go{background:var(--drop-paper);color:var(--drop-text);border:1px solid var(--drop-line)}
html body.drop-campaign .pc-mod-act-go:hover{background:var(--drop-ink);color:#fff;border-color:var(--drop-ink)}
html body.drop-campaign .pc-stat-v{font-weight:400;color:var(--drop-text)}
html body.drop-campaign .pc-stat-l{font-weight:400;letter-spacing:0}
html body.drop-campaign .cdr-hero-prof{padding:0!important;margin-top:16px;background:transparent;color:var(--drop-muted);font-size:12px!important;font-weight:500!important}
html body.drop-campaign .qe-hero{align-items:center;gap:30px}
html body.drop-campaign .qe-hero-timer{font-size:38px;font-weight:300;color:var(--drop-text)}
html body.drop-campaign .tb-head{padding-bottom:32px;margin-bottom:30px}
html body.drop-campaign .tb-head .sub{color:var(--drop-muted);font-size:13px;font-weight:400;line-height:1.9}
html body.drop-campaign .tb-head h1{margin:10px 0 12px;font-weight:600;font-size:40px}
html body.drop-campaign .pf-name{color:var(--drop-ink)!important;font-size:34px;font-weight:500;line-height:1.3}
html body.drop-campaign .pf-meta{color:var(--drop-muted)!important;font-size:14px;font-weight:400;line-height:1.9;margin-top:13px}
html body.drop-campaign .pf-av{background:transparent;color:var(--drop-muted);border:1px solid var(--drop-line);font-weight:300}
html body.drop-campaign .pf-title{font-size:15px;color:var(--drop-text);font-weight:500;letter-spacing:0;margin-bottom:20px}
html body.drop-campaign .pf-card{padding:28px}
html body.drop-campaign .pf-field{margin-bottom:20px}

@media(min-width:769px){html body.drop-campaign .d-main{margin-left:300px!important}}
@media(max-width:1200px){
 html body.drop-campaign :is(.d-content,.da-content){padding:29px 26px 40px!important}
 html body.drop-campaign :is(.d-topbar,.da-topbar){padding-inline:26px}
 html body.drop-campaign :is(.db-kpis,.tb-kpis){grid-template-columns:repeat(3,minmax(0,1fr))}
 html body.drop-campaign :is(.db-ki,.tb-k):nth-child(3n){border-right:0}
 html body.drop-campaign :is(.db-ki,.tb-k):nth-child(n+4){border-top:1px solid var(--drop-line)}
 html body.drop-campaign .db-g3{grid-template-columns:1fr}
 html body.drop-campaign .db-cta{flex-wrap:wrap}
}
@media(max-width:1000px) and (min-width:769px){
 html body.drop-campaign .pc-hero{grid-template-columns:minmax(0,1fr);gap:26px}
 html body.drop-campaign .pc-hero-progress{max-width:400px}
 html body.drop-campaign :is(.db-g2,.tb-grid.main,.tb-grid.two){grid-template-columns:1fr}
 html body.drop-campaign .d-side.dr{width:270px!important}
 html body.drop-campaign .d-main{margin-left:270px!important}
 html body.drop-campaign .dr-panel{padding-inline:13px!important}
 html body.drop-campaign .da-side{width:244px}
 html body.drop-campaign .da-main{margin-left:244px}
 html body.drop-campaign .cdr-ep-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
 html{scroll-padding-top:90px}
 html body.drop-campaign{font-size:14px}
 html body.drop-campaign :is(.d-wrap,.da-wrap){display:block;max-width:100%;overflow:visible}
 html body.drop-campaign .d-side{display:none!important}
 html body.drop-campaign :is(.d-main,.da-main){margin-left:0!important;padding-top:0!important;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));min-width:0}
 html body.drop-campaign .da-main{padding-bottom:20px}
 html body.drop-campaign :is(.d-content,.da-content){padding:26px 20px 35px!important}
 html body.drop-campaign .m-top{display:flex!important;position:sticky!important;top:0;left:auto;right:auto;min-height:78px;height:auto;padding:16px 20px;background:var(--drop-paper)!important;border-bottom:1px solid var(--drop-line);backdrop-filter:none!important;box-shadow:none;z-index:60;gap:12px}
 html body.drop-campaign .m-top-left{min-width:0;gap:14px}
 html body.drop-campaign .dt-logo-m{width:110px;height:auto;max-width:100%}
 html body.drop-campaign :is(.m-top-av,.m-top-info){display:none!important}
 html body.drop-campaign .m-top-right{gap:7px;display:flex}
 html body.drop-campaign .m-top-btn{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;min-height:44px;border:1px solid var(--drop-line);border-radius:3px!important;background:transparent!important;color:var(--drop-text)!important}
 html body.drop-campaign .m-top-btn svg{stroke:var(--drop-text);width:20px;height:20px;filter:none}
 html body.drop-campaign .m-top-badge{background:#00205B;color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:3px;line-height:18px;padding:0 3px;top:-5px;right:-5px}
 html body.drop-campaign .d-topbar{display:flex!important;position:static;min-height:64px;height:auto;padding:17px 20px;gap:12px;align-items:center}
 html body.drop-campaign .d-topbar h1{font-size:15px;white-space:normal;overflow:visible;text-overflow:clip}
 html body.drop-campaign .d-topbar>div{flex-wrap:wrap;justify-content:flex-end;max-width:45%;gap:7px!important}
 html body.drop-campaign .d-topbar .d-user-av{display:none}
 html body.drop-campaign #dqTemps{white-space:normal!important;font-size:11px!important;border-radius:3px!important;padding:4px 7px!important}
 html body.drop-campaign .m-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:65;background:#fff!important;border-top:1px solid var(--drop-line);padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));backdrop-filter:none!important;box-shadow:none!important}
 html body.drop-campaign .m-nav a{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:0;background:transparent;color:var(--drop-muted)!important;padding:5px 1px!important;transform:none!important;text-decoration:none;position:relative}
 html body.drop-campaign .m-nav a.on{color:var(--drop-ink)!important;background:transparent!important}
 html body.drop-campaign .m-nav a.on::before{content:'';position:absolute;top:-8px;left:20%;right:20%;width:auto;height:2px;background:var(--drop-ochre);transform:none;border-radius:0;color:#FFFFFF}
 html body.drop-campaign .m-nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;filter:none!important}
 html body.drop-campaign .m-nav span{font-size:10px!important;font-weight:500;letter-spacing:0}
 html body.drop-campaign .m-drawer{position:fixed;inset:0;z-index:300;display:none!important}
 html body.drop-campaign .m-drawer.open{display:block!important}
 html body.drop-campaign .m-drawer-overlay{position:absolute;inset:0;background:rgba(0,32,91,.3);backdrop-filter:none}
 html body.drop-campaign .m-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(360px,90vw);max-width:100%;padding:25px 24px calc(32px + env(safe-area-inset-bottom,0px));background:var(--drop-paper)!important;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--drop-line);border-radius:0;display:flex;flex-direction:column;gap:25px;box-shadow:none}
 html body.drop-campaign .m-drawer-close{align-self:flex-end;min-width:44px;min-height:44px;background:#fff!important;color:var(--drop-ink);border:1px solid var(--drop-line)!important;border-radius:3px!important;margin:0 0 2px!important}
 html body.drop-campaign .m-drawer-close svg{stroke:var(--drop-ink)}
 html body.drop-campaign .m-drawer-sec{font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--drop-muted)!important;padding:0 10px 8px!important}
 html body.drop-campaign .m-drawer a{font-size:14px!important;min-height:48px!important}
 html body.drop-campaign .da-topbar{min-height:76px;height:auto;padding:14px 20px;align-items:center;position:sticky;gap:10px}
 html body.drop-campaign .da-topbar h1{font-size:15px;line-height:1.5}
 html body.drop-campaign .da-topbar-left{gap:12px;min-width:0}
 html body.drop-campaign .da-burger{display:flex;flex-shrink:0}
 html body.drop-campaign .da-side{display:flex;transform:translateX(-100%);width:min(320px,88vw);max-width:100%;z-index:300;transition:transform .15s;visibility:hidden;background:#fff!important}
 html body.drop-campaign .da-side.open{transform:translateX(0);visibility:visible}
 html body.drop-campaign .da-overlay{z-index:290}
 html body.drop-campaign .campaign-menu-close{display:flex;align-items:center;justify-content:space-between;gap:20px;align-self:flex-end;min-height:44px;padding:8px 12px;margin:16px 16px 0;border:1px solid var(--drop-line);border-radius:3px;background:#fff;font-size:12px}
 html body.drop-campaign .campaign-menu-close span{font-size:23px;line-height:1}
 html body.drop-campaign .da-brand{padding-top:12px}
 html body.drop-campaign :is([class$="-hero-h"],.db-hero-h,.pc-hero-name,.pf-hero-name){font-size:30px!important}
 html body.drop-campaign :is(.d-content,.da-content) :is([class$="-hero"],.db-hero){padding:0 0 24px!important;margin-bottom:24px!important;align-items:flex-start;gap:22px;text-align:left!important}
 html body.drop-campaign .db-hero-actions{justify-content:flex-start;gap:10px}
 html body.drop-campaign :is(.pc-hero-kpis,.pc-hero-left,.pc-hero-right){width:100%;flex-wrap:wrap;justify-content:flex-start}
 html body.drop-campaign :is(.pc-hk-l,.db-hk-l){color:var(--drop-muted)!important;font-size:11px!important}
 html body.drop-campaign :is(.db-kpis,.pc-kpis,.tb-kpis){grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}
 html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k){padding:18px 14px;border:0!important;border-bottom:1px solid var(--drop-line)!important;text-align:left}
 html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k):nth-child(odd){border-right:1px solid var(--drop-line)!important}
 html body.drop-campaign :is(.db-ki-v,.pc-ki-v,.tb-k .v){font-size:25px!important}
 html body.drop-campaign :is(.db-g2,.db-g3,.tb-grid,.cdr-ep-grid){display:grid;grid-template-columns:minmax(0,1fr)!important;gap:18px}
 html body.drop-campaign :is(.d-content,.da-content) :is(.card,.l-card,.d-card,.db-cd,.tb-card){padding:21px}
 html body.drop-campaign :is(.db-cta,.cdr-exam-cta,.pc-next){flex-wrap:wrap;padding:20px!important}
 html body.drop-campaign :is(.db-cta-info,.cdr-exam-info,.pc-next-info){min-width:140px;flex:1}
 html body.drop-campaign :is(.db-cta-btn,.cdr-exam-btn,.pc-next-btn){min-height:44px;text-align:center;padding:12px 16px}
 html body.drop-campaign :is(.pc-form-top,.pc-mods){padding:22px 20px}
 html body.drop-campaign .pc-mod{gap:10px;flex-wrap:wrap}
 html body.drop-campaign .pc-mod-info{min-width:130px}
 html body.drop-campaign .db-mod{flex-wrap:wrap}
 html body.drop-campaign :is(.tb-head,.tb-card-h){flex-wrap:wrap;gap:15px}
 html body.drop-campaign .tb-head h1{font-size:30px}
 html body.drop-campaign .tb-act{flex-wrap:wrap}
 html body.drop-campaign :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:48px}
 html body.drop-campaign :is(.d-content,.da-content) [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 html body.drop-campaign :is(.d-content,.da-content) [style*="display:flex"]:not(nav):not([class*="nav"]){flex-wrap:wrap}
 html body.drop-campaign :is(.d-content,.da-content) [style*="width:"][style*="px"]:not(img):not(svg):not(span){max-width:100%}
 html body.drop-campaign :is(.d-content,.da-content) pre{white-space:pre-wrap;overflow-wrap:anywhere}
 html body.drop-campaign .drop-table-scroll table{white-space:nowrap}
 html body.drop-campaign .drop-table-scroll{font-size:13px}
 html body.drop-standalone{padding:28px 20px}
 html body.drop-standalone :is(.f,.card,.box,.login-box){padding:25px 22px}
 html body.drop-campaign :is(.campaign-heading,.eb-hero h1){font-size:clamp(29px,6.7vw,38px)!important;line-height:1.18!important}
 html body.drop-campaign .campaign-heading-soft{margin-top:6px}
 html body.drop-campaign :is(.campaign-page-intro,.d-content [class$="-hero"],.da-content [class$="-hero"]){padding-bottom:28px!important;margin-bottom:26px!important}
 html body.drop-campaign :is(.campaign-lead,[class$="-hero-sub"],[class$="-hero-desc"],.eb-hero>p){font-size:13px!important;margin-top:16px}
 html body.drop-campaign .pc-hero{grid-template-columns:minmax(0,1fr);gap:26px}
 html body.drop-campaign .pc-hero-progress{width:100%;max-width:440px}
 html body.drop-campaign :is(.db-kpis,.pc-kpis,.tb-kpis){padding-bottom:0;margin-bottom:26px}
 html body.drop-campaign :is(.db-ki,.pc-ki,.tb-k){padding:18px 14px!important}
 html body.drop-campaign :is(.pc-form-top,.pc-mods){padding:25px 20px}
 html body.drop-campaign .pc-form-top>div:first-child{flex-basis:auto}
 html body.drop-campaign .pc-form-top{display:grid;grid-template-columns:minmax(0,1fr)}
 html body.drop-campaign .pc-form-right{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;text-align:left}
 html body.drop-campaign .pc-form-right>div:last-child{flex-basis:100%}
 html body.drop-campaign .pc-form-pct{font-size:30px}
 html body.drop-campaign .pc-form-name{font-size:21px}
 html body.drop-campaign .pc-form-bar{margin-inline:20px}
 html body.drop-campaign .pc-next{gap:19px;padding:24px 20px!important}
 html body.drop-campaign .pc-next-info{flex-basis:100%}
 html body.drop-campaign .pc-next-btn{justify-content:space-between;width:100%}
 html body.drop-campaign .pc-mod{gap:12px}
 html body.drop-campaign .pc-mod-actions{margin-left:auto}
 html body.drop-campaign .qe-hero{flex-wrap:wrap}
 html body.drop-campaign .pf-name{font-size:28px}
 html body.drop-campaign .pf-card{padding:24px 20px}
}
@media(max-width:370px){
 html body.drop-campaign :is(.d-content,.da-content){padding-inline:16px!important}
 html body.drop-campaign :is(.m-top,.d-topbar,.da-topbar){padding-inline:16px}
 html body.drop-campaign .m-nav span{font-size:9px!important}
 html body.drop-campaign :is(.db-hero-actions,.pc-hero-kpis){gap:8px}
 html body.drop-campaign :is(.db-hero-btn,.tb-btn){padding-inline:13px;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html body.drop-campaign *,html body.drop-campaign *::before,html body.drop-campaign *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
 html body.drop-campaign :is(.d-side,.da-side,.m-top,.m-nav,.d-topbar,.da-topbar,.m-drawer,.da-overlay,.campaign-skip,.campaign-menu-close){display:none!important}
 html body.drop-campaign :is(.d-main,.da-main){margin:0!important;padding:0!important}
 html body.drop-campaign :is(.d-content,.da-content){padding:0!important;max-width:none;background:white!important}
 html body.drop-campaign .drop-table-scroll{overflow:visible}
 html body.drop-campaign{background:#fff!important}
}