/* Urbanist (licence SIL OFL, fichiers dans assets/fonts) : une seule police variable, de Thin (100) à Black (900). */
@font-face{font-family:"Urbanist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/urbanist-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Urbanist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/urbanist-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Urbanist";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/urbanist-italique-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
/* Bordereau — Atelier Cappuri. Tout est préfixé .bdx pour ne pas entrer en conflit avec le thème / Elementor. */
.bdx{--fond:#F4F5F2;--papier:#FFFFFF;--encre:#1B2622;--encre2:#5C6A65;--trait:#DDE2DC;--trait2:#C3CBC4;
  --pin:#1F4A42;--olive:#75863A;--mer:#3F6479;--ocre:#BF8A1E;--alerte:#A8432F;
  --pin-c:#E4EDE9;--olive-c:#EEF1E0;--mer-c:#E3EBF0;--ocre-c:#F7EED8;--alerte-c:#F7E5E0;
  --r:6px;--R:10px;
  --f:"Urbanist","Avenir Next","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-family:var(--f);color:var(--encre);background:var(--fond);font-size:16px;line-height:1.5;text-align:left;box-sizing:border-box;width:100%;min-height:70vh;-webkit-font-smoothing:antialiased}
.bdx *,.bdx *::before,.bdx *::after{box-sizing:border-box}
.bdx button,.bdx input,.bdx select,.bdx textarea{font:inherit;color:inherit;margin:0;letter-spacing:inherit}
.bdx button{cursor:pointer;background:none;border:0;padding:0;border-radius:0;box-shadow:none;text-transform:none}
.bdx button:hover,.bdx button:focus{background:none;color:inherit}
.bdx :focus-visible{outline:2px solid var(--mer);outline-offset:2px;border-radius:3px}
.bdx .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.bdx h1,.bdx h2,.bdx h3,.bdx h4{font-family:var(--f);margin:0;padding:0;color:var(--encre);letter-spacing:-.01em;text-transform:none;line-height:1.25}
.bdx h2{font-size:1.3rem;font-weight:600}.bdx h3{font-size:1.06rem;font-weight:600}.bdx h4{font-size:.95rem;font-weight:600}
.bdx p{margin:0}.bdx table{margin:0}
.bdx-aide{font-size:.88rem;color:var(--encre2);max-width:72ch}

/* ---------- en-tête ---------- */
.bdx-top{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:flex-end;justify-content:space-between;padding:26px 32px 4px}
.bdx-titre{font-size:1.7rem;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.bdx-sous{color:var(--encre2);font-size:.95rem;margin-top:4px}
.bdx-etat{font-size:.85rem;color:var(--encre2);min-height:1.4em}
.bdx-etat .ok::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--olive);margin-right:7px;vertical-align:1px}
.bdx-etat .err{color:var(--alerte)}
.bdx .bdx-lien{text-align:left;color:var(--mer);text-decoration:underline;text-underline-offset:3px;font-weight:500}

/* ---------- règle graduée (toujours visible) ---------- */
.bdx-regle{position:sticky;top:0;z-index:30;background:var(--fond);padding:14px 32px 6px;border-bottom:1px solid var(--trait)}
.bdx-regle-chiffres{display:flex;flex-wrap:wrap;gap:4px 30px;align-items:baseline;margin-bottom:20px}
.bdx-prix{font-size:2.1rem;font-weight:600;letter-spacing:-.025em;line-height:1}
.bdx-prix small{font-size:.82rem;font-weight:500;color:var(--encre2);letter-spacing:0;margin-left:8px}
.bdx-regle-chiffres .it{font-size:.9rem;color:var(--encre2)}.bdx-regle-chiffres .it b{color:var(--encre);font-weight:600}
.bdx-pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.84rem;font-weight:600;background:var(--olive-c);color:#4E5B22}
.bdx-pill.depasse{background:var(--alerte-c);color:var(--alerte)}
.bdx-barre{position:relative;height:20px;display:flex;border:1px solid var(--encre);background:var(--papier);border-radius:3px}
.bdx-barre i{display:block;height:100%;transition:width .3s ease}
.bdx-barre i:first-child{border-radius:2px 0 0 2px}
.s-ret{background:var(--pin)}
.s-auto{background:repeating-linear-gradient(135deg,var(--olive) 0 2px,transparent 2px 6px)}
.s-moe{background:repeating-linear-gradient(45deg,var(--mer) 0 2px,transparent 2px 6px)}
.s-prime{background:repeating-linear-gradient(90deg,var(--ocre) 0 2px,transparent 2px 6px)}
.bdx-budget{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px solid var(--alerte)}
.bdx-budget span{position:absolute;top:-15px;left:-2px;transform:translateX(-50%);font-size:.72rem;color:var(--alerte);white-space:nowrap;font-weight:600}
.bdx-grad{position:relative;height:20px;margin-top:2px}
.bdx-grad span{position:absolute;top:0;font-size:.7rem;color:var(--encre2);transform:translateX(-50%);padding-top:6px}
.bdx-grad span::before{content:"";position:absolute;left:50%;top:0;height:5px;border-left:1px solid var(--trait2)}
.bdx-grad span:first-child{transform:none}.bdx-grad span:first-child::before{left:0}

/* ---------- scénario dans l'en-tête ---------- */
.bdx-top-d{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.bdx-scbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding-bottom:4px}
.bdx-scbar .bdx-seg button{padding:5px 11px;font-size:.86rem}
.bdx .bdx-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 10px;border-radius:99px;border:1px solid var(--trait2);background:var(--papier);font-size:.86rem;color:var(--encre2);white-space:nowrap}
.bdx .bdx-chip:hover{border-color:var(--encre);background:var(--papier);color:var(--encre)}
.bdx-chip .pt{width:26px;height:15px;border-radius:99px;background:var(--trait2);position:relative;flex:none;transition:background .15s}
.bdx-chip .pt::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .15s}
.bdx .bdx-chip[aria-checked=true]{border-color:var(--pin);color:var(--encre);background:var(--pin-c)}
.bdx-chip[aria-checked=true] .pt{background:var(--pin)}.bdx-chip[aria-checked=true] .pt::after{transform:translateX(11px)}
.bdx-chip .m{font-weight:600;color:var(--encre2)}.bdx-chip[aria-checked=true] .m{color:var(--pin)}
.bdx.lecture .bdx-chip,.bdx-verrou .bdx-chip{pointer-events:none;opacity:.6}
.bdx-phrase{font-size:1.02rem;max-width:80ch;margin-bottom:22px}
@media(max-width:760px){.bdx-scbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.bdx-scbar::-webkit-scrollbar{display:none}.bdx-scbar .bdx-seg{flex-wrap:nowrap;flex:none}.bdx-scbar .pousse{display:none}.bdx-regle{position:static}}

/* cases du scénario */
.bdx-cases-arb{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;padding:3px;background:#E7EAE5;border-radius:8px}
.bdx-cases-arb .fixe{display:inline-flex;align-items:center;padding:5px 12px 5px 10px;font-size:.86rem;font-weight:600;color:var(--encre);background:var(--papier);border-radius:var(--r);box-shadow:0 1px 2px rgba(27,38,34,.18)}
.bdx .bdx-casearb{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;font-size:.86rem;border-radius:var(--r);color:var(--encre2)}.bdx .bdx-casearb:hover{color:var(--encre);background:rgba(255,255,255,.6)}
.bdx-casearb .cc{width:16px;height:16px;border-radius:4px;background:var(--papier)!important;border:1.5px solid var(--trait2);display:inline-flex;align-items:center;justify-content:center;flex:none}
.bdx .bdx-casearb[aria-checked=true]{background:var(--papier);color:var(--encre);font-weight:600;box-shadow:0 1px 2px rgba(27,38,34,.18)}
.bdx-casearb[aria-checked=true] .cc{border-color:transparent}.bdx-casearb[aria-checked=true] .cc.p-Souhait{background:var(--olive)!important}.bdx-casearb[aria-checked=true] .cc.p-Conseillé{background:var(--mer)!important}.bdx-casearb[aria-checked=true] .cc.p-Proposé{background:var(--prune)!important}.bdx-casearb[aria-checked=true] .cc.p-Optionnel{background:var(--ocre)!important}
.bdx-casearb[aria-checked=true] .cc::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.bdx.lecture .bdx-casearb,.bdx-verrou .bdx-casearb{pointer-events:none;opacity:.6}
@media(max-width:760px){.bdx-cases-arb{flex-wrap:nowrap;flex:none}}
/* ---------- navigation par catégories ---------- */
.bdx-corps{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start}
.bdx-filet{border-bottom:1px solid var(--trait);margin-top:14px}
.bdx-nav{position:sticky;top:var(--hr,0px);padding:20px 12px 30px 20px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - var(--hr,0px));overflow-y:auto;scrollbar-width:thin}
.bdx-nav .sec{font-size:.72rem;font-weight:700;color:var(--encre2);letter-spacing:.01em;padding:18px 12px 6px;margin-top:8px;border-top:1px solid var(--trait)}
.bdx-nav .grp{display:flex;flex-direction:column;gap:1px;margin-top:4px}
.bdx .bdx-nav .tg{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:8px;text-align:left;padding:8px 12px;font-size:.82rem;font-weight:700;color:var(--encre);border-radius:var(--r)}
.bdx .bdx-nav .tg::before{content:"▸";font-size:.7rem;color:var(--encre2);margin-right:7px;flex:none}.bdx .bdx-nav .tg[aria-expanded=true]::before{content:"▾"}
.bdx .bdx-nav .tg:hover{background:#E9ECE7}.bdx-nav .tg .bdx-cpt{margin-left:auto}
.bdx .bdx-nav button[role=tab]{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:7px 12px 7px 28px;border-radius:var(--r);font-size:.94rem;color:var(--encre2)}
.bdx .bdx-nav button[role=tab].accueil{padding-left:12px;font-weight:600;color:var(--encre);margin-bottom:4px}
.bdx .bdx-nav button[role=tab]:hover{background:#E9ECE7;color:var(--encre)}
.bdx .bdx-nav button[role=tab][aria-selected=true]{background:var(--pin);color:#fff;font-weight:600}
.bdx .bdx-nav button[aria-selected=true] .bdx-cpt{background:rgba(255,255,255,.22);color:#fff}
.bdx-cpt{display:inline-block;min-width:20px;padding:0 6px;border-radius:99px;background:var(--ocre-c);color:#7A560C;font-size:.76rem;font-weight:600;text-align:center}
.bdx h3 .bdx-cpt{margin-left:8px;vertical-align:2px}
.bdx-vue{padding:26px 32px 70px 22px;max-width:1320px;min-width:0}
.bdx .bdx-sw.mini{padding:6px 12px;border:0;gap:10px;align-items:center}.bdx-sw.mini .t{font-size:.88rem;font-weight:500;color:var(--encre2)}
.bdx-sw.mini .piste{width:34px;height:20px;margin:0}.bdx-sw.mini .piste::after{width:14px;height:14px}.bdx-sw.mini[aria-checked=true] .piste::after{transform:translateX(14px)}
.bdx-bandeau{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;padding:12px 32px;background:var(--encre);color:#fff;font-size:.95rem}
.bdx.lecture .bdx-seg,.bdx.lecture .bdx-sw:not(.mini),.bdx-verrou .bdx-seg,.bdx-verrou .bdx-sw{pointer-events:none;opacity:.6}
.bdx-item.bdx-verrou .bdx-seg{opacity:1}.bdx-item.bdx-verrou .bdx-seg button:not([aria-pressed=true]){display:none}
.bdx .bdx-prixchip{padding:6px 14px;border-radius:99px;background:var(--pin-c);color:var(--pin);font-size:.9rem;white-space:nowrap}.bdx .bdx-prixchip:hover{background:var(--pin);color:#fff}
.bdx .bdx-menu{display:none}
/* atelier : portefeuille, tâches, agenda */
.bdx .bdx-nav .retour{text-align:left;padding:6px 12px 10px;font-size:.88rem;color:var(--mer);font-weight:600}.bdx .bdx-nav .retour:hover{text-decoration:underline}
.bdx-dossiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}
.bdx-dossier{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.bdx-dossier .tete{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.bdx .bdx-dossier .titre{font-size:1.12rem;font-weight:600;text-align:left;color:var(--encre)}.bdx .bdx-dossier .titre:hover{color:var(--pin);text-decoration:underline}
.bdx-dossier .chiffres{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;padding:12px 0;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.bdx-dossier .chiffres>div{display:flex;flex-direction:column;min-width:0}.bdx-dossier .chiffres .l{font-size:.78rem;color:var(--encre2);font-weight:600}.bdx-dossier .chiffres b{font-size:1.02rem;overflow:hidden;text-overflow:ellipsis}.bdx-dossier .chiffres .s{font-size:.8rem;color:var(--encre2)}.bdx-dossier .s.alerte{color:var(--alerte)}
.bdx-dossier .pastilles{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:22px}.bdx-dossier .pied{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bdx-dossier .pied select{width:auto;max-width:220px;padding:5px 8px;font-size:.85rem}
.bdx-tache-ajout{display:flex;gap:10px;flex-wrap:wrap}.bdx-tache-ajout input[type=text]{flex:1;min-width:220px}.bdx-tache-ajout input[type=date],.bdx-tache-ajout select{width:auto}
.bdx-tache{display:grid;grid-template-columns:auto minmax(0,1fr) 150px 110px auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--trait)}.bdx-tache:first-of-type{border-top:0}
.bdx-tache .c{display:flex;align-items:center;gap:8px;min-width:0}.bdx .bdx-tache input[type=text]{border-color:transparent;background:transparent;padding:6px 6px}.bdx .bdx-tache input[type=text]:hover{border-color:var(--trait)}
.bdx-tache.fait input[type=text]{text-decoration:line-through;color:var(--encre2)}.bdx-tache.retard input[type=date]{color:var(--alerte);border-color:var(--alerte)}.bdx .bdx-tache .bdx-tag{border:0;cursor:pointer;white-space:nowrap}
.bdx-cal .sem{display:grid;grid-template-columns:repeat(7,1fr);font-size:.76rem;font-weight:600;color:var(--encre2);padding-bottom:6px}.bdx-cal .grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--trait);border:1px solid var(--trait)}
.bdx-cal .j{background:var(--papier);min-height:96px;padding:5px;display:flex;flex-direction:column;gap:3px;min-width:0}.bdx-cal .j.vide{background:var(--fond)}.bdx-cal .j.passe{background:#FAFBF9}.bdx-cal .j .n{font-size:.78rem;color:var(--encre2);font-weight:600}
.bdx-cal .j.auj .n{background:var(--alerte);color:#fff;border-radius:99px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}
.bdx .bdx-cal .ev{display:block;width:100%;text-align:left;font-size:.72rem;line-height:1.25;padding:2px 5px;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--fond);color:var(--encre)}
.bdx .ev.t-planning{background:var(--pin-c);color:var(--pin)}.bdx .ev.t-chantier{background:var(--ocre-c);color:#7A560C}.bdx .ev.t-facture{background:var(--alerte-c);color:var(--alerte)}.bdx .ev.t-tache{background:var(--mer-c);color:var(--mer)}.bdx .ev.t-consultation,.bdx .ev.t-carnet{background:var(--olive-c);color:#4E5B22}
.bdx-evl{display:grid;grid-template-columns:84px auto minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px solid var(--trait);font-size:.92rem}.bdx-evl:first-of-type{border-top:0}.bdx-evl .d span{display:block;color:var(--encre2);font-size:.8rem}
@media(max-width:760px){.bdx-dossiers{grid-template-columns:1fr}.bdx-dossier .chiffres{grid-template-columns:1fr 1fr}.bdx-tache{grid-template-columns:auto minmax(0,1fr) auto}.bdx-tache select{display:none}.bdx-cal .j{min-height:64px}.bdx-cal .ev{font-size:0;height:6px;padding:0}}
/* tableau de bord */
.bdx-afaires{display:grid;gap:10px;max-width:860px}
.bdx .bdx-afaire{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:14px 18px;background:var(--papier);border:1px solid var(--trait);border-left:4px solid var(--ocre);border-radius:var(--R)}
.bdx .bdx-afaire:hover{border-color:var(--encre);border-left-color:var(--ocre);background:var(--papier)}
.bdx-afaire .n{flex:none;min-width:34px;height:34px;padding:0 8px;border-radius:99px;background:var(--ocre-c);color:#7A560C;font-weight:700;display:flex;align-items:center;justify-content:center}
.bdx-afaire .t{flex:1;font-weight:500}.bdx-afaire .go{font-size:.88rem;font-weight:600;color:var(--pin);white-space:nowrap}
.bdx-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.bdx .bdx-carte{display:flex;flex-direction:column;gap:3px;text-align:left;padding:18px 20px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);min-height:112px}
.bdx .bdx-carte:hover{border-color:var(--encre);background:var(--papier)}
.bdx-carte .l{font-size:.82rem;color:var(--encre2);font-weight:600}.bdx-carte .v{font-size:1.22rem;font-weight:600;line-height:1.25;color:var(--encre)}.bdx-carte .s{font-size:.86rem;color:var(--encre2);margin-top:auto;padding-top:6px}
@media(max-width:1020px){.bdx-corps{display:block}
  .bdx .bdx-menu{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;font-weight:600;font-size:1rem;border-bottom:1px solid var(--trait);background:var(--papier);position:sticky;top:0;z-index:25}
  .bdx .bdx-menu span{font-size:1.15rem}.bdx-menu[aria-expanded=true]{background:var(--pin-c)!important}
  .bdx-nav{display:none;position:static;max-height:none;padding:10px 12px 18px;border-bottom:1px solid var(--trait2);background:var(--papier)}.bdx-nav.ouvert{display:flex}
  .bdx .bdx-nav button[role=tab]{padding-top:11px;padding-bottom:11px}
  .bdx-vue{padding:22px 16px 60px}.bdx-bandeau{padding:10px 16px}.bdx-regle{position:static}.bdx-top-d .bdx-btn{display:none}}

/* ---------- contrôles ---------- */
.bdx-seg{display:inline-flex;flex-wrap:wrap;max-width:100%;padding:3px;gap:2px;background:#E7EAE5;border-radius:8px}
.bdx .bdx-seg button{padding:7px 13px;font-size:.9rem;border-radius:var(--r);color:var(--encre2);white-space:nowrap;font-weight:500}
.bdx .bdx-seg button:hover{color:var(--encre)}
.bdx .bdx-seg button[aria-pressed=true]{background:var(--papier);color:var(--encre);box-shadow:0 1px 2px rgba(27,38,34,.18);font-weight:600}
.bdx .bdx-seg.arb button[aria-pressed=true][data-v=Besoin]{background:var(--pin);color:#fff}
.bdx .bdx-seg.arb button[aria-pressed=true][data-v=Souhait]{background:var(--olive);color:#fff}
.bdx .bdx-seg.arb button[aria-pressed=true][data-v=Conseillé]{background:var(--mer);color:#fff}
.bdx .bdx-seg.arb button[aria-pressed=true][data-v=Optionnel]{background:var(--ocre);color:#fff}
.bdx .bdx-seg.arb button[aria-pressed=true][data-v=Proposé]{background:var(--prune);color:#fff}
.bdx .bdx-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--trait2);background:var(--papier);font-size:.92rem;font-weight:500;border-radius:var(--r);color:var(--encre);text-decoration:none}
.bdx .bdx-btn:hover{border-color:var(--encre);background:var(--papier);color:var(--encre)}
.bdx .bdx-btn.plein{background:var(--pin);border-color:var(--pin);color:#fff}.bdx .bdx-btn.plein:hover{background:#173A33;color:#fff}
.bdx .bdx-btn.danger{color:var(--alerte)}.bdx .bdx-btn.danger:hover{border-color:var(--alerte)}
.bdx .bdx-btn.petit{padding:5px 10px;font-size:.85rem}
.bdx input[type=text],.bdx input[type=number],.bdx input[type=date],.bdx input[type=search],.bdx input[type=tel],.bdx input[type=email],.bdx input[type=url],.bdx select,.bdx textarea{border:1px solid var(--trait2);background:var(--papier);padding:8px 10px;border-radius:var(--r);width:100%;min-width:0;height:auto;box-shadow:none;line-height:1.35}
.bdx input:hover,.bdx select:hover,.bdx textarea:hover{border-color:var(--encre2)}
.bdx input:focus,.bdx select:focus,.bdx textarea:focus{border-color:var(--mer);outline:2px solid var(--mer-c)}
.bdx textarea{resize:vertical;min-height:70px}
.bdx input[type=checkbox]{width:18px;height:18px;accent-color:var(--pin);vertical-align:middle;margin:0}
.bdx-champ{display:block;font-size:.85rem;color:var(--encre2)}.bdx-champ>span{display:block;margin-bottom:5px}
.bdx-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px 22px}
.bdx-bloc{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:22px 24px;margin-bottom:22px}
.bdx-bloc>h3{margin-bottom:16px}
.bdx-outils{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}
.bdx .pousse{margin-left:auto}
/* interrupteur */
.bdx .bdx-sw{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;padding:12px 0;border-top:1px solid var(--trait)}
.bdx .bdx-sw:first-of-type{border-top:0}
.bdx-sw .piste{flex:none;width:42px;height:24px;border-radius:99px;background:var(--trait2);position:relative;transition:background .15s;margin-top:1px}
.bdx-sw .piste::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.bdx-sw[aria-checked=true] .piste{background:var(--pin)}.bdx-sw[aria-checked=true] .piste::after{transform:translateX(18px)}
.bdx-sw .t{font-weight:500}.bdx-sw .s{display:block;font-size:.86rem;color:var(--encre2);font-weight:400}
.bdx-sw .m{margin-left:auto;font-weight:600;white-space:nowrap;color:var(--encre2)}.bdx-sw[aria-checked=true] .m{color:var(--pin)}

/* ---------- synthèse ---------- */
.bdx-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.bdx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px}
.bdx-cols .bdx-bloc,.bdx-duo .bdx-bloc{margin-bottom:0}.bdx-cols,.bdx-duo{margin-bottom:22px}
.bdx-casc{width:100%;border-collapse:collapse}
.bdx-casc td{padding:9px 0;border-top:1px solid var(--trait);vertical-align:baseline}
.bdx-casc tr:first-child td{border-top:0}
.bdx-casc td.n{text-align:right;font-weight:500}
.bdx-casc td i{display:inline-block;width:16px;height:10px;margin-right:10px;border:1px solid var(--encre);border-radius:2px;vertical-align:-1px}
.bdx-casc tr.moins td.n{color:var(--olive)}
.bdx-casc tr.total td{border-top:2px solid var(--encre);font-weight:600;font-size:1.2rem;padding-top:12px}
.bdx-casc tr.inactif td{color:var(--trait2)}.bdx-casc tr.inactif td i{opacity:.35}
.bdx-rep{width:100%;border-collapse:collapse;font-size:.95rem}
.bdx-rep td{padding:8px 0;border-top:1px solid var(--trait);vertical-align:middle}
.bdx-rep tr:first-child td{border-top:0}
.bdx-rep td.b{width:36%;padding:0 14px}.bdx-rep td.b i{display:block;height:8px;border-radius:4px;background:var(--pin);min-width:2px}
.bdx-rep td.n{text-align:right;font-weight:500}.bdx-rep .hors{color:var(--encre2)}.bdx-rep .hors td.b i{background:var(--trait2)}
.bdx-rep td.b i.p-Souhait{background:var(--olive)}.bdx-rep td.b i.p-Conseillé{background:var(--mer)}.bdx-rep td.b i.p-Optionnel{background:var(--ocre)}.bdx-rep td.b i.p-Proposé{background:var(--prune)}
.bdx-pastille{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:9px}
.bdx{--prune:#7A4E6D;--prune-c:#F1E7EE}
.p-Proposé{background:var(--prune)}.p-Besoin{background:var(--pin)}.p-Souhait{background:var(--olive)}.p-Conseillé{background:var(--mer)}.p-Optionnel{background:var(--ocre)}

/* ---------- arbitrage ---------- */
.bdx-puces{display:flex;flex-wrap:wrap;gap:6px}
.bdx .bdx-puce{padding:6px 13px;border-radius:99px;border:1px solid var(--trait2);font-size:.88rem;background:var(--papier);color:var(--encre2)}
.bdx .bdx-puce:hover{border-color:var(--encre);background:var(--papier)}
.bdx .bdx-puce[aria-pressed=true]{background:var(--encre);border-color:var(--encre);color:#fff}
.bdx-loc{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);margin-bottom:16px;overflow:hidden}
.bdx-loc>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;cursor:pointer;list-style:none}
.bdx-loc>summary::-webkit-details-marker{display:none}
.bdx-loc>summary h3::before{content:"▸";display:inline-block;width:1.1em;color:var(--encre2);font-size:.85em}
.bdx-loc[open]>summary h3::before{content:"▾"}
.bdx-loc[open]>summary{border-bottom:1px solid var(--trait)}
.bdx-loc .st{font-size:.92rem;color:var(--encre2)}.bdx-loc .st b{color:var(--encre);font-size:1.02rem;font-weight:600}
.bdx-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 22px;align-items:center;padding:14px 22px 14px 18px;border-top:1px solid var(--trait);border-left:4px solid var(--trait2)}
.bdx-item:first-of-type{border-top:0}
.bdx-item.a-Besoin{border-left-color:var(--pin)}.bdx-item.a-Souhait{border-left-color:var(--olive)}.bdx-item.a-Conseillé{border-left-color:var(--mer)}.bdx-item.a-Optionnel{border-left-color:var(--ocre)}.bdx-item.a-Proposé{border-left-color:var(--prune)}
.bdx-item.hors{background:#FAFBF9}.bdx-item.hors .bdx-item-t b,.bdx-item.hors .bdx-item-p{color:var(--encre2)}
.bdx-item-t b{font-weight:600}.bdx-item-t .q{font-size:.88rem;color:var(--encre2);margin-left:6px}
.bdx-item-t .d{font-size:.9rem;color:var(--encre2);margin-top:3px;max-width:78ch}
.bdx-item-p{text-align:right;min-width:120px;font-weight:600;font-size:1.02rem}.bdx-item-p .e{font-size:.8rem;color:var(--olive);font-weight:500}
.bdx-item.hors .bdx-item-p .v{text-decoration:line-through;text-decoration-color:var(--trait2)}
.bdx-tag{display:inline-block;font-size:.74rem;font-weight:600;padding:1px 8px;margin-left:8px;border-radius:99px;background:var(--olive-c);color:#4E5B22;vertical-align:1px}

/* ---------- tableaux de saisie ---------- */
.bdx-tabwrap{overflow-x:auto;border:1px solid var(--trait);border-radius:var(--R);background:var(--papier)}
.bdx-tab{border-collapse:collapse;width:100%;min-width:1240px;font-size:.88rem}
.bdx-tab th{background:#EEF1EC;color:var(--encre2);font-weight:600;text-align:left;padding:10px 8px;font-size:.78rem;white-space:nowrap;border-bottom:1px solid var(--trait2)}
.bdx-tab th.n{text-align:right}.bdx-tab th.c{text-align:center}
.bdx-tab td{padding:3px 4px;border-top:1px solid var(--trait);vertical-align:middle}
.bdx-tab td.n{text-align:right;padding-right:10px;font-weight:500}.bdx-tab td.c{text-align:center}
.bdx-tab tr.grp td{background:var(--fond);font-weight:600;padding:11px 10px;border-top:1px solid var(--trait2);font-size:.92rem}
.bdx-tab tr.note td{background:#FBFBF8}
.bdx-tab tr.hors td.n{color:var(--encre2);font-weight:400}
.bdx-tab tr[data-i]:hover td{background:#F7F9F6}
.bdx .bdx-tab input[type=text],.bdx .bdx-tab input[type=date],.bdx .bdx-tab select{border-color:transparent;background:transparent;padding:6px 6px;border-radius:4px}
.bdx .bdx-tab tr:hover input[type=text],.bdx .bdx-tab tr:hover input[type=date],.bdx .bdx-tab tr:hover select{border-color:var(--trait)}
.bdx .bdx-tab input:focus,.bdx .bdx-tab select:focus{background:#fff;border-color:var(--mer)}
.bdx-tab input.q{text-align:right}
.bdx-tab .w-u{width:104px;min-width:104px}.bdx-tab .w-s{min-width:240px}.bdx-tab .w-n{width:78px}.bdx-tab .w-m{width:146px;min-width:146px}.bdx-tab .w-d{width:140px;min-width:140px}
.bdx-tab tr.detail td{background:#FBFBF8;padding:14px 16px}
.bdx .bdx-ico{width:28px;height:28px;color:var(--encre2);font-size:1rem;line-height:1;border-radius:4px}
.bdx .bdx-ico:hover{color:var(--encre);background:var(--fond)}
.bdx-etatp{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.78rem;font-weight:600;white-space:nowrap}
.e-Terminé{background:var(--pin-c);color:var(--pin)}.e-En-cours{background:var(--mer-c);color:var(--mer)}.e-En-retard{background:var(--alerte-c);color:var(--alerte)}.e-À-venir{background:#ECEEEA;color:var(--encre2)}

/* ---------- points d'attention ---------- */
.bdx-note{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--trait);cursor:pointer}
.bdx-note:first-of-type{border-top:0}
.bdx-note .d{font-size:.92rem;color:var(--encre2);margin-top:3px;max-width:82ch}
.bdx-note .l{font-size:.8rem;color:var(--encre2);margin-left:8px;font-weight:400}
.bdx-note.fait b{text-decoration:line-through;color:var(--encre2);font-weight:500}.bdx-note.fait .d{display:none}

/* ---------- planning ---------- */
.bdx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:22px}
.bdx-kpi{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:16px 20px}
.bdx-kpi .l{font-size:.84rem;color:var(--encre2)}.bdx-kpi .v{font-size:1.25rem;font-weight:600;margin-top:2px;line-height:1.25}
.bdx-kpi .v.alerte{color:var(--alerte)}.bdx-kpi .v.bien{color:var(--pin)}
.bdx-jauge{height:6px;border-radius:3px;background:var(--trait);margin-top:10px;overflow:hidden}.bdx-jauge i{display:block;height:100%;background:var(--pin);border-radius:3px}
.bdx-gantt-wrap{overflow-x:auto}
.bdx-gantt{--gn:230px;position:relative;min-width:860px;font-size:.88rem;padding-bottom:20px}
.bdx-g-row{display:grid;grid-template-columns:var(--gn) minmax(0,1fr)}
.bdx-g-nom{padding:0 14px 0 0;height:34px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;border-top:1px solid var(--trait);background:var(--papier);position:relative;z-index:4}
.bdx-g-nom span{overflow:hidden;text-overflow:ellipsis}
.bdx-g-nom .pi{flex:none;font-size:.7rem;font-weight:600;color:var(--encre2);border:1px solid var(--trait2);border-radius:4px;padding:0 5px;margin-right:8px;min-width:38px;text-align:center}
.bdx-g-phase{font-size:.78rem;font-weight:600;color:var(--encre2);padding:14px 0 5px;letter-spacing:.02em;position:relative;z-index:4}
.bdx-g-tete{height:40px;position:relative;border-bottom:1px solid var(--trait2)}
.bdx-g-tete .mois{position:absolute;top:2px;font-size:.78rem;font-weight:600;padding-left:6px;border-left:1px solid var(--trait2);height:100%;white-space:nowrap;text-transform:capitalize;overflow:hidden}
.bdx-g-ligne{position:relative;height:34px;border-top:1px solid var(--trait)}
.bdx-g-fond{position:absolute;left:var(--gn);right:0;top:40px;bottom:20px;pointer-events:none}
.bdx-g-sem{position:absolute;top:0;bottom:0;border-left:1px solid var(--trait);opacity:.7}
.bdx-g-conge{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#E3E7E1 0 3px,transparent 3px 8px)}
.bdx-g-auj,.bdx-g-cible{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--alerte);z-index:3}
.bdx-g-cible{border-left:2px dashed var(--encre)}
.bdx-g-auj span,.bdx-g-cible span{position:absolute;bottom:-17px;left:4px;font-size:.7rem;font-weight:600;color:var(--alerte);white-space:nowrap;background:var(--papier);padding:0 3px}
.bdx-g-cible span{color:var(--encre);left:auto;right:4px}
.bdx-g-bar{position:absolute;top:8px;height:13px;border-radius:3px;background:var(--trait2);z-index:2;min-width:3px}
.bdx-g-bar.e-Terminé{background:var(--pin)}.bdx-g-bar.e-En-cours{background:var(--mer)}.bdx-g-bar.e-En-retard{background:var(--alerte)}
.bdx-g-bar.e-À-venir{background:#fff;border:1.5px solid var(--encre2)}
.bdx-g-reel{position:absolute;top:24px;height:4px;border-radius:2px;background:var(--encre);z-index:2;min-width:3px}
.bdx-gantt.editable .bdx-g-bar.edit{cursor:grab;top:6px;height:18px;touch-action:none}.bdx-gantt.editable .bdx-g-bar.edit:hover{filter:brightness(1.12);box-shadow:0 0 0 2px rgba(27,38,34,.18)}
.bdx-gantt.editable .bdx-g-bar.edit:active{cursor:grabbing}.bdx-gantt.editable .bdx-g-reel{top:27px}
.bdx-g-bar .pg{position:absolute;right:-5px;top:-3px;bottom:-3px;width:12px;cursor:ew-resize;border-radius:3px}.bdx-g-bar .pg::after{content:"";position:absolute;right:4px;top:5px;bottom:5px;width:3px;border-radius:2px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(27,38,34,.35)}
.bdx-g-row.sel .bdx-g-nom,.bdx-g-row.sel .bdx-g-ligne{background:var(--pin-c)}.bdx-g-row.sel .bdx-g-bar{box-shadow:0 0 0 2px var(--encre)}
.bdx .bdx-g-nom .nomb{display:flex;align-items:center;width:100%;height:100%;text-align:left;overflow:hidden;font-size:inherit;color:inherit}.bdx .bdx-g-nom .nomb:hover{color:var(--pin);text-decoration:underline}
.bdx .bdx-g-nom .nomb.plus{color:var(--pin);font-weight:600}
.bdx-g-bulle{position:fixed;z-index:9999;background:var(--encre);color:#fff;font-size:.84rem;padding:6px 12px;border-radius:var(--r);pointer-events:none;white-space:nowrap}
.bdx-volet{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100vw;z-index:60;background:var(--papier);border-left:1px solid var(--trait2);box-shadow:-12px 0 40px rgba(27,38,34,.14);padding:22px 22px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.bdx-volet .tete{display:flex;justify-content:space-between;align-items:center}.bdx-volet .deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bdx-volet .info{font-size:.9rem;padding:10px 12px;background:var(--fond);border-radius:var(--r);line-height:1.7}.bdx-volet .rang{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.bdx-volet{top:auto;left:0;width:auto;max-height:78vh;border-left:0;border-top:1px solid var(--trait2);border-radius:16px 16px 0 0;box-shadow:0 -12px 40px rgba(27,38,34,.2)}}
@media(min-width:1100px){.bdx.avec-volet .bdx-vue{padding-right:412px}.bdx.avec-volet .bdx-gantt{--gn:180px;min-width:640px}}
@media print{.bdx-volet{display:none}}
.bdx-legende{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.8rem;color:var(--encre2);margin-top:14px}
.bdx-legende i{display:inline-block;width:16px;height:9px;margin-right:6px;border-radius:2px;vertical-align:-1px}

/* ---------- dossiers ---------- */
.bdx-dos{width:100%;border-collapse:collapse;background:var(--papier)}
.bdx-dos th{text-align:left;font-size:.8rem;font-weight:600;color:var(--encre2);padding:12px 16px;border-bottom:1px solid var(--trait2);background:#EEF1EC}
.bdx-dos td{padding:12px 16px;border-top:1px solid var(--trait)}
.bdx-vide{padding:48px 24px;text-align:center;color:var(--encre2);border:1px dashed var(--trait2);border-radius:var(--R);background:var(--papier)}
.bdx-msg{padding:12px 16px;border-left:3px solid var(--ocre);background:var(--ocre-c);margin-bottom:18px;font-size:.92rem;border-radius:0 var(--r) var(--r) 0}
.bdx-msg.err{border-color:var(--alerte);background:var(--alerte-c)}

/* ---------- vignettes, zoom, visionneuse ---------- */
.bdx-vig{width:34px;height:34px;object-fit:cover;border-radius:5px;border:1px solid var(--trait);vertical-align:middle;margin-right:10px;flex:none;cursor:zoom-in;background:var(--fond)}
.bdx-zoom{position:fixed;z-index:9999;background:#fff;border:1px solid var(--trait2);border-radius:var(--R);padding:8px;box-shadow:0 12px 40px rgba(27,38,34,.28);pointer-events:none}
.bdx-zoom img{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:5px}
.bdx-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(20,28,25,.92)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:zoom-out;min-height:0;padding:24px}
.bdx-lightbox img{max-width:100%;max-height:calc(100vh - 90px);object-fit:contain}.bdx-lightbox span{color:#fff;font-size:.88rem;opacity:.8}
.bdx-tag.prod{background:var(--mer-c);color:var(--mer)}

/* ---------- carnets ---------- */
.bdx-carnet{background:var(--papier);border:1px solid var(--trait);border-left:4px solid var(--pin);border-radius:var(--R);padding:20px 24px;margin-bottom:16px}
.bdx-carnet.actif{border-color:var(--encre)}
.bdx-carnet .tete{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.bdx-carnet .prix{text-align:right}.bdx-carnet .prix b{font-size:1.25rem}
.bdx-carnet .delta{font-size:.84rem}.bdx-carnet .delta.plus{color:var(--alerte)}.bdx-carnet .delta.moins{color:var(--olive)}
.bdx-carnet .cr{white-space:pre-wrap;font-size:.95rem;max-width:85ch;padding:12px 16px;background:var(--fond);border-radius:var(--r)}
.bdx-carnet .pied{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}

/* ---------- documents ---------- */
.bdx-depot{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:center;padding:26px;border:2px dashed var(--trait2);border-radius:var(--R);margin-bottom:22px;background:var(--papier);text-align:center}
.bdx-depot.survol{border-color:var(--pin);background:var(--pin-c)}.bdx-depot [data-depot-etat]{flex-basis:100%}
.bdx-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:8px}
.bdx-galerie figure{margin:0;min-width:0}.bdx-galerie figcaption{font-size:.82rem;color:var(--encre2);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdx .bdx-galerie .im{display:block;width:100%;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--fond);cursor:zoom-in}
.bdx-galerie img{width:100%;height:100%;object-fit:cover;display:block}
.bdx-galerie .gest{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:6px;font-size:.82rem}.bdx-galerie .gest input[type=text],.bdx-galerie .gest select{padding:4px 6px;font-size:.82rem;grid-column:1/-1}
.bdx-fichier{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--trait)}
.bdx-fichier .ext{flex:none;width:44px;height:44px;border-radius:var(--r);background:var(--mer-c);color:var(--mer);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.bdx-fichier .n{flex:1;min-width:0}.bdx-fichier .gest{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bdx-fichier .gest input[type=text]{flex:1;min-width:180px}.bdx-fichier .gest select{width:auto}
.bdx .cache{opacity:.55}

/* ---------- entreprises ---------- */
.bdx-ents{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}
.bdx-ent{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:18px 20px}
.bdx-ent:has(.form){grid-column:1/-1}
.bdx-ent .tete{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.bdx-ent .coord{font-size:.93rem;display:grid;gap:3px}.bdx-ent .note{margin-top:8px;padding:8px 10px;background:var(--ocre-c);border-radius:var(--r);font-size:.86rem}
.bdx-ent .pied{display:flex;gap:10px;align-items:center;margin-top:14px}.bdx-ent .form{margin-top:16px;padding-top:16px;border-top:1px solid var(--trait)}
.s-Pressentie{background:#ECEEEA;color:var(--encre2)}.s-Consultée{background:var(--mer-c);color:var(--mer)}.s-Devis-reçu{background:var(--ocre-c);color:#7A560C}.s-Retenue{background:var(--pin-c);color:var(--pin)}.s-Écartée{background:var(--alerte-c);color:var(--alerte)}

/* ---------- sélection de produits ---------- */
.bdx-poste{margin-bottom:28px}.bdx-poste .tete{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--trait2)}
.bdx-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;align-items:start}
.bdx-prod{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);overflow:hidden;display:flex;flex-direction:column}
.bdx-prod.choisi{border-color:var(--pin);box-shadow:0 0 0 1px var(--pin)}
.bdx-prod:has(.form){grid-column:1/-1}
.bdx-prod .im{position:relative;aspect-ratio:4/3;background:var(--fond);display:flex;align-items:center;justify-content:center}
.bdx-prod .im img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.bdx-prod:has(.form) .im{aspect-ratio:auto;height:220px}.bdx-prod:has(.form) .im img{object-fit:contain}
.bdx-prod .coche{position:absolute;top:10px;left:10px;background:var(--pin);color:#fff;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:99px}
.bdx-prod .corps{padding:14px 16px 16px}.bdx-prod .px{margin-top:8px}.bdx-prod .px b{font-size:1.1rem}
.bdx-prod .pied{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bdx-prod .form{padding:16px;border-top:1px solid var(--trait);background:#FBFBF8}

/* ---------- marché : DPGF, comparatif, CCTP, maquette ---------- */
.bdx-dpgf td{padding:9px 8px;vertical-align:top}.bdx-dpgf td.des .d{font-size:.84rem;color:var(--encre2);margin-top:2px;max-width:70ch}
.bdx-dpgf td.vide{border-left:1px solid var(--trait);min-width:90px}.bdx-tab td.est,.bdx-comp td.est{color:var(--mer);background:#F6F9FB}
.bdx .bdx-dpgf input.q{border-color:var(--trait2)!important;background:#fff!important}
.bdx-comp th .sous,.bdx-comp td .sous{font-size:.74rem;font-weight:400;color:var(--encre2)}
.bdx-comp th.ret{background:var(--pin-c);color:var(--pin)}.bdx-comp td.mieux{color:var(--pin);font-weight:700;background:#F1F6F3}
.bdx-art{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--trait)}.bdx-art .n{color:var(--encre2);font-weight:600}
.bdx-art textarea{margin-top:6px}.bdx-cctp-t{white-space:pre-wrap;font-size:.93rem;max-width:90ch;margin-top:4px}
.bdx-maquette{position:relative;width:100%;aspect-ratio:16/10;min-height:420px;background:var(--encre);border-radius:var(--R);overflow:hidden}
.bdx-maquette iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- échanges ---------- */
.bdx-ech{background:var(--papier);border:1px solid var(--trait);border-left:4px solid var(--trait2);border-radius:var(--R);padding:16px 20px;margin-bottom:14px}
.bdx-ech.t-Vigilance{border-left-color:var(--ocre)}.bdx-ech.t-Question{border-left-color:var(--mer)}.bdx-ech.t-Information{border-left-color:var(--olive)}.bdx-ech.t-Décision{border-left-color:var(--pin)}
.bdx-ech.clos{opacity:.62}.bdx-ech.afaire{box-shadow:0 0 0 1px var(--trait2),0 2px 10px rgba(27,38,34,.06)}
.bdx-ech .tete{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.bdx-ech .ty{background:var(--fond);color:var(--encre)}.bdx-ech.t-Vigilance .ty{background:var(--ocre-c);color:#7A560C}.bdx-ech.t-Question .ty{background:var(--mer-c);color:var(--mer)}
.bdx .bdx-ech .lien{font-size:.84rem;color:var(--encre);border:1px solid var(--trait2);border-radius:99px;padding:2px 11px 2px 4px;background:var(--papier)}
.bdx .bdx-ech .lien:hover{border-color:var(--encre);background:var(--papier)}
.bdx-ech .lien i{font-style:normal;font-size:.72rem;font-weight:600;background:var(--encre);color:#fff;border-radius:99px;padding:1px 8px;margin-right:7px}
.bdx-ech h4{font-size:1.04rem}.bdx-ech .tx{white-space:pre-wrap;font-size:.95rem;color:#2F3D38;margin-top:5px;max-width:88ch}
.bdx-ech .fil{margin-top:14px;display:grid;gap:8px}
.bdx-ech .rep{padding:10px 14px;border-radius:var(--r);background:var(--fond);max-width:80ch}.bdx-ech .rep.client{background:var(--mer-c);margin-left:auto;width:fit-content;min-width:40%}
.bdx-ech .rep .qui{font-size:.78rem;font-weight:600;color:var(--encre2);display:flex;gap:10px;margin-bottom:2px}.bdx-ech .rep .qui span{font-weight:400}.bdx-ech .rep .tx{margin-top:0}
.bdx-ech .pied{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.bdx-ech .repondre{display:flex;gap:10px;align-items:flex-end;margin-top:12px}.bdx-ech .repondre textarea{min-height:44px}
.bdx-nouveau>summary{cursor:pointer;list-style:none}.bdx-nouveau>summary::-webkit-details-marker{display:none}.bdx-nouveau>summary b::before{content:"+";display:inline-block;width:22px;height:22px;line-height:21px;text-align:center;border-radius:50%;background:var(--pin);color:#fff;margin-right:10px}
.bdx .bdx-tag.ech{background:var(--ocre-c);color:#7A560C;border:0;cursor:pointer}.bdx .bdx-tag.ech:hover{background:var(--ocre);color:#fff}
.bdx-puce b{font-weight:700;margin-left:3px}
/* ---------- honoraires ---------- */
.bdx-casc.quatre td.n{padding-left:18px;white-space:nowrap}.bdx-casc.quatre tr.total td{font-size:1.02rem}
.bdx-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px 30px}.bdx-cases h4{margin-bottom:8px}
.bdx-coche{display:flex;gap:9px;align-items:center;padding:4px 0;cursor:pointer;font-size:.95rem}.bdx-tab .bdx-coche{justify-content:center;padding:0}.bdx-tab td:first-child .bdx-coche{justify-content:flex-start}

/* ---------- réunions de chantier ---------- */
.bdx-point{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--trait)}.bdx-point:first-of-type{border-top:0}
.bdx-point .num{width:30px;height:30px;border-radius:50%;background:var(--encre);color:#fff;font-weight:600;font-size:.88rem;display:flex;align-items:center;justify-content:center}
.bdx-point.fait .num{background:var(--olive)}.bdx-point.fait textarea,.bdx-point.fait .tx{color:var(--encre2)}
.bdx-point .l1{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.bdx-point .l1 select{width:auto;max-width:280px}
.bdx-point .l2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;margin-top:8px;max-width:640px}.bdx-point .tx{white-space:pre-wrap}
.bdx-photos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bdx-photos figure{margin:0;position:relative;width:112px}
.bdx .bdx-photos .im{display:block;width:112px;height:84px;border-radius:var(--r);overflow:hidden;background:var(--fond);cursor:zoom-in}.bdx-photos img{width:100%;height:100%;object-fit:cover;display:block}
.bdx-photos .ou{position:absolute;top:3px;right:3px;display:flex;gap:2px}.bdx .bdx-photos .ou .bdx-ico{background:rgba(255,255,255,.92);width:24px;height:24px;font-size:.85rem;color:var(--encre)}
.bdx .bdx-photos .ajout{width:112px;height:84px;border:1.5px dashed var(--trait2);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:.84rem;color:var(--encre2);cursor:pointer;text-align:center;padding:6px;background:var(--papier)}
.bdx .bdx-photos .ajout:hover{border-color:var(--pin);color:var(--pin);background:var(--pin-c)}
.bdx-annot{position:fixed;inset:0;z-index:99999;background:#1B2622!important;display:flex;flex-direction:column;min-height:0}
.bdx-annot .barre{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;background:var(--fond)}
.bdx-annot .zone{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}
.bdx-annot canvas{max-width:100%;max-height:100%;touch-action:none;cursor:crosshair;background:#fff}
@media(max-width:760px){.bdx-point .l2{grid-template-columns:1fr 1fr}}

/* ---------- albums photo et visionneuse ---------- */
.bdx-album.survol{outline:2px dashed var(--pin);outline-offset:-6px;background:var(--pin-c)}
.bdx .bdx-album .nomalbum{font-size:1.06rem;font-weight:600;border-color:transparent;background:transparent;padding:4px 6px;width:auto;min-width:200px;max-width:340px}.bdx .bdx-album .nomalbum:hover{border-color:var(--trait2)}
.bdx-mosaique{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.bdx-mosaique figure{margin:0;min-width:0}
.bdx .bdx-mosaique .im{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--fond);cursor:zoom-in}
.bdx-mosaique .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.bdx .bdx-mosaique .im:hover img{transform:scale(1.04)}
.bdx-mosaique .couv{position:absolute;left:8px;top:8px;background:var(--pin);color:#fff;font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:99px}.bdx-mosaique .couv.cl{top:auto;bottom:8px;background:var(--mer)}
.bdx-mosaique figcaption{font-size:.84rem;color:var(--encre2);margin-top:6px}.bdx .bdx-mosaique input[type=text]{margin-top:6px;padding:5px 8px;font-size:.84rem}
.bdx-mosaique .act{display:flex;gap:2px;align-items:center;margin-top:4px}.bdx .bdx-mosaique .act select{flex:1;min-width:0;padding:4px 6px;font-size:.8rem}
.bdx-visio{position:fixed;inset:0;z-index:99999;background:#101614!important;color:#fff;display:flex;flex-direction:column;min-height:0;outline:0}
.bdx-visio .haut{display:flex;gap:14px;align-items:center;padding:12px 18px;font-size:.92rem}.bdx-visio .cpt{font-variant-numeric:tabular-nums;opacity:.7;white-space:nowrap}.bdx-visio .leg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdx-visio .scene{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;touch-action:pan-y}
.bdx-visio .scene img{max-width:100%;max-height:100%;object-fit:contain;flex:1;min-width:0;height:100%;user-select:none;-webkit-user-drag:none}
.bdx.bdx-visio .nav{flex:none;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:2rem;line-height:1;padding-bottom:4px}.bdx.bdx-visio .nav:hover{background:rgba(255,255,255,.25);color:#fff}.bdx.bdx-visio .nav:disabled{opacity:.2;cursor:default}
.bdx-visio .bande{display:flex;gap:6px;padding:12px 18px;overflow-x:auto;scrollbar-width:thin;justify-content:safe center}
.bdx.bdx-visio .bande button{flex:none;width:72px;height:54px;border-radius:4px;overflow:hidden;opacity:.5;border:2px solid transparent}.bdx.bdx-visio .bande button[aria-current=true]{opacity:1;border-color:#fff}.bdx-visio .bande img{width:100%;height:100%;object-fit:cover;display:block}
.bdx .bdx-dossier .couverture{display:block;margin:-18px -20px 0;height:150px;overflow:hidden;border-radius:var(--R) var(--R) 0 0}.bdx-dossier .couverture img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.bdx.bdx-visio .nav{position:absolute;top:50%;width:42px;height:42px;font-size:1.6rem;z-index:2}.bdx-visio .prec{left:8px}.bdx-visio .suiv{right:8px}.bdx-visio .scene{position:relative}.bdx-mosaique{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}

/* ---------- infobulles, lexique ---------- */
.bdx .bdx-i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border-radius:50%;border:1.5px solid var(--trait2);color:var(--encre2);font-size:.7rem;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;vertical-align:1px;flex:none;background:var(--papier)}
.bdx .bdx-i:hover,.bdx .bdx-i[aria-expanded=true]{border-color:var(--mer);color:#fff;background:var(--mer)}
.bdx-infobulle{position:fixed;z-index:99998;min-height:0;background:var(--encre)!important;color:#fff!important;font-size:.9rem;line-height:1.5;padding:12px 16px;border-radius:var(--R);box-shadow:0 10px 30px rgba(27,38,34,.3)}
.bdx-mot{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--trait)}.bdx-mot:first-child{border-top:0}.bdx-mot span{color:#2F3D38}
/* ---------- aides et financement ---------- */
.bdx-profil{margin-top:16px;padding:14px 16px;border-radius:var(--r);background:var(--fond);display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:var(--encre2);border-left:4px solid var(--trait2)}.bdx-profil b{font-size:1.2rem;color:var(--encre)}
.bdx-profil.p-BLEU{border-left-color:#2F6FB5;background:#E6EFF8}.bdx-profil.p-JAUNE{border-left-color:#C9A017;background:#FAF3D9}.bdx-profil.p-VIOLET{border-left-color:#7A4E9E;background:#F0E8F6}.bdx-profil.p-ROSE{border-left-color:#C2557A;background:#FAE7EE}
.bdx-dispo{display:grid;grid-template-columns:14px minmax(0,1fr) 230px;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--trait)}.bdx-dispo:first-of-type{border-top:0}
.bdx-dispo .pastille{width:12px;height:12px;border-radius:50%;margin-top:6px;background:var(--trait2)}.bdx-dispo.v-oui .pastille{background:var(--olive)}.bdx-dispo.v-non .pastille{background:var(--alerte)}.bdx-dispo.v-non>div:nth-child(2) b{color:var(--encre2)}
.bdx-dispo .ver{text-align:right;font-size:.9rem}.bdx-dispo.v-oui .ver b{color:#4E5B22}.bdx-dispo.v-non .ver b{color:var(--alerte)}
.bdx-fin{display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr auto;gap:6px;align-items:center;padding:8px 0;border-top:1px solid var(--trait);margin-top:8px}.bdx-fin .m{grid-column:1/-1;text-align:right;font-size:.86rem;color:var(--encre2)}
.bdx .bdx-chip.plus[aria-checked=true]{border-color:var(--mer);background:var(--mer-c)}.bdx-chip.plus[aria-checked=true] .pt{background:var(--mer)}.bdx-scbar .sepv{width:1px;height:22px;background:var(--trait2);margin:0 4px}
@media(max-width:760px){.bdx-dispo{grid-template-columns:14px 1fr}.bdx-dispo .ver{grid-column:2;text-align:left}.bdx-mot{grid-template-columns:1fr;gap:2px}.bdx-fin{grid-template-columns:1fr 1fr}}

/* ---------- guide, résumé, notifications ---------- */
.bdx-guide{max-width:860px}.bdx-guide-etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:6px 0 30px}
.bdx-guide-etapes>div{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:16px 18px;display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--encre2)}.bdx-guide-etapes b{color:var(--encre);font-size:1rem}
.bdx-guide-etapes .n{width:28px;height:28px;border-radius:50%;background:var(--pin);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.bdx-guide-s{padding:20px 0;border-top:1px solid var(--trait)}.bdx-guide-s h3{margin-bottom:8px}.bdx-guide-s p{max-width:72ch;margin-bottom:10px;color:#2F3D38}
.bdx .bdx-bienvenue{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;width:100%;max-width:860px;text-align:left;padding:14px 18px;margin-bottom:26px;background:var(--pin-c);border-radius:var(--R);color:var(--encre)}.bdx .bdx-bienvenue:hover{background:#D7E5DF;color:var(--encre)}.bdx-bienvenue span{color:var(--encre2);font-size:.92rem}.bdx-bienvenue .go{margin-left:auto;font-weight:600;color:var(--pin)}
.bdx-evol{display:flex;gap:18px;align-items:flex-end;overflow-x:auto;padding:6px 2px 2px}.bdx-evol .col{flex:1;min-width:120px;max-width:200px;text-align:center;display:flex;flex-direction:column;gap:2px}
.bdx-evol .val{font-weight:600;font-size:1.05rem}.bdx-evol .delta{font-size:.8rem;min-height:1.2em}.bdx-evol .delta.plus{color:var(--alerte)}.bdx-evol .delta.moins{color:var(--olive)}
.bdx-evol .zone{position:relative;height:180px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--encre)}.bdx-evol .zone i{display:block;width:62%;background:var(--pin);border-radius:4px 4px 0 0;min-height:3px}
.bdx-evol .col.cours .zone i{background:repeating-linear-gradient(135deg,var(--pin) 0 3px,var(--pin-c) 3px 8px)}.bdx-evol .bud{position:absolute;left:0;right:0;border-top:2px solid var(--alerte)}.bdx-evol .nom{font-size:.86rem;font-weight:600;margin-top:6px}
.bdx-frise{position:relative;margin-top:26px}.bdx-jalon{display:grid;grid-template-columns:22px minmax(0,1fr);gap:16px;position:relative;padding-bottom:22px}
.bdx-jalon::before{content:"";position:absolute;left:10px;top:18px;bottom:0;border-left:2px solid var(--trait2)}.bdx-jalon:last-child::before{display:none}
.bdx-jalon .pt{width:22px;height:22px;border-radius:50%;background:var(--pin);border:4px solid var(--fond);box-shadow:0 0 0 2px var(--pin);margin-top:18px;position:relative;z-index:1}.bdx-jalon.cours .pt{background:var(--papier)}
.bdx-jalon .corps{background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:18px 22px}.bdx-jalon .tete{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.bdx-jalon .prix b{font-size:1.2rem}
.bdx-jalon .chg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0;font-size:.88rem}.bdx-jalon .chg b{min-width:150px;font-weight:600}.bdx-jalon .chg span{padding:2px 10px;border-radius:99px;background:var(--fond)}
.bdx-jalon .chg.aj span{background:var(--olive-c);color:#4E5B22}.bdx-jalon .chg.re span{background:var(--alerte-c);color:var(--alerte)}.bdx-jalon .chg.ar span{background:var(--mer-c);color:var(--mer)}.bdx-jalon .chg.px span{background:var(--ocre-c);color:#7A560C}
.bdx-jalon .crd{margin-top:12px}.bdx-jalon .crd summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--mer)}.bdx-jalon .cr{white-space:pre-wrap;font-size:.93rem;padding:12px 16px;background:var(--fond);border-radius:var(--r);margin-top:8px;max-width:85ch}.bdx-jalon .pied{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.bdx-mailprev{padding:12px 16px;background:var(--fond);border-radius:var(--r);margin-bottom:12px;font-size:.92rem}.bdx-mailprev ul{margin:6px 0 0;padding-left:20px}
/* garde-fous anti-débordement */
.bdx-kpi,.bdx-bloc,.bdx-carte{min-width:0;max-width:100%}.bdx-kpi .v,.bdx-carte .v{overflow-wrap:anywhere}.bdx-gantt-wrap,.bdx-tabwrap{max-width:100%}.bdx-vue{overflow-x:clip}
/* ---------- barre d'accès rapide (téléphone) ---------- */
.bdx-barrebas{display:none}
@media(max-width:760px){
  .bdx{padding-bottom:70px}.bdx .bdx-menu{display:none}
  .bdx-barrebas{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--papier);border-top:1px solid var(--trait2);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .bdx .bdx-barrebas button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;font-size:.68rem;color:var(--encre2);border-radius:var(--r)}.bdx .bdx-barrebas button[aria-current=true]{color:var(--pin);font-weight:700;background:var(--pin-c)}
  .bdx-barrebas .ic{font-size:1.25rem;line-height:1.2;position:relative}.bdx-barrebas em{position:absolute;top:-4px;left:100%;font-style:normal;font-size:.62rem;font-weight:700;background:var(--alerte);color:#fff;border-radius:99px;padding:0 5px;line-height:1.5}
  .bdx-nav.ouvert{position:fixed;inset:0 0 62px 0;z-index:45;overflow-y:auto;max-height:none}
  .bdx-top{padding-top:16px}.bdx-titre{font-size:1.3rem}.bdx-sous{font-size:.85rem}.bdx-top-d{width:100%;justify-content:space-between}.bdx-etat{font-size:.78rem}
  .bdx-evol .col{min-width:96px}.bdx-jalon .corps{padding:14px 16px}.bdx-jalon .chg b{min-width:100%}
  .bdx-tache{grid-template-columns:auto minmax(0,1fr) auto}.bdx-tache input[type=date]{grid-column:2}
  .bdx-point .l2{grid-template-columns:1fr}.bdx-ech{padding:14px}.bdx-ech .repondre{flex-direction:column;align-items:stretch}
  .bdx-volet .deux{grid-template-columns:1fr 1fr}.bdx-grille{grid-template-columns:1fr}.bdx-kpis{grid-template-columns:1fr 1fr}.bdx-cartes{grid-template-columns:1fr 1fr}.bdx-carte{min-height:96px;padding:14px}
  .bdx .bdx-btn{padding:10px 14px}.bdx input[type=text],.bdx input[type=date],.bdx select,.bdx textarea{font-size:16px}
}
@media(min-width:761px) and (max-width:1020px){.bdx-item{grid-template-columns:minmax(0,1fr) auto}.bdx-item .bdx-seg{grid-column:1/-1;justify-self:start}.bdx-cartes{grid-template-columns:repeat(3,1fr)}.bdx-duo{grid-template-columns:1fr}.bdx-vue{padding:24px 24px 60px}.bdx-dossiers{grid-template-columns:1fr 1fr}.bdx-tache{grid-template-columns:auto minmax(0,1fr) 140px auto}.bdx-tache select{display:none}}

/* ---------- une couleur par partie de l'outil ---------- */
.bdx{--cat:var(--pin);--cat-c:var(--pin-c)}.bdx[data-cat=ocre]{--cat:#A87614;--cat-c:var(--ocre-c)}.bdx[data-cat=mer]{--cat:var(--mer);--cat-c:var(--mer-c)}.bdx[data-cat=olive]{--cat:#5F6E2C;--cat-c:var(--olive-c)}.bdx[data-cat=prune]{--cat:var(--prune);--cat-c:var(--prune-c)}
.bdx-top{border-top:5px solid var(--cat);transition:border-color .2s}
.bdx-fil{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--cat-c)}
.bdx .bdx-fil h1{font-size:1.45rem;font-weight:600;margin:0;padding:0;line-height:1.2;letter-spacing:-.015em}
.bdx-fil .cat{font-size:.78rem;font-weight:700;color:var(--cat);background:var(--cat-c);padding:3px 12px;border-radius:99px}
.bdx-nav .grp .tg::after{content:"";width:9px;height:9px;border-radius:3px;margin-left:auto;flex:none;background:var(--k)}.bdx-nav .grp .tg .bdx-cpt{margin-left:auto}.bdx-nav .grp .tg .bdx-cpt+*{margin-left:6px}
.bdx-nav .grp{--k:var(--pin)}.bdx-nav .grp.k-ocre{--k:#A87614}.bdx-nav .grp.k-mer{--k:var(--mer)}.bdx-nav .grp.k-olive{--k:#5F6E2C}.bdx-nav .grp.k-prune{--k:var(--prune)}
.bdx-nav .grp.ouvert{border-left:3px solid var(--k);margin-left:-3px;border-radius:0}.bdx-nav .grp.actif .tg{color:var(--k)}
.bdx .bdx-nav .grp button[role=tab][aria-selected=true]{background:var(--k)}
.bdx .bdx-btn.plein{background:var(--cat);border-color:var(--cat)}.bdx .bdx-btn.plein:hover{filter:brightness(.9);background:var(--cat)}
.bdx-bloc>h3,.bdx-bloc>.bdx-outils>h3{position:relative}.bdx .bdx-puce[aria-pressed=true]{background:var(--cat);border-color:var(--cat)}
.bdx-barrebas button[aria-current=true]{color:var(--cat)!important;background:var(--cat-c)!important}
.bdx .bdx-g-nom .pi.p-MOA{background:var(--mer-c);border-color:transparent;color:var(--mer)}.bdx .bdx-g-nom .pi.p-MOE{background:var(--pin-c);border-color:transparent;color:var(--pin)}.bdx-g-nom .pi{min-width:64px}
/* ---------- tableau de bord du client ---------- */
.bdx-todos{display:grid;gap:16px;max-width:900px}
.bdx-todo-bloc{--c:var(--mer);--cc:var(--mer-c);background:var(--papier);border:1px solid var(--trait);border-left:5px solid var(--c);border-radius:var(--R);padding:16px 20px 8px}
.bdx-todo-bloc.c-decider{--c:var(--alerte);--cc:var(--alerte-c)}.bdx-todo-bloc.c-valider{--c:var(--pin);--cc:var(--pin-c)}.bdx-todo-bloc.c-lire{--c:var(--mer);--cc:var(--mer-c)}.bdx-todo-bloc.c-regler{--c:#A87614;--cc:var(--ocre-c)}
.bdx-todo-bloc .tt{display:flex;gap:14px;align-items:center;margin-bottom:8px}.bdx-todo-bloc .nb{flex:none;width:38px;height:38px;border-radius:50%;background:var(--cc);color:var(--c);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.bdx-todo-bloc h3{color:var(--c)}
.bdx .bdx-todo{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 0;border-top:1px solid var(--trait)}.bdx .bdx-todo:hover .go{text-decoration:underline}
.bdx-todo .t{flex:1;min-width:0;display:flex;flex-direction:column}.bdx-todo .t span{font-size:.86rem;color:var(--encre2)}.bdx-todo .go{font-size:.88rem;font-weight:600;color:var(--c);white-space:nowrap;padding:5px 12px;border-radius:99px;background:var(--cc)}
.bdx-jalon-mini{margin-top:26px;max-width:900px;border-left:5px solid var(--mer)}
.bdx .bdx-evl.lien{width:100%;text-align:left}.bdx .bdx-evl.lien:hover .t{text-decoration:underline}
.bdx-ech.flash{animation:bdxflash 1.6s ease}@keyframes bdxflash{0%,40%{box-shadow:0 0 0 3px var(--ocre)}100%{box-shadow:none}}
/* décisions et leurs raisons */
.bdx-decisions{margin-top:18px;padding:14px 16px;border-radius:var(--r);background:var(--pin-c);border-left:4px solid var(--pin)}.bdx-decisions.fige{margin:10px 0 12px}.bdx-decisions h4{margin-bottom:8px;display:flex;align-items:center}
.bdx-decisions .dec{padding:8px 0;border-top:1px solid rgba(31,74,66,.15)}.bdx-decisions .dec:first-of-type{border-top:0}.bdx-decisions .dec>.bdx-aide{margin-left:8px}
.pourquoi{font-size:.92rem;margin-top:4px;color:#2F3D38}.pourquoi b{font-size:.74rem;font-weight:700;color:var(--pin);background:#fff;border-radius:99px;padding:1px 9px;margin-right:8px}.bdx-ech .pourquoi{margin-top:10px;padding:10px 12px;background:var(--pin-c);border-radius:var(--r)}
@media(prefers-reduced-motion:reduce){.bdx-ech.flash{animation:none}}

/* ---------- icônes ---------- */
.bdx-svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.bdx-svg.grand{width:24px;height:24px;vertical-align:-4px;margin-right:10px;color:var(--cat)}
.bdx-nav .lib{display:inline-flex;align-items:center;gap:10px;min-width:0}.bdx-nav .lib .bdx-svg{opacity:.75}.bdx-nav button[aria-selected=true] .lib .bdx-svg{opacity:1}
.bdx .bdx-nav button[role=tab]{padding-left:14px}.bdx .bdx-nav .retour{display:flex;align-items:center;gap:4px}.bdx .bdx-nav .retour .bdx-svg{width:16px;height:16px}
.bdx .bdx-btn .bdx-svg{width:16px;height:16px}.bdx-h3 .bdx-svg,.bdx h3>.bdx-svg,.bdx h4>.bdx-svg{margin-right:8px;color:var(--cat)}
.bdx-guide-s h3{display:flex;align-items:center}.bdx-fil h1{display:flex;align-items:center}
.bdx-todo-bloc .nb{position:relative}.bdx-todo-bloc .nb .bdx-svg{width:20px;height:20px}.bdx-todo-bloc .nb em{position:absolute;top:-5px;right:-7px;font-style:normal;font-size:.72rem;font-weight:700;background:var(--c);color:#fff;border-radius:99px;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 4px}
.bdx-carte .l{display:flex;align-items:center;gap:8px}.bdx-carte .l .bdx-svg{color:var(--pin)}.bdx-afaire>.bdx-svg{color:var(--ocre);width:20px;height:20px}
.bdx-etatp.ty{display:inline-flex;align-items:center;gap:6px}.bdx-etatp.ty .bdx-svg{width:14px;height:14px}
.bdx-barrebas .ic .bdx-svg{width:22px;height:22px}.bdx .bdx-menu .bdx-svg{width:20px;height:20px}
.bdx-decisions h4 .bdx-svg{color:var(--pin)}
@media print{.bdx-vueprint .bdx-svg{width:12px;height:12px}}

/* ---------- conseil et faisabilité ---------- */
.bdx-avis{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;background:var(--papier);border:1px solid var(--trait);border-left:6px solid var(--trait2);border-radius:var(--R);padding:20px 24px;margin-bottom:22px}
.bdx-avis .feu{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--encre);border-radius:20px;height:max-content}.bdx-avis .feu i{width:20px;height:20px;border-radius:50%;background:#3A4642}
.bdx-avis.f-vert{border-left-color:var(--olive)}.bdx-avis.f-vert .feu i:nth-child(3){background:#8FB339}.bdx-avis.f-orange{border-left-color:var(--ocre)}.bdx-avis.f-orange .feu i:nth-child(2){background:#E0A422}.bdx-avis.f-rouge{border-left-color:var(--alerte)}.bdx-avis.f-rouge .feu i:nth-child(1){background:#D2513A}
.bdx-avis .bdx-champ,.bdx-avis .bdx-lect{margin-top:10px}.bdx-lect{display:block;margin-bottom:10px}.bdx-lect>span{display:block;font-size:.82rem;color:var(--encre2)}
.bdx-existant{display:grid;grid-template-columns:minmax(0,1.1fr) 150px minmax(0,2fr) auto;gap:8px;align-items:center;padding:7px 0 7px 12px;border-top:1px solid var(--trait);border-left:4px solid var(--trait2)}
.bdx-existant.e-Bon-état{border-left-color:var(--olive)}.bdx-existant.e-À-surveiller{border-left-color:var(--ocre)}.bdx-existant.e-À-reprendre{border-left-color:var(--alerte)}.bdx-existant .bdx-etatp{background:var(--fond);justify-self:start}
.bdx-conseil{padding:12px 0 12px 14px;border-top:1px solid var(--trait);border-left:4px solid var(--olive)}.bdx-conseil.imp{border-left-color:var(--alerte)}.bdx-conseil .l1{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;margin-bottom:6px}.bdx-conseil .l2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
@media(max-width:760px){.bdx-existant{grid-template-columns:1fr 1fr}.bdx-existant input[data-ex=note]{grid-column:1/-1}.bdx-avis{grid-template-columns:1fr}.bdx-avis .feu{flex-direction:row}}

/* ---------- assistant, méthode, rendez-vous, panneau de bord, plan de charge ---------- */
.bdx .bdx-ia{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;margin-top:6px;border-radius:99px;font-size:.82rem;font-weight:600;color:var(--prune);background:var(--prune-c);border:1px solid transparent}.bdx .bdx-ia:hover{border-color:var(--prune);background:var(--prune-c);color:var(--prune)}.bdx .bdx-ia .bdx-svg{width:15px;height:15px}
.bdx-modale .boite.large{max-width:680px;max-height:92vh;overflow-y:auto}
.bdx-etape{display:grid;grid-template-columns:auto minmax(0,1.6fr) 150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--trait)}.bdx-etape:first-of-type{border-top:0}
.bdx .bdx-etape input[type=text]{border-color:transparent;background:transparent;padding:6px}.bdx .bdx-etape input[type=text]:hover{border-color:var(--trait)}.bdx-etape.fait input[data-pc=titre]{color:var(--encre2);text-decoration:line-through;text-decoration-color:var(--trait2)}
.bdx-parcours{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin-top:6px}.bdx-parcours .et{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:4px solid var(--trait2);font-size:.9rem;position:relative}
.bdx-parcours .et.fait{border-top-color:var(--pin)}.bdx-parcours .et.cours{border-top-color:var(--ocre)}.bdx-parcours .et.cours b{color:#7A560C}.bdx-parcours .rd{position:absolute;top:-13px;left:0;color:var(--pin);background:var(--papier);border-radius:50%;line-height:0}.bdx-parcours .rd .bdx-svg{width:22px;height:22px}
.bdx-rdv{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:18px 20px;margin-bottom:14px}.bdx-rdv.annule{opacity:.6}
.bdx-rdv .quand{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cat-c);color:var(--cat);border-radius:var(--R);padding:10px 4px;height:max-content}.bdx-rdv .quand b{font-size:1.7rem;line-height:1}.bdx-rdv .quand span{font-size:.8rem;text-transform:capitalize}.bdx-rdv .quand em{font-style:normal;font-weight:700;font-size:.86rem;margin-top:4px}
.bdx-rdv .pied{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.bdx-rdv .form{margin-top:16px;padding-top:16px;border-top:1px solid var(--trait)}
.bdx-urg{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--trait)}.bdx-urg:first-of-type{border-top:0}.bdx-urg .pt{width:10px;height:10px;border-radius:50%;background:var(--trait2)}.bdx-urg.n1 .pt{background:var(--alerte)}.bdx-urg.n2 .pt{background:var(--ocre)}.bdx-urg.n3 .pt{background:var(--mer)}
.bdx-urg .t{display:flex;flex-direction:column;min-width:0}.bdx-urg .t .bdx-lien{font-size:.84rem;font-weight:400}
.bdx .bdx-affaire{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:100%;text-align:left;padding:11px 0;border-top:1px solid var(--trait)}.bdx .bdx-affaire:first-of-type{border-top:0}.bdx .bdx-affaire:hover b{text-decoration:underline}
.bdx-affaire .t{display:flex;flex-direction:column;min-width:0}.bdx-affaire .t span{font-size:.84rem;color:var(--encre2)}.bdx-affaire .pc{font-weight:600;color:var(--pin)}.bdx-affaire .bdx-jauge{grid-column:1/-1;margin-top:4px}
.bdx-charge{position:relative;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;height:230px;margin-top:6px}.bdx-charge .col{display:flex;flex-direction:column;height:100%;min-width:0}
.bdx-charge .zone{flex:1;display:flex;flex-direction:column-reverse;border-bottom:1px solid var(--encre);background:linear-gradient(var(--fond),var(--fond)) bottom/100% 100% no-repeat;border-radius:3px 3px 0 0;overflow:hidden}.bdx-charge .zone i{display:block;width:100%;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.bdx-charge .col.trop .zone{box-shadow:inset 0 0 0 2px var(--alerte)}.bdx-charge span{font-size:.68rem;color:var(--encre2);text-align:center;padding-top:4px;height:18px}
.bdx-charge .capl{position:absolute;left:0;right:0;bottom:calc(18px + (100% - 18px) * var(--capn,0));border-top:2px dashed var(--alerte);pointer-events:none}.bdx-charge .capl span{position:absolute;right:0;top:-18px;font-size:.72rem;font-weight:600;color:var(--alerte);background:var(--papier);padding:0 4px;height:auto}
@media(max-width:760px){.bdx-etape{grid-template-columns:auto minmax(0,1fr) auto}.bdx-etape input[type=date],.bdx-etape input[data-pc=note]{grid-column:2}.bdx-parcours{grid-auto-flow:row}.bdx-rdv{grid-template-columns:1fr}.bdx-rdv .quand{flex-direction:row;gap:8px;justify-content:flex-start;padding:8px 14px}.bdx-urg{grid-template-columns:12px minmax(0,1fr)}.bdx-urg>.bdx-btn,.bdx-urg>.bdx-aide{grid-column:2;justify-self:start}.bdx-charge{gap:2px}}
/* ---------- activité de l'agence ---------- */
.bdx-mois{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;height:200px;margin-top:6px}.bdx-mois .col{display:flex;flex-direction:column;height:100%;min-width:0}
.bdx-mois .zone{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--encre)}.bdx-mois .zone i{display:block;width:38%;min-height:1px;border-radius:3px 3px 0 0;transition:height .45s cubic-bezier(.2,.8,.2,1)}.bdx-mois .f{background:var(--mer)}.bdx-mois .e{background:var(--pin)}
.bdx-mois span{font-size:.72rem;color:var(--encre2);text-align:center;padding-top:5px;text-transform:capitalize;overflow:hidden}
.bdx-phase{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px 0;border-top:1px solid var(--trait)}.bdx-phase:first-of-type{border-top:0}.bdx-phase b{min-width:120px;font-size:.92rem}.bdx .bdx-phase .bdx-tag{border:0;cursor:pointer;margin:0;padding:4px 12px}
/* ---------- messages, fenêtres, mouvement ---------- */
.bdx-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100000;display:flex;flex-direction:column;gap:8px;align-items:center;min-height:0!important;background:none!important;width:max-content;max-width:calc(100vw - 24px);pointer-events:none}
.bdx-toast{pointer-events:auto;display:flex;align-items:center;gap:16px;background:var(--encre);color:#fff;padding:12px 18px;border-radius:var(--R);font-size:.93rem;box-shadow:0 10px 30px rgba(27,38,34,.28);animation:bdx-monte .22s cubic-bezier(.2,.8,.2,1)}
.bdx-toast.err{background:var(--alerte)}.bdx-toast.sort{animation:bdx-descend .2s ease forwards}.bdx .bdx-toast button{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bdx-modale{position:fixed;inset:0;z-index:100001;min-height:0!important;background:rgba(20,28,25,.5)!important;display:flex;align-items:center;justify-content:center;padding:20px;animation:bdx-fondu .16s ease}
.bdx-modale .boite{background:var(--papier);border-radius:14px;padding:26px 28px 22px;width:100%;max-width:460px;box-shadow:0 24px 70px rgba(20,28,25,.35);animation:bdx-pose .2s cubic-bezier(.2,.8,.2,1);display:grid;gap:14px}
.bdx-modale h3{font-size:1.15rem}.bdx-modale p{color:#2F3D38;font-size:.95rem}.bdx-modale .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.bdx .bdx-btn.plein.rouge{background:var(--alerte);border-color:var(--alerte)}
.bdx-modale.sort{animation:bdx-fondu .15s ease reverse forwards}
@keyframes bdx-monte{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bdx-descend{to{opacity:0;transform:translateY(10px)}}@keyframes bdx-fondu{from{opacity:0}to{opacity:1}}@keyframes bdx-pose{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bdx-entre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* une seule animation d'arrivée, au changement de page : le contenu se pose doucement */
.bdx-vue.entre{animation:bdx-entre .26s cubic-bezier(.2,.8,.2,1)}
/* réponses aux gestes : survol, appui, ouverture */
.bdx .bdx-btn,.bdx .bdx-puce,.bdx .bdx-chip,.bdx .bdx-casearb,.bdx-nav button,.bdx .bdx-carte,.bdx .bdx-afaire,.bdx .bdx-todo .go,.bdx-dossier,.bdx-prod,.bdx .bdx-i{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .18s ease,transform .18s ease}
.bdx .bdx-btn:active,.bdx .bdx-puce:active,.bdx .bdx-chip:active{transform:scale(.97)}
.bdx .bdx-carte:hover,.bdx-dossier:hover,.bdx-prod:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(27,38,34,.09)}
.bdx-seg button{transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.bdx-casearb .cc{transition:background-color .15s ease,border-color .15s ease}
.bdx-item{transition:background-color .2s ease,border-color .2s ease}.bdx-rep td.b i,.bdx-jauge i,.bdx-evol .zone i{transition:width .35s ease,height .45s cubic-bezier(.2,.8,.2,1)}
.bdx-loc[open]>.bdx-item,.bdx details[open]>*:not(summary){animation:bdx-fondu .2s ease}
.bdx-volet{animation:bdx-glisse .24s cubic-bezier(.2,.8,.2,1)}@keyframes bdx-glisse{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.bdx-visio,.bdx-lightbox,.bdx-annot{animation:bdx-fondu .18s ease}.bdx-infobulle{animation:bdx-pose .14s ease}
.bdx-nav.ouvert{animation:bdx-fondu .16s ease}
@media print{.bdx,.bdx *{animation:none!important;transition:none!important;opacity:1}.bdx-toasts,.bdx-modale{display:none!important}}
@media(prefers-reduced-motion:reduce){.bdx *,.bdx-toast,.bdx-modale,.bdx-modale .boite,.bdx-vue.entre,.bdx-volet{animation:none!important;transition:none!important}}
/* ---------- corrections issues de l'audit d'ergonomie ---------- */
.bdx-outils>p.bdx-aide{flex:1 1 220px;min-width:0}.bdx-kpi .v,.bdx-kpi .v.num{white-space:normal}
.bdx-casc.quatre{display:block;overflow-x:auto}.bdx-casc.quatre tbody{display:table;width:100%;min-width:420px}
@media(max-width:900px){.bdx-export{grid-template-columns:minmax(0,1fr)!important}.bdx-doc{max-width:100%}.bdx-doc table{display:block;overflow-x:auto}.bdx-export .opts{position:static!important}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-tag.ech{padding:6px 12px;min-height:32px}.bdx .bdx-ech .lien{padding:6px 12px 6px 6px;min-height:34px}.bdx .bdx-evl.lien{padding:10px 0;min-height:40px}.bdx .bdx-mosaique .act select{min-height:36px}.bdx .bdx-ico{width:36px;height:36px}.bdx .bdx-i{width:24px;height:24px;font-size:.8rem}.bdx .bdx-puce{padding:8px 14px}.bdx .bdx-casearb{padding:8px 12px 8px 9px}}

/* ---------- document PDF ---------- */
.bdx-export{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.bdx-export .opts{position:sticky;top:calc(var(--hr,170px) + 16px)}.bdx-export{grid-template-columns:270px minmax(0,1fr)}
.bdx-opt{display:flex;gap:10px;align-items:flex-start;padding:8px 0;cursor:pointer}.bdx-opt input{margin-top:3px!important;flex:none}
.bdx-doc{background:#fff;color:#1B2622;max-width:210mm;margin:0 auto;box-shadow:0 2px 24px rgba(27,38,34,.12);font-size:10.5pt;line-height:1.45}
.bdx-doc .page{padding:18mm 16mm;border-bottom:1px dashed var(--trait2);position:relative}
.bdx-doc .page:last-child{border-bottom:0}
.bdx-doc .garde{min-height:296mm;display:flex;flex-direction:column;justify-content:space-between;padding:26mm 20mm}
.bdx-doc .garde .at{font-size:11pt;font-weight:600;letter-spacing:.02em}
.bdx-doc .garde h1{font-size:30pt;font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0 0 8mm}
.bdx-doc .garde .k{font-size:10pt;color:#5C6A65}.bdx-doc .garde .bande{height:5mm;background:var(--pin);margin-bottom:14mm;width:42mm}
.bdx-doc h2{font-size:16pt;margin:0 0 6mm;padding-bottom:3mm;border-bottom:1.5pt solid #1B2622}
.bdx-doc h3{font-size:11.5pt;margin:7mm 0 2.5mm}
.bdx-doc table{width:100%;border-collapse:collapse;font-size:9.5pt}
.bdx-doc th{text-align:left;font-weight:600;font-size:8.5pt;color:#5C6A65;padding:2mm 0;border-bottom:.75pt solid #1B2622}
.bdx-doc td{padding:2.2mm 0;border-bottom:.5pt solid #DDE2DC;vertical-align:top}
.bdx-doc td.n,.bdx-doc th.n{text-align:right;white-space:nowrap;padding-left:4mm;font-variant-numeric:tabular-nums}
.bdx-doc td .d{color:#5C6A65;font-size:8.8pt;margin-top:.6mm}
.bdx-doc tr.st td{font-weight:600;border-bottom:1pt solid #1B2622}
.bdx-doc tr{break-inside:avoid}
.bdx-doc table.serre{font-size:7.8pt}.bdx-doc table.serre td,.bdx-doc table.serre th{padding:1.4mm 1mm}.bdx-doc table.serre td .d{font-size:7.2pt}
.bdx-doc .chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:5mm;margin-bottom:7mm}
.bdx-doc .chiffres div{border-top:1.5pt solid #1B2622;padding-top:2mm}.bdx-doc .chiffres .l{font-size:8.5pt;color:#5C6A65}.bdx-doc .chiffres .v{font-size:15pt;font-weight:600}
.bdx-doc .bdx-regle{position:static;padding:0;border:0;background:none;margin-bottom:6mm}.bdx-doc .bdx-regle-chiffres{display:none}
.bdx-doc .mention{font-size:8.5pt;color:#5C6A65;margin-top:6mm}
.bdx-doc .bdx-gantt{min-width:0;font-size:8.5pt;--gn:52mm}
.bdx-doc .bdx-g-nom,.bdx-doc .bdx-g-ligne{height:7.5mm}.bdx-doc .bdx-g-bar{top:1.6mm;height:3mm}.bdx-doc .bdx-g-reel{top:5.2mm;height:1mm}

@media(max-width:900px){.bdx-duo,.bdx-export{grid-template-columns:1fr}.bdx-export .opts{position:static}}
@media(max-width:760px){
  .bdx{font-size:15px}.bdx-top,.bdx-regle{padding-left:16px;padding-right:16px}.bdx-prix{font-size:1.7rem}
  .bdx-regle-chiffres .it:not(.bud){display:none}.bdx-regle-chiffres{margin-bottom:18px}
  .bdx-item{grid-template-columns:1fr;padding:14px 16px 14px 12px}.bdx-item-p{text-align:left;display:flex;gap:10px;align-items:baseline;min-width:0}
  .bdx .bdx-seg.arb{display:flex;flex-wrap:wrap;width:100%}.bdx .bdx-seg.arb button{flex:1 1 30%;padding:9px 4px;font-size:.84rem}.bdx-loc>summary{flex-wrap:wrap;gap:4px 12px}
  .bdx-bloc{padding:18px 16px}.bdx-loc>summary{padding:14px 16px}.bdx-doc .page{padding:10mm 6mm}.bdx-doc .garde{min-height:0;padding:14mm 8mm;gap:20mm}
}
@media (prefers-reduced-motion:reduce){.bdx-barre i,.bdx-sw .piste,.bdx-sw .piste::after{transition:none}}

/* Impression : seul le document est imprimé, quel que soit le thème WordPress autour. */
@media print{
  html.bdx-impression body>*:not(#bdx-print-root){display:none!important}
  html.bdx-impression,html.bdx-impression body{background:#fff!important;margin:0!important;padding:0!important}
  #bdx-print-root{display:block!important;background:#fff}
  #bdx-print-root .bdx-doc{box-shadow:none;max-width:none;margin:0}
  #bdx-print-root .bdx-doc .page{padding:0;border:0;break-after:page}
  #bdx-print-root .bdx-doc .page:last-child{break-after:auto}
  #bdx-print-root .bdx-doc .garde{min-height:250mm;padding:10mm 4mm}
  #bdx-print-root *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4;margin:16mm 15mm}
}
#bdx-print-root{display:none}
/* impression de la vue courante */
.bdx-vueprint{font-size:9.5pt;color:#1B2622}.bdx-vueprint .pv-tete{display:flex;justify-content:space-between;gap:10mm;padding-bottom:3mm;margin-bottom:5mm;border-bottom:1.5pt solid #1B2622;font-size:11pt}
.bdx-vueprint .bdx-bloc,.bdx-vueprint .bdx-loc,.bdx-vueprint .bdx-ent,.bdx-vueprint .bdx-carnet,.bdx-vueprint .bdx-kpi,.bdx-vueprint .bdx-prod{break-inside:avoid;box-shadow:none}
.bdx-vueprint .bdx-loc,.bdx-vueprint .bdx-tabwrap{overflow:visible;break-inside:auto}.bdx-vueprint .bdx-item,.bdx-vueprint tr,.bdx-vueprint .bdx-note,.bdx-vueprint .bdx-art{break-inside:avoid}
.bdx-vueprint .bdx-tab{min-width:0!important;font-size:8pt}.bdx-vueprint .bdx-tab th{position:static}.bdx-vueprint .bdx-gantt{min-width:0}
.bdx-vueprint .bdx-seg{background:none;padding:0}.bdx-vueprint .bdx-seg button{background:none!important;color:#1B2622!important;box-shadow:none!important;padding:0;font-weight:600;border:1px solid #1B2622;border-radius:99px;padding:1px 8px;font-size:8pt}
.bdx-vueprint .bdx-loc>summary,.bdx-vueprint h3,.bdx-vueprint h4{break-after:avoid}.bdx-vueprint .pv{display:inline-block;min-height:1em}.bdx-vueprint .bdx-loc>summary h3::before{content:""}.bdx-vueprint .bdx-outils{margin-bottom:3mm}
.bdx-vueprint .bdx-duo,.bdx-vueprint .bdx-cols{gap:5mm}.bdx-vueprint .bdx-bloc{padding:4mm 5mm;margin-bottom:5mm}

/* =====================================================================
   HIÉRARCHIE ET LISIBILITÉ : une colonne, des titres marqués, de la couleur
   ===================================================================== */
/* 1. Une seule colonne de lecture. Seuls les grands tableaux prennent toute la largeur. */
.bdx-vue{max-width:1020px}
.bdx[data-ecran=bordereau] .bdx-vue,.bdx[data-ecran=dpgf] .bdx-vue,.bdx[data-ecran=consultation] .bdx-vue,.bdx[data-ecran=planning] .bdx-vue,.bdx[data-ecran=honoraires] .bdx-vue,.bdx[data-ecran=export] .bdx-vue,.bdx[data-ecran=photos] .bdx-vue{max-width:1400px}
.bdx-duo,.bdx-duo[style]{display:block!important}.bdx-duo>*{margin-bottom:22px}.bdx-duo>*:last-child{margin-bottom:0}.bdx-duo>div>.bdx-bloc{margin-bottom:22px}
.bdx-bloc{margin-bottom:22px;padding:24px 26px}
.bdx-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.bdx-cases{grid-template-columns:1fr;gap:18px}
.bdx-dossiers{grid-template-columns:1fr}
/* 2. Le titre de page : un bandeau dans la couleur de la partie */
.bdx-fil{background:var(--cat-c);border:0;border-radius:var(--R);padding:16px 20px;margin-bottom:26px;gap:4px 14px;flex-direction:column;align-items:flex-start}
.bdx .bdx-fil h1{font-size:1.6rem}.bdx-fil .cat{background:var(--cat);color:#fff;order:-1}
.bdx-fil .bdx-svg.grand{width:40px;height:40px;padding:9px;border-radius:50%;background:var(--cat);color:#fff;margin-right:14px}
/* 3. Trois niveaux de titres, nets */
.bdx .bdx-vue>h2,.bdx .bdx-vue h2{font-size:1.28rem;font-weight:700;padding-left:14px;border-left:5px solid var(--cat);line-height:1.3;margin-top:34px}
.bdx-vue>h2:first-of-type{margin-top:0}
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child>h3{font-size:1.12rem;font-weight:700;display:flex;align-items:center;gap:0;padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--cat-c);width:100%}
.bdx .bdx-bloc>.bdx-outils:first-child{flex-wrap:wrap;border-bottom:2px solid var(--cat-c);padding-bottom:12px;margin-bottom:16px!important}.bdx .bdx-bloc>.bdx-outils:first-child>h3{border:0;padding:0;margin:0;width:auto}
.bdx .bdx-bloc>h3>.bdx-svg,.bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg{width:30px;height:30px;padding:6px;border-radius:8px;background:var(--cat-c);color:var(--cat);margin-right:12px}
.bdx h4{font-size:.98rem;font-weight:700;color:var(--cat)}
.bdx-phrase{font-size:1.08rem;padding:16px 20px;background:var(--papier);border-left:5px solid var(--cat);border-radius:0 var(--R) var(--R) 0;max-width:none}
/* 4. Les chiffres clés : une liste, pas une rangée */
.bdx-kpis{display:block;background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:6px 22px;margin-bottom:22px}
.bdx-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 20px;align-items:center;background:none;border:0;border-top:1px solid var(--trait);border-radius:0;padding:14px 0 14px 16px;position:relative}.bdx-kpi:first-child{border-top:0}
.bdx-kpi::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:3px;background:var(--pin)}.bdx-kpi:nth-child(4n+2)::before{background:var(--mer)}.bdx-kpi:nth-child(4n+3)::before{background:var(--ocre)}.bdx-kpi:nth-child(4n+4)::before{background:var(--prune)}
.bdx-kpi .l{font-size:.95rem;color:var(--encre);font-weight:500}.bdx-kpi .v{font-size:1.3rem;text-align:right;grid-row:1;grid-column:2}.bdx-kpi>.bdx-aide,.bdx-kpi>.bdx-jauge{grid-column:1/-1}.bdx-kpi>.bdx-champ{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:16px}.bdx-kpi>.bdx-champ span{margin:0;font-size:.95rem;color:var(--encre)}
/* 5. Les cartes du tableau de bord : des lignes, une couleur par partie */
.bdx-cartes{grid-template-columns:1fr;gap:10px}
.bdx .bdx-carte{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"ic l v" "ic s v";gap:0 16px;align-items:center;min-height:0;padding:14px 18px;border-left:5px solid var(--kc,var(--pin))}
.bdx-carte .l{grid-area:l;font-size:.95rem;color:var(--encre);font-weight:600;display:block}.bdx-carte .l .bdx-svg{position:absolute;margin:0;width:44px;height:44px;padding:11px;border-radius:50%;background:var(--kcc,var(--pin-c));color:var(--kc,var(--pin));left:18px;top:50%;transform:translateY(-50%)}
.bdx .bdx-carte{position:relative;padding-left:78px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "s v"}.bdx-carte .v{grid-area:v;font-size:1.15rem;text-align:right}.bdx-carte .s{grid-area:s;margin:0;padding:0}
.bdx-carte[data-vue=coutglobal],.bdx-carte[data-vue=finances],.bdx-carte[data-vue=honoraires],.bdx-carte[data-vue=aides]{--kc:#A87614;--kcc:var(--ocre-c)}.bdx-carte[data-vue=planning],.bdx-carte[data-vue=carnets],.bdx-carte[data-vue=chantier],.bdx-carte[data-vue=notes],.bdx-carte[data-vue=rdv]{--kc:var(--mer);--kcc:var(--mer-c)}.bdx-carte[data-vue=photos],.bdx-carte[data-vue=documents],.bdx-carte[data-vue=entreprises]{--kc:#5F6E2C;--kcc:var(--olive-c)}.bdx-carte[data-vue=consultation]{--kc:var(--prune);--kcc:var(--prune-c)}
.bdx .bdx-carte:hover{transform:translateX(3px)}
/* 6. Le menu : la partie ouverte est teintée de sa couleur */
.bdx-nav .grp.ouvert{background:color-mix(in srgb,var(--k) 7%,transparent);border-radius:0 var(--r) var(--r) 0;padding:4px 4px 6px 0;margin-top:8px}
.bdx .bdx-nav .tg{font-size:.9rem;color:var(--k)}.bdx-nav .grp .tg::after{display:none}.bdx-nav .sec{font-size:.78rem;color:var(--encre)}
.bdx-nav .lib .bdx-svg{color:var(--k);opacity:1}.bdx-nav button[aria-selected=true] .lib .bdx-svg{color:#fff}
/* 7. L'arbitrage : le texte et le prix d'abord, le choix dessous */
.bdx-item{grid-template-columns:minmax(0,1fr) auto!important;row-gap:12px}.bdx-item .bdx-seg{grid-column:1/-1;justify-self:start}
.bdx-loc>summary{background:var(--cat-c);border-radius:var(--R) var(--R) 0 0}.bdx-loc:not([open])>summary{border-radius:var(--R)}.bdx-loc>summary h3,.bdx-loc>summary b{color:var(--encre)}
/* 8. Le scénario : trois lignes titrées */
.bdx-scbar{display:block;padding-top:10px}.bdx-scbar .sc-tete{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.bdx .bdx-scbar .sc-bascule{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:var(--r);font-size:.95rem}.bdx .bdx-scbar .sc-bascule:hover{background:#E7EAE5}.bdx-scbar .sc-bascule .bdx-svg{color:var(--pin)}.bdx-scbar .sc-bascule .chev{font-size:.8rem;font-weight:600;color:var(--mer);text-decoration:underline;text-underline-offset:3px;margin-left:6px}.bdx-scbar .sc-bascule .bdx-aide{max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdx-scbar .sc-ligne{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;padding:6px 0;border-top:1px dashed var(--trait2)}.bdx-scbar .sc-lab{font-size:.82rem;font-weight:700;color:var(--encre2)}.bdx-scbar .sc-groupe{display:flex;flex-wrap:wrap;gap:8px}
.bdx-scbar .sc-ligne:nth-of-type(2) .sc-lab{color:var(--pin)}.bdx-scbar .sc-ligne:nth-of-type(3) .sc-lab{color:#5F6E2C}.bdx-scbar .sc-ligne:nth-of-type(4) .sc-lab{color:var(--mer)}
/* 9. Divers : blocs « à faire » et messages plus colorés */
.bdx-todo-bloc{background:linear-gradient(90deg,var(--cc) 0,var(--papier) 38%)}.bdx-msg{border-left:5px solid var(--ocre)}
.bdx-dossier{border-left:5px solid var(--pin)}.bdx-rdv,.bdx-ent,.bdx-prod{border-top:4px solid var(--cat-c)}
.bdx-tab thead th{background:var(--cat-c);color:var(--encre)}
@media(max-width:760px){.bdx-grille{grid-template-columns:1fr}.bdx-scbar .sc-ligne{grid-template-columns:1fr;gap:4px}.bdx-fil{padding:12px 14px}.bdx .bdx-fil h1{font-size:1.3rem}.bdx-fil .bdx-svg.grand{width:34px;height:34px;padding:7px;margin-right:10px}.bdx-bloc{padding:18px 16px}.bdx-kpis{padding:4px 16px}.bdx .bdx-carte{padding-left:70px}.bdx-carte .v{font-size:1rem}.bdx-scbar .sc-bascule .bdx-aide{display:none}}

/* ---------- frise des phases ---------- */
.bdx-frise-bloc{border-top:5px solid var(--pin)}.bdx-frise-bloc .ou{font-size:1.05rem;margin-bottom:18px;max-width:none}
.bdx-frise-ph{display:flex;gap:4px;align-items:stretch;overflow-x:auto;padding-bottom:4px}
.bdx .bdx-frise-ph .ph{flex:1 1 0;min-width:118px;display:flex;flex-direction:column;gap:3px;text-align:left;padding:0 6px 8px 0;border-radius:var(--r);transition:background-color .15s ease,transform .15s ease}
.bdx .bdx-frise-ph .ph:hover{background:var(--fond);transform:translateY(-2px)}.bdx .bdx-frise-ph .ph.sel{background:var(--pin-c)}
.bdx-frise-ph .barre{position:relative;display:block;height:22px;border-radius:5px;background:#D9DDD8;margin-bottom:6px;overflow:visible}
.bdx-frise-ph .passe .barre,.lg-passe{background:repeating-linear-gradient(135deg,var(--pin) 0 3px,#9DB5A8 3px 7px)!important}
.bdx-frise-ph .cours .barre{background:#D9DDD8;box-shadow:0 0 0 2px var(--pin)}.bdx-frise-ph .cours .barre i{display:block;height:100%;background:var(--pin);border-radius:5px 0 0 5px}
.bdx-frise-ph .cours .barre em{position:absolute;top:-5px;bottom:-5px;width:3px;background:var(--alerte);border-radius:2px;transform:translateX(-1px)}
.bdx-frise-ph .ph b{font-size:.95rem;padding-left:2px}.bdx-frise-ph .avenir b,.bdx-frise-ph .avenir .dt{color:#8B9690}.bdx-frise-ph .cours b{color:var(--pin)}
.bdx-frise-ph .dt{font-size:.76rem;color:var(--encre2);padding-left:2px}.bdx-frise-ph .nc{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;color:var(--mer);padding-left:2px}.bdx-frise-ph .nc .bdx-svg{width:14px;height:14px}
.bdx-frise-detail{margin-top:16px;padding:16px 18px;background:var(--fond);border-radius:var(--R);border-left:5px solid var(--pin);animation:bdx-fondu .2s ease}
.bdx-frise-detail .etp>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 12px;align-items:center;padding:7px 0;border-top:1px solid var(--trait)}.bdx-frise-detail .etp>div:first-child{border-top:0}.bdx-frise-detail .etp .bdx-aide{grid-column:2}
.bdx-frise-detail .crn{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r);padding:12px 14px;margin-bottom:8px}.bdx-frise-detail .crn .t{flex:1 1 260px;display:flex;flex-direction:column}.bdx-frise-detail .crn ul{margin:6px 0 0;padding-left:18px;font-size:.88rem;color:#2F3D38}
@media(max-width:760px){.bdx-frise-ph{flex-wrap:wrap;overflow:visible;gap:10px 6px}.bdx .bdx-frise-ph .ph{flex:1 1 30%!important;min-width:0}}

/* ---------- bordereau : localisations repliables, sous-totaux, pleine largeur, barre de défilement fixe ---------- */
.bdx[data-ecran=bordereau] .bdx-vue{max-width:none}
.bdx.plein-ecran .bdx-corps{grid-template-columns:minmax(0,1fr)}.bdx.plein-ecran .bdx-nav{display:none}.bdx.plein-ecran .bdx-vue{padding-left:32px}
.bdx-tab tr.grp td{background:var(--cat-c);padding:6px 8px;border-top:2px solid var(--cat)}.bdx .bdx-tab tr.grp .nomloc{font-weight:700;font-size:.98rem;margin-right:12px;text-align:left}.bdx .bdx-tab tr.grp .nomloc:hover{text-decoration:underline}
.bdx-tab tr.grp td.num{font-weight:700;font-size:.95rem}.bdx-tab tr.grp.replie td{border-bottom:1px solid var(--trait)}
.bdx-tab tr.soustotal td{padding:8px;font-size:.88rem;font-weight:600;color:var(--encre2);text-align:right;border-top:1px dashed var(--trait2);background:#FAFBF9}.bdx-tab tr.soustotal td.num{color:var(--encre)}
.bdx-tab tr.total td{padding:12px 8px;font-weight:700;font-size:1.02rem;text-align:right;border-top:3px solid var(--encre);background:var(--papier)}
.bdx-tabwrap.sans-barre,.bdx-gantt-wrap.sans-barre{scrollbar-width:none}.bdx-tabwrap.sans-barre::-webkit-scrollbar,.bdx-gantt-wrap.sans-barre::-webkit-scrollbar{display:none}
.bdx-hbarre{position:sticky;bottom:0;z-index:30;overflow-x:auto;overflow-y:hidden;height:16px;margin-top:-1px;background:rgba(243,244,242,.94);border-top:1px solid var(--trait2);border-radius:0 0 var(--r) var(--r)}.bdx-hbarre>div{height:1px}
.bdx-hbarre::-webkit-scrollbar{height:12px}.bdx-hbarre::-webkit-scrollbar-thumb{background:var(--cat);border-radius:6px;border:2px solid #F3F4F2}.bdx-hbarre{scrollbar-color:var(--cat) transparent}
@media(max-width:760px){.bdx-hbarre{bottom:62px}}@media print{.bdx-hbarre{display:none}}
.bdx[data-ecran=bordereau] .bdx-tab{min-width:1180px}.bdx[data-ecran=bordereau] .bdx-tab th{white-space:normal;line-height:1.25;padding:8px 6px;vertical-align:bottom}
.bdx[data-ecran=bordereau] .bdx-tab .w-m{width:124px;min-width:124px}.bdx[data-ecran=bordereau] .bdx-tab .w-u{width:86px;min-width:86px}.bdx[data-ecran=bordereau] .bdx-tab .w-n{width:74px}.bdx[data-ecran=bordereau] .bdx-tab .w-s{min-width:220px}
/* le nom de l'ouvrage reste visible quand on fait défiler le tableau vers la droite */
.bdx[data-ecran=bordereau] .bdx-tab td.w-s,.bdx[data-ecran=bordereau] .bdx-tab thead th:nth-child(2){position:sticky;left:0;z-index:3;background:var(--papier);box-shadow:6px 0 8px -6px rgba(27,38,34,.18)}
.bdx[data-ecran=bordereau] .bdx-tab thead th:nth-child(2){background:var(--cat-c);z-index:6}.bdx[data-ecran=bordereau] .bdx-tab tr.hors td.w-s{background:#FAFBF9}

/* ---------- estimation des aides ---------- */
.bdx-gesteaide{display:grid;grid-template-columns:minmax(0,1fr) auto 90px;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--trait)}.bdx-gesteaide:first-of-type{border-top:0}
.bdx-estim{border-top:5px solid var(--ocre)}.bdx-estim .bdx-casc td:first-child{padding-right:16px}.bdx-estim .bdx-casc .bdx-etatp{vertical-align:2px;margin-left:6px}
.bdx-cat-aides{border-top:1px solid var(--trait);padding:10px 0}.bdx-cat-aides:first-of-type{border-top:0}.bdx-cat-aides summary{cursor:pointer;font-size:1rem}.bdx-cat-aides .da{padding:12px 0 12px 14px;border-left:4px solid var(--ocre-c);margin:10px 0}.bdx-cat-aides .da p{margin:4px 0 6px;color:#2F3D38;max-width:80ch;font-size:.93rem}

/* ---------- calendrier des rendez-vous ---------- */
.bdx .ev.t-rdv{background:var(--mer);color:#fff;font-weight:600}.bdx .ev.t-annule{background:var(--fond);color:var(--encre2);text-decoration:line-through}.bdx .ev.t-carnet{background:var(--olive-c);color:#4E5B22}
.bdx-cal span.ev{display:block;font-size:.72rem;line-height:1.25;padding:2px 5px;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bdx-cal .j{position:relative}.bdx .bdx-cal .plusj{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;font-weight:700;line-height:1;color:var(--mer);background:var(--mer-c);opacity:0;transition:opacity .15s ease}.bdx-cal .j:hover .plusj,.bdx .bdx-cal .plusj:focus{opacity:1}
.bdx-rdv.flash{animation:bdxflash 1.6s ease}
@media(max-width:760px),(pointer:coarse){.bdx .bdx-cal .plusj{opacity:1;width:26px;height:26px}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-cal button.ev{min-height:28px;padding:5px 6px}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-cal .plusj{opacity:1;width:30px;height:30px;font-size:1.05rem}.bdx-cal .j{min-height:104px;padding-top:6px}}
/* échanges : le type du point (vigilance, question, information, décision) bien visible */
.bdx-ech .bdx-etatp.ty{font-size:1rem;font-weight:700;padding:6px 16px 6px 12px;gap:8px;border-radius:99px}.bdx-ech .bdx-etatp.ty .bdx-svg{width:20px;height:20px}
.bdx-ech.t-Information .ty{background:var(--olive-c);color:#4E5B22}.bdx-ech.t-Décision .ty{background:var(--pin-c);color:var(--pin)}
.bdx-ech .tete{gap:10px;margin-bottom:12px}.bdx-ech{border-left-width:6px}

/* ---------- devis présentés, signature, convention ---------- */
.bdx-devis{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:16px 0 16px 16px;border-top:1px solid var(--trait);border-left:5px solid var(--ocre)}.bdx-devis:first-of-type{border-top:0}.bdx-devis.signe{border-left-color:var(--olive)}
.bdx-devis .t{display:flex;flex-direction:column}.bdx-devis .mt{text-align:right;display:flex;flex-direction:column}.bdx-devis .ac,.bdx-devis .reg{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bdx-devis .reg select{width:auto;max-width:320px}
.bdx-devis .bdx-etatp{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;padding:5px 12px}.bdx-devis .bdx-etatp .bdx-svg{width:16px;height:16px}
.bdx-convention{background:var(--fond);border-left:5px solid var(--mer);border-radius:0 var(--r) var(--r) 0;padding:12px 16px;max-height:260px;overflow-y:auto;font-size:.92rem}.bdx-convention p{margin:0 0 8px;color:#2F3D38}.bdx-convention p:last-child{margin:0}

/* ---------- annuaire de l'agence ---------- */
.bdx-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;font-weight:700;font-size:.95rem;overflow:hidden;background:var(--pin-c);color:var(--pin);margin-right:12px}
.bdx-avatar.grand{width:60px;height:60px;border-radius:14px;font-size:1.25rem;margin-right:16px}.bdx-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.bdx-avatar .bdx-svg{width:55%;height:55%}
.bdx-avatar.t-mer{background:var(--mer-c);color:var(--mer)}.bdx-avatar.t-ocre{background:var(--ocre-c);color:#A87614}.bdx-avatar.t-olive{background:var(--olive-c);color:#5F6E2C}.bdx-avatar.t-prune{background:var(--prune-c);color:var(--prune)}.bdx-avatar.t-alerte{background:var(--alerte-c);color:var(--alerte)}
.bdx-ent .tete{align-items:center}
.bdx-fiche-an{background:var(--papier);border:1px solid var(--trait);border-left:5px solid var(--prune-c);border-radius:var(--R);padding:18px 22px;margin-bottom:14px;transition:box-shadow .18s ease}.bdx-fiche-an:hover{box-shadow:0 6px 18px rgba(27,38,34,.07)}.bdx-fiche-an.alerte{border-left-color:var(--alerte)}
.bdx-fiche-an .tete{display:flex;align-items:center;gap:0}.bdx-fiche-an .id{flex:1;min-width:0}.bdx-fiche-an h3{font-size:1.1rem}.bdx-fiche-an .fav{color:var(--ocre)}.bdx-fiche-an .ac{display:flex;gap:6px;align-items:center}
.bdx-fiche-an .etoiles{color:var(--ocre);font-size:.9rem;letter-spacing:1px}.bdx-fiche-an .etoiles i{font-style:normal;color:var(--trait2)}
.bdx-fiche-an .coord{display:flex;flex-direction:column;gap:3px;margin:12px 0 0 76px;font-size:.94rem}.bdx-fiche-an .coord .note{margin-top:6px;padding:8px 12px;background:var(--fond);border-radius:var(--r);white-space:pre-wrap;font-size:.9rem}
.bdx-fiche-an .form{margin-top:18px;padding-top:18px;border-top:1px solid var(--trait)}
.bdx-logo-choix{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bdx-logo-choix .ics{display:flex;flex-wrap:wrap;gap:4px}
.bdx .bdx-logo-choix .ic1{width:36px;height:36px;border-radius:8px;border:1px solid var(--trait2);display:inline-flex;align-items:center;justify-content:center;color:var(--encre2)}.bdx .bdx-logo-choix .ic1.sel,.bdx .bdx-logo-choix .ic1:hover{border-color:var(--prune);color:var(--prune);background:var(--prune-c)}
.bdx .bdx-logo-choix .tn{width:28px;height:28px;border-radius:50%;border:3px solid var(--papier);box-shadow:0 0 0 1px var(--trait2)}.bdx .bdx-logo-choix .tn.sel{box-shadow:0 0 0 2px var(--encre)}
.bdx .tn.t-pin{background:var(--pin)}.bdx .tn.t-mer{background:var(--mer)}.bdx .tn.t-ocre{background:var(--ocre)}.bdx .tn.t-olive{background:var(--olive)}.bdx .tn.t-prune{background:var(--prune)}.bdx .tn.t-alerte{background:var(--alerte)}
@media(max-width:760px){.bdx-fiche-an .coord{margin-left:0}.bdx-fiche-an .tete{flex-wrap:wrap;row-gap:10px}}

/* =====================================================================
   TITRES PLUS LISIBLES : une bulle de couleur derrière chaque niveau
   ===================================================================== */
/* niveau 1 : titre de section, bulle pleine dans la couleur de la partie */
.bdx .bdx-vue h2{display:inline-flex;align-items:center;gap:10px;width:auto;max-width:100%;font-size:1.22rem;font-weight:700;color:#fff;background:var(--cat);border:0;border-radius:99px;padding:9px 22px 9px 18px;margin:36px 0 16px;line-height:1.25;box-shadow:0 2px 8px rgba(27,38,34,.12)}
.bdx .bdx-vue h2::before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.85);flex:none}
.bdx .bdx-vue>h2:first-of-type,.bdx .bdx-vue .bdx-fil+h2{margin-top:6px}
/* niveau 2 : titre de bloc, bandeau teinté sur toute la largeur du bloc */
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child{background:var(--cat-c);border:0!important;border-radius:calc(var(--R) - 2px) calc(var(--R) - 2px) 0 0;margin:-24px -26px 20px!important;padding:14px 26px!important;width:auto}
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child>h3{font-size:1.14rem;font-weight:700;color:var(--encre)}
.bdx .bdx-bloc>.bdx-outils:first-child>h3{background:none;margin:0!important;padding:0!important}
.bdx .bdx-bloc>h3>.bdx-svg,.bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg{background:var(--cat);color:#fff;border-radius:50%;width:32px;height:32px;padding:7px}
.bdx details.bdx-bloc>summary{background:var(--cat-c);margin:-24px -26px;padding:14px 26px;border-radius:calc(var(--R) - 2px)}.bdx details.bdx-bloc[open]>summary{margin-bottom:20px;border-radius:calc(var(--R) - 2px) calc(var(--R) - 2px) 0 0}
/* blocs qui ont leur propre couleur : le bandeau la reprend */
.bdx .bdx-frise-bloc>h3{background:var(--pin-c)}.bdx .bdx-estim>h3{background:var(--ocre-c)}.bdx .bdx-estim>h3>.bdx-svg{background:#A87614}
.bdx .bdx-todo-bloc h3{display:inline-block;background:var(--c);color:#fff;border-radius:99px;padding:4px 16px;font-size:1.02rem}
/* niveau 3 : intertitre, petite bulle */
.bdx .bdx-vue h4{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;font-weight:700;color:var(--cat);background:var(--cat-c);border-radius:99px;padding:4px 14px;margin-bottom:10px}
.bdx .bdx-vue h4 .bdx-svg{width:15px;height:15px;margin:0;color:var(--cat)}.bdx .bdx-vue h4 .bdx-aide{font-weight:400}
.bdx .bdx-decisions h4{background:#fff;color:var(--pin)}.bdx .bdx-ech h4{display:block;background:none;padding:0;border-radius:0;color:var(--encre);font-size:1.1rem}.bdx .bdx-cases h4{margin-bottom:8px}
/* titres de cartes : entreprises, fournisseurs, rendez-vous, annuaire, dossiers */
.bdx .bdx-ent h3,.bdx .bdx-rdv h3,.bdx .bdx-fiche-an h3,.bdx .bdx-jalon h3{font-size:1.14rem;font-weight:700}
.bdx .bdx-loc>summary{padding:14px 20px}.bdx .bdx-loc>summary h3{font-size:1.08rem;font-weight:700}
/* titre de page : un cran plus fort */
.bdx .bdx-fil h1{font-size:1.75rem;font-weight:700}.bdx-fil{padding:20px 24px}
.bdx .bdx-titre{font-weight:700}
@media(max-width:760px){.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child{margin:-18px -16px 16px!important;padding:12px 16px!important}.bdx details.bdx-bloc>summary{margin:-18px -16px;padding:12px 16px}.bdx details.bdx-bloc[open]>summary{margin-bottom:16px}.bdx .bdx-vue h2{font-size:1.08rem;padding:8px 18px 8px 14px;margin-top:28px}.bdx .bdx-fil h1{font-size:1.35rem}.bdx-fil{padding:14px 16px}}
@media print{.bdx .bdx-vue h2{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.bdx .bdx-bloc>h3,.bdx .bdx-vue h4{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ---------- barre de budget : segments nommés ---------- */
.bdx-barre.haute{height:30px}.bdx-barre i{position:relative;overflow:hidden}.bdx-barre i em{position:absolute;inset:0;display:flex;align-items:center;padding:0 10px;font-style:normal;font-size:.76rem;font-weight:700;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.bdx-barre .s-auto em,.bdx-barre .s-prime em,.bdx-barre .s-moe em,.bdx-barre .s-remise em{color:var(--encre);text-shadow:0 0 3px #fff,0 0 3px #fff}
.s-hono{background:var(--mer)}.s-etudes{background:var(--ocre)}.s-remise{background:repeating-linear-gradient(135deg,var(--mer) 0 3px,#DCE6EC 3px 8px)}
.bdx-barre-lib{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0 2px;font-size:.84rem;color:var(--encre2)}.bdx-barre-lib span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.bdx-barre-lib i{width:14px;height:10px;border-radius:2px;display:inline-block;border:1px solid rgba(27,38,34,.25)}.bdx-barre-lib b{color:var(--encre);font-weight:600}.bdx-barre-lib .eco b{color:#5F6E2C}
.bdx-casc td i.s-hono,.bdx-casc td i.s-remise{display:inline-block}
@media(max-width:760px){.bdx-barre-lib{font-size:.78rem;gap:3px 12px}.bdx-barre.haute{height:26px}}

.bdx .bdx-retour{display:inline-flex;align-items:center;gap:4px;padding:7px 14px 7px 8px;border-radius:99px;font-size:.9rem;font-weight:600;color:var(--cat);background:var(--cat-c)}.bdx .bdx-retour:hover{background:var(--cat);color:#fff}.bdx .bdx-retour .bdx-svg{width:16px;height:16px}

/* ---------- détail d'un carnet figé ---------- */
.bdx-detail-carnet{margin-top:14px;border:1px solid var(--trait);border-radius:var(--R);background:var(--fond)}.bdx-detail-carnet>summary{cursor:pointer;padding:12px 16px;font-size:.98rem}
.bdx-detail-carnet .sec{border-top:1px solid var(--trait);background:var(--papier)}.bdx-detail-carnet .sec>summary{cursor:pointer;padding:11px 16px;display:flex;align-items:center;gap:10px}.bdx-detail-carnet .sec>summary .bdx-svg{color:var(--cat)}.bdx-detail-carnet .sec .corps{padding:4px 16px 18px}
.bdx-detail-carnet .pt{padding:8px 0;border-top:1px solid var(--trait)}.bdx-detail-carnet .pt:first-child{border-top:0}.bdx-tab.compact td{padding:7px 8px;vertical-align:top}.bdx-tab.compact tr.hors td{color:var(--encre2)}.bdx-tab.compact tr.hors b{font-weight:500;text-decoration:line-through;text-decoration-color:var(--trait2)}

/* ---------- bouton « point sur ce sujet » et historique des lignes ---------- */
.bdx .bdx-point-btn{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;padding:3px 9px;border-radius:99px;font-size:.78rem;font-weight:700;color:var(--mer);background:var(--mer-c);margin-left:6px;line-height:1.4}.bdx .bdx-point-btn .bdx-svg{width:14px;height:14px}.bdx .bdx-point-btn:hover{background:var(--mer);color:#fff}
.bdx .bdx-point-btn.a{background:var(--ocre-c);color:#7A560C}.bdx .bdx-point-btn.a:hover{background:var(--ocre);color:#fff}
.bdx .bdx-ico.histo{position:relative;color:var(--encre2)}.bdx .bdx-ico.histo .bdx-svg{width:16px;height:16px}.bdx .bdx-ico.histo em{position:absolute;top:-2px;right:-3px;font-style:normal;font-size:.62rem;font-weight:700;background:var(--mer);color:#fff;border-radius:99px;min-width:15px;height:15px;line-height:15px;padding:0 3px}
.bdx-histo{max-height:52vh;overflow-y:auto;border:1px solid var(--trait);border-radius:var(--r)}.bdx-histo .l{padding:10px 14px;border-top:1px solid var(--trait)}.bdx-histo .l:first-child{border-top:0}.bdx-histo .q{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:3px}.bdx-histo s{color:var(--encre2)}.bdx-histo .ap{font-weight:600;color:var(--pin)}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-point-btn{padding:6px 12px;min-height:30px}}
.bdx-detail-carnet .sec .corps{overflow-x:auto;max-width:100%}.bdx-detail-carnet{max-width:100%;min-width:0;overflow:hidden}.bdx-detail-carnet .bdx-rep td{white-space:normal}

/* ---------- ensembles de localisations ---------- */
.bdx-tab tr.ens td{background:var(--cat);color:#fff;padding:9px 8px;border-top:3px solid var(--encre)}.bdx .bdx-tab tr.ens .nomloc{color:#fff;font-weight:700;font-size:1.04rem;margin-right:12px}.bdx .bdx-tab tr.ens .bdx-ico{color:#fff}.bdx-tab tr.ens .bdx-aide{color:rgba(255,255,255,.8)}.bdx-tab tr.ens td.num{font-weight:700;font-size:1rem}
.bdx-ens-titre{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:30px 0 12px}.bdx .bdx-vue .bdx-ens-titre h2{margin:0}.bdx-ens-titre .st{color:var(--encre2)}.bdx-ens-titre .st b{color:var(--encre)}
.bdx-ensemble{padding:14px 0;border-top:1px solid var(--trait)}.bdx-ensemble:first-of-type{border-top:0}.bdx-ensemble .l1{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;margin-bottom:8px}.bdx-ensemble .locs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 18px}.bdx-ensemble .bdx-coche.pris{opacity:.6}

/* ---------- agenda de charge ---------- */
.bdx-ag{display:grid;gap:1px;background:var(--trait);border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;margin-top:6px}
.bdx-ag.sem{grid-template-columns:96px repeat(5,minmax(0,1fr))}.bdx-ag.jour{grid-template-columns:110px minmax(0,1fr)}
.bdx-ag>div{background:var(--papier);min-width:0}.bdx-ag .coin,.bdx-ag .hr{background:var(--fond);font-size:.8rem;font-weight:600;color:var(--encre2);padding:10px;display:flex;align-items:center}
.bdx-ag .tj{padding:8px 10px;display:flex;flex-direction:column;gap:1px;background:var(--fond)}.bdx .bdx-ag .tj button{text-align:left;font-weight:700;font-size:.9rem;text-transform:capitalize;color:var(--encre)}.bdx .bdx-ag .tj button:hover{color:var(--prune);text-decoration:underline}.bdx-ag .tj.auj{background:var(--prune-c)}.bdx-ag .tj.auj button{color:var(--prune)}
.bdx-slot{min-height:92px;padding:6px;display:flex;flex-direction:column;gap:5px;transition:background-color .12s ease,box-shadow .12s ease}.bdx-ag.jour .bdx-slot{min-height:150px}.bdx-slot.passe{background:#FAFBF9}.bdx-slot.cible{background:var(--prune-c);box-shadow:inset 0 0 0 2px var(--prune)}.bdx-slot.trop{box-shadow:inset 0 0 0 2px var(--alerte)}
.bdx-cr{position:relative;display:flex;flex-direction:column;gap:1px;padding:7px 22px 7px 10px;border-radius:6px;background:color-mix(in srgb,var(--k) 14%,#fff);border-left:5px solid var(--k);font-size:.82rem;cursor:grab;user-select:none;transition:transform .12s ease,box-shadow .12s ease}
.bdx-cr:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,38,34,.14)}.bdx-cr:active{cursor:grabbing}.bdx-cr.glisse{opacity:.4}.bdx-cr b{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdx-cr span{color:var(--encre2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdx-cr.manuel{background-image:repeating-linear-gradient(135deg,transparent 0 8px,rgba(27,38,34,.05) 8px 10px)}.bdx-cr.retard{box-shadow:inset 0 0 0 2px var(--alerte)}.bdx-cr.sel{outline:3px solid var(--prune);outline-offset:1px}
.bdx .bdx-cr .lib{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;font-size:.8rem;line-height:1;color:var(--encre2)}.bdx .bdx-cr .lib:hover{background:var(--alerte);color:#fff}
.bdx-ag .evs{padding:6px;display:flex;flex-direction:column;gap:3px;min-height:34px}.bdx-ag .evs .ev{display:block;font-size:.72rem;padding:2px 6px;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lg-manuel{background:repeating-linear-gradient(135deg,#E7EAE5 0 4px,#B9C0BA 4px 6px)!important}
.bdx-cal.ag .j{min-height:112px;gap:2px}.bdx-cal.ag .j.we{background:var(--fond)}.bdx-cal.ag .bdx-slot{min-height:26px;padding:0;gap:2px}.bdx-cal.ag .bdx-cr{padding:3px 6px;font-size:.7rem;border-left-width:4px}.bdx-cal.ag .bdx-cr b{font-size:.7rem}
.bdx .bdx-cal.ag .n{font-size:.78rem;font-weight:700;color:var(--encre2);text-align:left;width:max-content;padding:0 4px;border-radius:99px}.bdx .bdx-cal.ag .n:hover{background:var(--prune-c);color:var(--prune)}.bdx-cal.ag .j.auj .n{background:var(--alerte);color:#fff}
@media(max-width:900px){.bdx-ag.sem{grid-template-columns:64px repeat(5,minmax(120px,1fr));overflow-x:auto}.bdx-ag .hr{font-size:.72rem;padding:6px}}
.bdx[data-ecran=at-charge] .bdx-vue,.bdx[data-ecran=at-agenda] .bdx-vue{max-width:1400px}

/* =====================================================================
   TITRES DES PARTIES : majuscules, bulle pleine, couleurs vives
   ===================================================================== */
.bdx{--v-pin:#0B7A57;--v-mer:#1769C2;--v-ocre:#C25E00;--v-olive:#55800F;--v-prune:#9B3C97;--catv:var(--v-pin)}
.bdx[data-cat=ocre]{--catv:var(--v-ocre)}.bdx[data-cat=mer]{--catv:var(--v-mer)}.bdx[data-cat=olive]{--catv:var(--v-olive)}.bdx[data-cat=prune]{--catv:var(--v-prune)}
/* menu : le titre de chaque partie */
.bdx-nav .grp{--kv:var(--v-pin)}.bdx-nav .grp.k-ocre{--kv:var(--v-ocre)}.bdx-nav .grp.k-mer{--kv:var(--v-mer)}.bdx-nav .grp.k-olive{--kv:var(--v-olive)}.bdx-nav .grp.k-prune{--kv:var(--v-prune)}
.bdx .bdx-nav .tg{background:var(--kv);color:#fff!important;text-transform:uppercase;letter-spacing:.07em;font-size:.8rem;font-weight:800;border-radius:99px;padding:9px 16px;margin:2px 0 4px;box-shadow:0 2px 6px rgba(27,38,34,.16)}
.bdx .bdx-nav .tg:hover{background:var(--kv);filter:brightness(1.08)}.bdx .bdx-nav .tg::before{color:rgba(255,255,255,.9)}
.bdx-nav .tg .bdx-cpt{background:#fff;color:var(--kv)}
.bdx-nav .grp.ouvert{border-left-color:var(--kv);background:color-mix(in srgb,var(--kv) 8%,transparent);padding-top:0}
.bdx-nav .lib .bdx-svg{color:var(--kv)}.bdx .bdx-nav .grp button[role=tab][aria-selected=true]{background:var(--kv)}
.bdx-nav .sec{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}
/* en-tête de page : la pastille de partie, et le filet du haut */
.bdx-fil .cat{background:var(--catv);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800;padding:5px 16px;box-shadow:0 2px 6px rgba(27,38,34,.16)}
.bdx-fil .bdx-svg.grand{background:var(--catv)}.bdx-top{border-top-color:var(--catv)}
/* titres de section dans les pages */
.bdx .bdx-vue h2{background:var(--catv);text-transform:uppercase;letter-spacing:.06em;font-size:1.02rem;font-weight:800;padding:10px 24px 10px 18px}
.bdx .bdx-bloc>h3>.bdx-svg,.bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg{background:var(--catv)}
.bdx .bdx-btn.plein{background:var(--catv);border-color:var(--catv)}.bdx .bdx-btn.plein.rouge{background:var(--alerte);border-color:var(--alerte)}
.bdx-barrebas button[aria-current=true]{color:var(--catv)!important}
@media(max-width:760px){.bdx .bdx-vue h2{font-size:.9rem;padding:8px 18px 8px 14px}.bdx .bdx-nav .tg{padding:12px 16px;font-size:.84rem}}

/* titre de page : texte blanc sur bulle pleine, dans la couleur vive de la partie */
.bdx-fil{background:var(--catv);border-radius:22px;box-shadow:0 3px 10px rgba(27,38,34,.16)}
.bdx .bdx-fil h1{color:#fff}
.bdx-fil .bdx-svg.grand{background:#fff;color:var(--catv)}
.bdx-fil .cat{background:rgba(255,255,255,.22);color:#fff;box-shadow:none}
@media print{.bdx-fil{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* =====================================================================
   SCÉNARIO EN PAGE, BANDEAUX DE BLOCS EN COULEUR PLEINE, TITRES DE PAGE EN MAJUSCULES
   ===================================================================== */
/* bandeau du haut : une seule ligne de résumé */
.bdx-scbar.ligne{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:8px}.bdx-scbar .sc-res{display:inline-flex;align-items:center;gap:8px;min-width:0}.bdx-scbar .sc-res .bdx-svg{color:var(--v-pin)}.bdx-scbar .sc-res .bdx-aide{max-width:70ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* page scénario */
.bdx-sc-cats{display:grid;gap:8px}
.bdx .bdx-sc-cat,.bdx-sc-cat.fixe{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 16px;border:2px solid var(--trait);border-radius:var(--R);background:var(--papier);transition:border-color .15s ease,background-color .15s ease,transform .12s ease}
.bdx .bdx-sc-cat:hover{border-color:var(--encre2)}.bdx .bdx-sc-cat:active{transform:scale(.995)}.bdx-sc-cat .t{display:flex;flex-direction:column}.bdx-sc-cat .t span{font-size:.86rem;color:var(--encre2)}.bdx-sc-cat .m{font-weight:700;font-size:1.05rem}
.bdx-sc-cat .cc{width:24px;height:24px;border-radius:7px;border:2px solid var(--trait2);background:var(--papier)!important;display:flex;align-items:center;justify-content:center}
.bdx-sc-cat.on,.bdx-sc-cat.fixe{background:var(--fond)}.bdx-sc-cat.on .cc,.bdx-sc-cat.fixe .cc{border-color:transparent}.bdx-sc-cat.fixe .cc{background:var(--pin)!important}.bdx-sc-cat.on .cc.p-Souhait{background:var(--olive)!important}.bdx-sc-cat.on .cc.p-Conseillé{background:var(--mer)!important}.bdx-sc-cat.on .cc.p-Proposé{background:var(--prune)!important}.bdx-sc-cat.on .cc.p-Optionnel{background:var(--ocre)!important}
.bdx-sc-cat.on .cc::after,.bdx-sc-cat.fixe .cc::after{content:"";width:11px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.bdx .bdx-sc-cat.on{border-color:var(--catv)}.bdx-sc-cat:not(.on):not(.fixe) .m{color:var(--encre2);font-weight:500}
.bdx .bdx-sc-opt{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 0;border-top:1px solid var(--trait)}.bdx .bdx-sc-opt:first-of-type{border-top:0}
.bdx-sc-opt .piste{width:46px;height:26px;border-radius:99px;background:#C8CEC9;position:relative;transition:background-color .18s ease}.bdx-sc-opt .piste::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s ease}
.bdx-sc-opt.on .piste{background:var(--catv)}.bdx-sc-opt.on .piste::after{transform:translateX(20px)}.bdx-sc-opt .t{display:flex;flex-direction:column;gap:2px}.bdx-sc-opt .t span{font-size:.88rem;color:var(--encre2);max-width:70ch}.bdx-sc-opt .m{font-weight:700;white-space:nowrap}.bdx-sc-opt:not(.on) .m{color:var(--encre2);font-weight:500}
.bdx-verrou .bdx-sc-cat,.bdx-verrou .bdx-sc-opt{pointer-events:none;opacity:.65}.bdx.lecture .bdx-sc-cat,.bdx.lecture .bdx-sc-opt{pointer-events:none;opacity:.75}
/* bandeaux des blocs : fond plein dans la couleur vive de la partie, texte blanc */
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child,.bdx details.bdx-bloc>summary{background:var(--catv)!important;color:#fff}
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child>h3,.bdx details.bdx-bloc>summary b{color:#fff}
.bdx .bdx-bloc>h3>.bdx-svg,.bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg{background:#fff!important;color:var(--catv)!important}
.bdx .bdx-bloc>.bdx-outils:first-child .bdx-aide,.bdx details.bdx-bloc>summary .bdx-aide,.bdx .bdx-bloc>h3 .bdx-aide{color:rgba(255,255,255,.88)}
.bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn,.bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn.plein{background:#fff;border-color:#fff;color:var(--catv);font-weight:600}.bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn:hover{filter:none;background:rgba(255,255,255,.88)}
.bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn.danger{color:var(--alerte)}.bdx .bdx-bloc>.bdx-outils:first-child .bdx-ico{color:#fff}
.bdx .bdx-bloc>h3 .bdx-i,.bdx .bdx-bloc>.bdx-outils:first-child .bdx-i{background:transparent;border-color:rgba(255,255,255,.8);color:#fff}
.bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg{background:rgba(255,255,255,.25)}.bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg button{color:#fff}.bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg button[aria-pressed=true]{background:#fff;color:var(--catv)}

.bdx .bdx-frise-bloc>h3{background:var(--v-pin)!important}.bdx .bdx-estim>h3{background:var(--v-ocre)!important}.bdx .bdx-estim>h3>.bdx-svg{color:var(--v-ocre)!important}
.bdx-frise-bloc{border-top:0}.bdx-estim{border-top:0}
/* titres de page en majuscules ; le menu, lui, reste en minuscules */
.bdx .bdx-fil h1{text-transform:uppercase;letter-spacing:.04em;font-size:1.5rem}
.bdx .bdx-nav .tg{text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:700}.bdx-nav .sec{text-transform:none;letter-spacing:.01em;font-size:.78rem}
@media(max-width:760px){.bdx .bdx-fil h1{font-size:1.15rem}.bdx .bdx-sc-opt{grid-template-columns:48px minmax(0,1fr)}.bdx-sc-opt .m{grid-column:2}.bdx-scbar .sc-res .bdx-aide{display:none}}
@media print{.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ---------- les quatre carnets de la méthode ---------- */
.bdx-typecarnet{display:inline-flex;align-items:baseline;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.07em;color:#fff;background:var(--v-pin);border-radius:99px;padding:4px 14px;margin-bottom:6px}.bdx-typecarnet em{font-style:normal;font-weight:500;letter-spacing:0;opacity:.9;text-transform:none}
.bdx-typecarnet.t-mer{background:var(--v-mer)}.bdx-typecarnet.t-ocre{background:var(--v-ocre)}.bdx-typecarnet.t-prune{background:var(--v-prune)}
.bdx-carnet{border-left:6px solid var(--v-pin)}.bdx-carnet.k-mer{border-left-color:var(--v-mer)}.bdx-carnet.k-ocre{border-left-color:var(--v-ocre)}.bdx-carnet.k-prune{border-left-color:var(--v-prune)}
.bdx .bdx-bloc>.bdx-outils:first-child .bdx-typecarnet{background:#fff;color:var(--catv);margin:0}
.bdx-detail-carnet .corps.conseil{padding-top:14px}.bdx-detail-carnet .corps.conseil .bdx-bloc{box-shadow:none}

.bdx-sc-opt.force{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--trait);cursor:default}.bdx-sc-opt.force:first-of-type{border-top:0}.bdx-sc-opt.force .piste{opacity:.55}
.bdx-barre .s-remise{border-left:2px solid #fff}
.bdx-barre-lib span{white-space:normal;max-width:100%}.bdx-barre-lib span b{white-space:nowrap}

/* ---------- localisations ---------- */
.bdx-locfiche{background:var(--papier);border:1px solid var(--trait);border-left:6px solid var(--v-pin);border-radius:var(--R);margin-bottom:12px;overflow:hidden}
.bdx .bdx-locfiche .tete{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;padding:16px 20px}.bdx .bdx-locfiche .tete:hover{background:var(--fond)}
.bdx-locfiche .tete .t{display:flex;flex-direction:column;min-width:0}.bdx-locfiche .tete .t b{font-size:1.08rem}.bdx-locfiche .tete .t span,.bdx-locfiche .tete .m span{font-size:.84rem;color:var(--encre2)}.bdx-locfiche .tete .m{display:flex;flex-direction:column;text-align:right}.bdx-locfiche .tete .m b{font-size:1.1rem}
.bdx-jauge.fine{height:5px;border-radius:0;margin:0}.bdx-locfiche .corps{padding:18px 20px 20px;border-top:1px solid var(--trait)}
.bdx-grille.dims{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.bdx-champ .avecu{display:flex;align-items:center;gap:8px}.bdx-champ .avecu em{font-style:normal;font-size:.86rem;color:var(--encre2);min-width:24px}
.bdx-metres{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.bdx-metres>div{background:var(--fond);border-radius:var(--r);padding:10px 14px;display:flex;flex-direction:column}.bdx-metres span{font-size:.8rem;color:var(--encre2)}.bdx-metres b{font-size:1.1rem}
.bdx-mini-prods{display:flex;flex-wrap:wrap;gap:10px}.bdx-mini-prods>div{display:flex;align-items:center;gap:10px;border:1px solid var(--trait);border-radius:var(--r);padding:6px 12px 6px 6px}.bdx-mini-prods img{width:44px;height:44px;object-fit:cover;border-radius:6px}.bdx-mini-prods span{display:flex;flex-direction:column;font-size:.88rem}.bdx-mini-prods em{font-style:normal;color:var(--encre2);font-size:.8rem}
.bdx-metre-ligne{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px 16px;align-items:end;padding:12px 14px;margin-bottom:12px;background:var(--prune-c);border-radius:var(--r)}.bdx-metre-ligne p{grid-column:1/-1;margin:0}
/* ---------- carnet figé : graphiques et scénario ---------- */
.bdx-regle.fige{position:static;padding:0 0 10px;border:0;background:none}.bdx-regle.fige .bdx-grad{margin-bottom:0}
.bdx-graf .l{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(0,2fr) auto;gap:12px;align-items:center;padding:6px 0;font-size:.9rem}.bdx-graf .n em{font-style:normal;color:var(--encre2)}
.bdx-graf .b{position:relative;height:16px;background:var(--fond);border-radius:4px;overflow:hidden}.bdx-graf .b i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.bdx-graf .b .v{background:#D9DDD8}.bdx-graf .b .r{background:var(--pin)}.bdx-graf .m{white-space:nowrap;color:var(--encre2);font-size:.84rem}.bdx-graf .m b{color:var(--encre);font-size:.92rem}
.bdx-sc-figes{display:grid;gap:6px}.bdx-sc-fige{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:9px 12px;border:1px solid var(--trait);border-radius:var(--r);color:var(--encre2)}.bdx-sc-fige em{grid-column:2/-1;font-style:normal;font-size:.8rem}
.bdx-sc-fige .cc{width:20px;height:20px;border-radius:6px;border:2px solid var(--trait2);background:var(--papier)!important;display:flex;align-items:center;justify-content:center;grid-row:span 2}
.bdx-sc-fige.on{color:var(--encre);background:var(--fond)}.bdx-sc-fige.on .cc{border-color:transparent;background:var(--pin)!important}.bdx-sc-fige.on .cc.p-Souhait{background:var(--olive)!important}.bdx-sc-fige.on .cc.p-Conseillé{background:var(--mer)!important}.bdx-sc-fige.on .cc.p-Proposé{background:var(--prune)!important}.bdx-sc-fige.on .cc.p-Optionnel{background:var(--ocre)!important}
.bdx-sc-fige.on .cc::after{content:"";width:9px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.bdx-sc-fige:not(.on) b{font-weight:500;text-decoration:line-through;text-decoration-color:var(--trait2)}
@media(max-width:760px){.bdx-graf .l{grid-template-columns:1fr auto}.bdx-graf .b{grid-column:1/-1;order:3}.bdx-metre-ligne{grid-template-columns:1fr}.bdx .bdx-locfiche .tete{grid-template-columns:16px minmax(0,1fr)}.bdx-locfiche .tete .m{grid-column:2;text-align:left;flex-direction:row;gap:8px;align-items:baseline}}
.bdx .bdx-prod .im .imb{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}.bdx .bdx-prod .im .imb img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- boîte à plans ---------- */
.bdx-plans{display:grid;gap:14px}
.bdx-plan{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:14px;transition:box-shadow .18s ease}.bdx-plan:hover{box-shadow:0 6px 18px rgba(27,38,34,.08)}.bdx-plan.cache{opacity:.7;border-style:dashed}
.bdx-plan .vis{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--fond)}.bdx .bdx-plan .imb{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}.bdx-plan .vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.bdx-plan:hover .vis img{transform:scale(1.03)}
.bdx-plan .pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;color:var(--v-pin);font-weight:800;letter-spacing:.06em}.bdx-plan .pdf .bdx-svg{width:46px;height:46px}
.bdx-plan .ind{position:absolute;top:8px;left:8px;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:var(--catv);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.bdx-plan .ind.petit,.bdx-plan .anc .ind{position:static;min-width:22px;height:22px;font-size:.74rem;background:var(--encre2);box-shadow:none;display:inline-flex}
.bdx-plan h3{font-size:1.12rem;font-weight:700}.bdx-plan .pied{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bdx-plan .form{margin-top:14px;padding-top:14px;border-top:1px solid var(--trait)}
.bdx-plan .anc{margin-top:12px;font-size:.9rem}.bdx-plan .anc summary{cursor:pointer;color:var(--encre2)}.bdx-plan .anc>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0}
@media(max-width:760px){.bdx-plan{grid-template-columns:1fr}}
.bdx-retour-l{margin:0 0 10px}.bdx .bdx-retour{background:var(--papier);border:1px solid var(--trait2);color:var(--encre)}.bdx .bdx-retour:hover{background:var(--catv);border-color:var(--catv);color:#fff}
@media print{.bdx-retour-l{display:none}}
.bdx-doc table.deuxcol td{vertical-align:top;padding:3mm 4mm}.bdx-doc table.deuxcol ul{margin:0;padding-left:4.5mm}.bdx-doc table.deuxcol li{margin-bottom:1.6mm}.bdx-doc table.deuxcol td:first-child{border-right:.4pt solid #bbb}
.bdx-doc .inclus{margin:3mm 0;padding:3mm 5mm;border-left:1.2mm solid #0B7A57;background:#F1F6F3;break-inside:avoid}.bdx-doc .inclus.non{border-left-color:#9AA39E;background:#F5F6F5}.bdx-doc .inclus h4{margin:0 0 2mm;font-size:10pt}.bdx-doc .inclus ul{margin:0;padding-left:4.5mm}.bdx-doc .inclus li{margin-bottom:1.4mm}
.bdx-doc table.comp td,.bdx-doc table.comp th{padding:2.2mm 3mm 2.2mm 0;vertical-align:top}.bdx-doc table.comp td:last-child,.bdx-doc table.comp th:last-child{background:#F1F6F3;padding-left:2.5mm}
.bdx-doc .inclus{break-inside:auto}.bdx-doc .inclus li{break-inside:avoid}.bdx-doc h3{break-after:avoid}

/* ---------- pilotage du client ---------- */
.bdx-pil-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:13px 0;border-top:1px solid var(--trait)}.bdx-pil-l:first-of-type{border-top:0}
.bdx-pil-l .t{display:flex;flex-direction:column;min-width:0}.bdx-pil-l .t .bdx-aide{max-width:none}.bdx-pil-l .e{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.bdx-pil-l .a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.bdx-pil-l .bdx-etatp{font-size:.84rem;padding:4px 12px}
.bdx-profils{display:grid;gap:8px}.bdx .bdx-profil-d{display:flex;flex-direction:column;gap:2px;text-align:left;padding:13px 16px;border:2px solid var(--trait);border-radius:var(--R);background:var(--papier);transition:border-color .15s ease,background-color .15s ease}.bdx .bdx-profil-d:hover{border-color:var(--encre2)}.bdx .bdx-profil-d span{font-size:.88rem;color:var(--encre2)}.bdx .bdx-profil-d.on{border-color:var(--catv);background:var(--fond)}.bdx .bdx-profil-d.on b::after{content:" — profil actuel";font-weight:500;color:var(--catv)}
.bdx .bdx-sc-opt[disabled]{opacity:.5;cursor:not-allowed}

/* ---------- synthèse graphique ---------- */
.bdx-chiffres{display:grid;gap:10px;margin-bottom:22px}.bdx-chiffres .c{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:center;background:var(--papier);border:1px solid var(--trait);border-left:6px solid var(--trait2);border-radius:var(--R);padding:14px 20px}
.bdx-chiffres .c span{font-size:.95rem;color:var(--encre2)}.bdx-chiffres .c b{font-size:1.5rem;grid-row:span 2;text-align:right}.bdx-chiffres .c em{font-style:normal;font-size:.82rem;color:var(--encre2)}
.bdx-chiffres .c.principal{border-left-color:var(--v-pin);background:var(--pin-c)}.bdx-chiffres .c.principal b{font-size:2.1rem;color:var(--pin)}.bdx-chiffres .c.principal span{color:var(--encre);font-weight:600}
.bdx-chiffres .c.bien{border-left-color:var(--olive)}.bdx-chiffres .c.bien b{color:#4E5B22}.bdx-chiffres .c.alerte{border-left-color:var(--alerte)}.bdx-chiffres .c.alerte b{color:var(--alerte)}
.bdx-cascade .e,.bdx-cascade .bud{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(0,3fr) minmax(90px,auto);gap:14px;align-items:center;padding:7px 0}
.bdx-cascade .n{font-size:.95rem}.bdx-cascade .m{text-align:right;font-weight:600;white-space:nowrap}.bdx-cascade .b{position:relative;height:30px;background:var(--fond);border-radius:6px}
.bdx-cascade .b i{position:absolute;top:0;bottom:0;border-radius:6px;transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}.bdx-cascade .b i.plein{background:#9DB5A8}.bdx-cascade .b i.final{background:var(--pin)}
.bdx-cascade .b u{position:absolute;top:-7px;bottom:-7px;width:2px;background:var(--alerte);text-decoration:none;z-index:2}
.bdx-cascade .e.final .n,.bdx-cascade .e.final .m{font-weight:700;font-size:1.08rem}.bdx-cascade .e.final{border-top:2px solid var(--encre);margin-top:6px;padding-top:12px}.bdx-cascade .e:not(.plein):not(.final) .m{color:#5F6E2C}
.bdx-cascade .bud{padding:0}.bdx-cascade .bud .b{height:20px;background:none}.bdx-cascade .bud em{position:absolute;top:2px;transform:translateX(-50%);font-style:normal;font-size:.76rem;font-weight:700;color:var(--alerte);white-space:nowrap}
.bdx-anneau{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center}.bdx-anneau svg{width:200px;height:200px}.bdx-anneau circle{transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}
.bdx-anneau .t1{font-size:15px;font-weight:700;fill:var(--encre);font-variant-numeric:tabular-nums}.bdx-anneau .t2{font-size:9px;fill:var(--encre2)}
.bdx-anneau .lg>div{display:grid;grid-template-columns:16px minmax(0,1fr) auto 48px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--trait)}.bdx-anneau .lg>div:first-child{border-top:0}.bdx-anneau .lg i{width:14px;height:14px;border-radius:4px}.bdx-anneau .lg em{font-style:normal;color:var(--encre2);text-align:right;font-size:.88rem}
.bdx-graf.top .l{grid-template-columns:minmax(160px,1.6fr) minmax(0,2fr) auto}.bdx-graf .b{height:18px}
@media(max-width:760px){.bdx-anneau{grid-template-columns:1fr;justify-items:center}.bdx-anneau .lg{width:100%}.bdx-cascade .e,.bdx-cascade .bud{grid-template-columns:1fr auto}.bdx-cascade .b{grid-column:1/-1;order:3;height:24px}.bdx-cascade .bud span:first-child,.bdx-cascade .bud span:last-child{display:none}.bdx-chiffres .c.principal b{font-size:1.7rem}.bdx-graf.top .l{grid-template-columns:1fr auto}}

/* ---------- shopping list : ensembles et pièces dépliables ---------- */
.bdx-shopens{margin-bottom:16px;border-radius:var(--R);background:var(--papier);border:1px solid var(--trait);overflow:hidden}
.bdx-shopens>summary,.bdx-shoploc>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 16px;align-items:center;cursor:pointer;list-style:none;padding:14px 20px}.bdx-shopens>summary::-webkit-details-marker,.bdx-shoploc>summary::-webkit-details-marker{display:none}
.bdx-shopens>summary{background:var(--catv);color:#fff}.bdx-shopens>summary .t{display:flex;flex-direction:column}.bdx-shopens>summary .t b{font-size:1.12rem;text-transform:uppercase;letter-spacing:.05em}.bdx-shopens>summary .t b::before{content:"▸ ";display:inline-block}.bdx-shopens[open]>summary .t b::before{content:"▾ "}.bdx-shopens>summary .t span{font-size:.84rem;opacity:.9}.bdx-shopens>summary .m{font-weight:700;font-size:1.05rem}.bdx-shopens>summary .bdx-etatp{background:rgba(255,255,255,.92)}
.bdx-shopens>.corps{padding:14px 14px 4px}
.bdx-shoploc{margin-bottom:12px;border:1px solid var(--trait);border-left:6px solid var(--catv);border-radius:var(--R);background:var(--papier);overflow:hidden}.bdx-shoploc>summary{background:var(--cat-c)}.bdx-shoploc>summary .t{display:flex;flex-direction:column}.bdx-shoploc>summary .t b{font-size:1.04rem}.bdx-shoploc>summary .t b::before{content:"▸ ";color:var(--catv)}.bdx-shoploc[open]>summary .t b::before{content:"▾ "}.bdx-shoploc>summary .m{font-weight:700}
.bdx-shoploc>.bdx-poste{padding:16px 20px 6px;margin:0;border-top:1px solid var(--trait)}.bdx-shoploc>.bdx-poste:first-of-type{border-top:0}
@media(max-width:760px){.bdx-shopens>summary,.bdx-shoploc>summary{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.bdx-shopens>summary .m,.bdx-shoploc>summary .m{grid-column:1/-1}.bdx-shopens>.corps{padding:10px 8px 2px}}

/* ---------- boîte à plans : versions et carnet lié ---------- */
.bdx-plan .versions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.bdx .bdx-plan .versions .v{display:inline-flex;align-items:baseline;gap:5px;min-width:34px;justify-content:center;padding:5px 11px;border-radius:99px;border:1px solid var(--trait2);font-weight:700;font-size:.86rem;background:var(--papier)}.bdx .bdx-plan .versions .v em{font-style:normal;font-weight:500;font-size:.72rem;color:var(--encre2)}
.bdx .bdx-plan .versions .v:hover{border-color:var(--catv)}.bdx .bdx-plan .versions .v.sel{background:var(--catv);border-color:var(--catv);color:#fff}.bdx .bdx-plan .versions .v.sel em{color:rgba(255,255,255,.85)}
.bdx-plan.ancienne{border-style:dashed;background:#FAFBF9}.bdx-plan.ancienne .vis img{filter:grayscale(.55)}.bdx-plan.ancienne .ind{background:var(--encre2)}.bdx-plan .vieux{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;background:rgba(27,38,34,.78);color:#fff;font-size:.76rem;font-weight:700;text-align:center;letter-spacing:.04em}
.bdx .bdx-plan .lien-carnet{display:inline-flex;align-items:center;gap:6px;margin-top:6px;background:var(--mer-c);color:var(--mer);font-weight:600}.bdx .bdx-plan .lien-carnet .bdx-svg{width:14px;height:14px}.bdx .bdx-plan .lien-carnet:hover{background:var(--mer);color:#fff}
.bdx-vignettes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.bdx .bdx-vignettes .vg{display:flex;flex-direction:column;text-align:left;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;background:var(--papier);padding:0}.bdx-vignettes .vg img,.bdx-vignettes .vg i{width:100%;aspect-ratio:4/3;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--fond);color:var(--v-pin)}.bdx-vignettes .vg i .bdx-svg{width:38px;height:38px}
.bdx-vignettes .vg span{display:flex;flex-direction:column;padding:8px 10px}.bdx-vignettes .vg em{font-style:normal;font-size:.8rem;color:var(--encre2)}
.bdx .bdx-plan .lien-carnet{font-size:.82rem;padding:4px 12px;border-radius:99px;width:max-content;max-width:100%}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-plan .lien-carnet{min-height:34px;padding:7px 14px}.bdx .bdx-plan .versions .v{min-height:34px;padding:7px 13px}}

/* ---------- pièces du marché ---------- */
.bdx-cctp-sec{margin-top:14px;border:1px solid var(--trait);border-radius:var(--r);padding:10px 14px;background:var(--fond)}.bdx-cctp-sec summary{cursor:pointer}
.bdx-doc .garde{display:flex;flex-direction:column;justify-content:center;min-height:240mm}.bdx-doc .garde table td{padding:3mm 2mm;vertical-align:top;border-top:.4pt solid #bbb}.bdx-doc h4{margin:5mm 0 1.5mm;font-size:10pt}.bdx-doc section.page p{margin:0 0 2.5mm}

/* ---------- localisation du projet ---------- */
.bdx-carte-projet{border-radius:var(--r);overflow:hidden;border:1px solid var(--trait);background:var(--fond)}.bdx-carte-projet iframe{display:block;width:100%;height:460px;border:0}
.bdx a.bdx-affaire{text-decoration:none;color:inherit}.bdx a.bdx-affaire:hover b{text-decoration:underline}
@media(max-width:760px){.bdx-carte-projet iframe{height:340px}}@media print{.bdx-carte-projet iframe{height:120mm}}

/* =====================================================================
   FLUIDITÉ : fondus, entrées en cascade, retours visuels, pédagogie
   ===================================================================== */
html{scroll-behavior:smooth}
@keyframes bdx-fondu-haut{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bdx-fondu-simple{from{opacity:0}to{opacity:1}}
@keyframes bdx-pousse{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bdx-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes bdx-arc{from{stroke-dasharray:0 999}}
@keyframes bdx-balance{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}}
/* entrée de page : les blocs arrivent l'un après l'autre */
.bdx-vue.entre{animation:none}
.bdx-vue.entre>*{animation:bdx-fondu-haut .5s cubic-bezier(.2,.8,.2,1) both}
.bdx-vue.entre>*:nth-child(1){animation-delay:0s}.bdx-vue.entre>*:nth-child(2){animation-delay:.05s}.bdx-vue.entre>*:nth-child(3){animation-delay:.1s}.bdx-vue.entre>*:nth-child(4){animation-delay:.15s}.bdx-vue.entre>*:nth-child(5){animation-delay:.2s}.bdx-vue.entre>*:nth-child(6){animation-delay:.25s}.bdx-vue.entre>*:nth-child(7){animation-delay:.3s}.bdx-vue.entre>*:nth-child(n+8){animation-delay:.34s}
.bdx-vue.entre .bdx-fil .bdx-svg.grand{animation:bdx-pop .55s .12s cubic-bezier(.2,.8,.2,1) both}
/* les jauges et les barres se remplissent en arrivant */
.bdx-vue.entre .bdx-jauge i,.bdx-vue.entre .bdx-graf .b i,.bdx-vue.entre .bdx-cascade .b i{transform-origin:left center;animation:bdx-pousse .8s .25s cubic-bezier(.2,.8,.2,1) both}
.bdx-vue.entre .bdx-anneau circle[stroke-dasharray],.bdx-vue.entre .bdx-avance .arc{animation:bdx-arc 1s .2s cubic-bezier(.2,.8,.2,1) both}
/* ce qui se déplie apparaît en fondu */
.bdx details[open]>*:not(summary){animation:bdx-fondu-haut .3s ease both}
.bdx-rdv .form,.bdx-ent .form,.bdx-plan .form,.bdx-fiche-an .form,.bdx-locfiche .corps,.bdx-frise-detail{animation:bdx-fondu-haut .28s ease both}
/* retours au geste */
.bdx .bdx-bloc{transition:box-shadow .2s ease,transform .2s ease}
.bdx .bdx-btn{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.bdx .bdx-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(27,38,34,.12)}.bdx .bdx-btn:active{transform:translateY(0) scale(.97);box-shadow:none}
.bdx .bdx-nav button[role=tab]{transition:background-color .15s ease,color .15s ease,padding-left .15s ease}.bdx .bdx-nav button[role=tab]:hover:not([aria-selected=true]){padding-left:18px}
.bdx .bdx-nav .tg{transition:filter .15s ease,transform .12s ease}.bdx .bdx-nav .tg:active{transform:scale(.98)}
.bdx input[type=checkbox]:checked{animation:bdx-pop .25s ease}
.bdx .bdx-todo-bloc .it,.bdx .bdx-carte,.bdx .bdx-affaire,.bdx .bdx-pil-l{transition:background-color .15s ease,transform .15s ease}
.bdx-etatp{transition:background-color .2s ease,color .2s ease}
.bdx-prod,.bdx-plan,.bdx-ent,.bdx-rdv,.bdx-fiche-an,.bdx-locfiche,.bdx-carnet,.bdx-devis{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.bdx-prod:hover,.bdx-ent:hover,.bdx-rdv:hover,.bdx-carnet:hover{box-shadow:0 8px 22px rgba(27,38,34,.09);transform:translateY(-2px)}
/* fenêtres et messages */
.bdx-modale{animation:bdx-fondu-simple .2s ease both;backdrop-filter:blur(3px)}.bdx-modale .boite{animation:bdx-pop .3s cubic-bezier(.2,.8,.2,1) both}
.bdx-toast{display:flex;align-items:center;gap:10px}.bdx-toast .ti{flex:none;width:22px;height:22px;display:inline-flex}.bdx-toast .ti svg{width:22px;height:22px;fill:none;stroke:#8FE0BD;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:bdx-pop .4s ease both}.bdx-toast.err .ti svg{stroke:#fff}
/* pédagogie : la phrase sous le titre */
.bdx-astuce{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:-10px 0 24px;padding:12px 16px;border-radius:var(--R);background:color-mix(in srgb,var(--catv) 9%,#fff);border:1px solid color-mix(in srgb,var(--catv) 25%,transparent);font-size:.98rem}
.bdx-astuce>.bdx-svg{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--catv);color:#fff;animation:bdx-balance 1.2s .5s ease both}
.bdx .bdx-astuce button{font-size:.8rem;color:var(--encre2);text-decoration:underline;text-underline-offset:3px;padding:6px}.bdx .bdx-astuce button:hover{color:var(--encre)}
.bdx .bdx-astuce-mini{display:inline-flex;align-items:center;gap:6px;margin:-12px 0 20px;padding:5px 12px;border-radius:99px;font-size:.82rem;font-weight:600;color:var(--catv);background:color-mix(in srgb,var(--catv) 10%,#fff)}.bdx .bdx-astuce-mini .bdx-svg{width:15px;height:15px}
/* icônes dans les contenus */
.bdx-vide.deco{display:flex;flex-direction:column;align-items:center;gap:12px;padding:38px 24px}.bdx-vide .rond{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--catv) 12%,#fff);color:var(--catv)}.bdx-vide .rond .bdx-svg{width:30px;height:30px}.bdx-vue.entre .bdx-vide .rond{animation:bdx-pop .5s .2s ease both}
.bdx-msg.deco{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.bdx-msg .ic{color:#A87614;line-height:0;padding-top:2px}.bdx-msg .ic .bdx-svg{width:20px;height:20px}
.bdx-phrase.deco{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.bdx-phrase .ic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cat-c);color:var(--catv)}.bdx-phrase .ic .bdx-svg{width:18px;height:18px}
/* l'anneau d'avancement du client */
.bdx-avance{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;background:var(--papier);border:1px solid var(--trait);border-radius:var(--R);padding:16px 22px;margin:0 0 26px}
.bdx-avance svg{width:96px;height:96px}.bdx-avance text{font-size:17px;font-weight:800;fill:var(--encre);font-variant-numeric:tabular-nums}.bdx-avance b{display:block;font-size:1.2rem;margin-bottom:2px}.bdx-avance span{color:var(--encre2);font-size:.95rem}
.bdx-avance.bravo{background:var(--pin-c);border-color:transparent}.bdx-avance.bravo b{color:var(--pin)}.bdx-avance .arc{transition:stroke-dasharray .8s cubic-bezier(.2,.8,.2,1)}
@media(max-width:760px){.bdx-astuce{grid-template-columns:auto minmax(0,1fr)}.bdx-astuce button{grid-column:2;justify-self:start;padding:0}.bdx-avance{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px 16px}.bdx-avance svg{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bdx-vue.entre>*,.bdx-astuce>.bdx-svg,.bdx-toast .ti svg{animation:none!important}}
@media print{.bdx-astuce,.bdx-astuce-mini,.bdx-avance{display:none}}
/* l'icône se place à côté du texte sans le découper */
.bdx-phrase.deco,.bdx-msg.deco{display:block;position:relative}.bdx-phrase.deco{padding-left:66px;min-height:66px}.bdx-phrase .ic{position:absolute;left:18px;top:16px}
.bdx-msg.deco{padding-left:46px}.bdx-msg .ic{position:absolute;left:16px;top:14px;padding:0}
.bdx-msg.deco[style*="display:flex"]{display:flex!important}
@media(max-width:760px){.bdx-phrase.deco{padding-left:58px}.bdx-phrase .ic{left:14px}}

/* ---------- temps et actions ---------- */
.bdx-chrono .aff{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}.bdx-chrono .aff>b{font-size:2.4rem;font-weight:800;color:var(--v-prune);min-width:150px}.bdx-chrono .aff>span{display:flex;flex-direction:column;flex:1;min-width:200px}.bdx-chrono .aff em{font-style:normal;font-size:.84rem;color:var(--encre2)}
.bdx-chrono.actif{box-shadow:0 0 0 3px color-mix(in srgb,var(--v-prune) 35%,transparent)}
.bdx-graf.temps .b .r{background:var(--pin)}.bdx-graf.temps .b .r.trop{background:var(--alerte)}.bdx-graf.temps .m .bas{color:var(--alerte);font-weight:700}.bdx-graf.temps .m .haut{color:#4E5B22;font-weight:700}
.bdx-action{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--trait)}.bdx-action:first-of-type{border-top:0}.bdx-action .t{display:flex;flex-direction:column;min-width:0}.bdx-action .d{color:var(--encre2);font-size:.86rem}.bdx-action .m{font-weight:700;white-space:nowrap}.bdx-action.auto b{font-weight:500}
.bdx .bdx-chip.mini{padding:3px 10px 3px 6px;font-size:.76rem}
.bdx-actions-carnet{margin-top:14px;padding:12px 16px;border-left:5px solid var(--v-mer);background:var(--mer-c);border-radius:0 var(--r) var(--r) 0}.bdx-actions-carnet>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;padding:4px 0;font-size:.93rem}.bdx-actions-carnet .num{color:var(--encre2)}.bdx-actions-carnet em{font-style:normal;color:var(--encre2);font-size:.82rem;margin-left:6px}
@media(max-width:760px){.bdx-action{grid-template-columns:70px minmax(0,1fr) auto}.bdx-action .bdx-chip,.bdx-action .bdx-ico{grid-row:2}.bdx-chrono .aff>b{font-size:1.9rem}}

/* ---------- assistant ---------- */
.bdx.bdx-assist-btn{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:12px 20px 12px 16px;border-radius:99px;background:var(--v-prune);color:#fff;font-weight:700;font-size:.95rem;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(74,28,72,.35);transition:transform .15s ease,box-shadow .15s ease;animation:bdx-pop .45s ease both}
.bdx.bdx-assist-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(74,28,72,.42)}.bdx.bdx-assist-btn:active{transform:scale(.97)}.bdx.bdx-assist-btn .bdx-svg{width:20px;height:20px}
.bdx-assist .ex{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.bdx .bdx-assist .ex button{font-size:.8rem;padding:5px 12px;border-radius:99px;background:var(--prune-c);color:var(--prune);text-align:left}.bdx .bdx-assist .ex button:hover{background:var(--v-prune);color:#fff}
.bdx-assist .bdx-histo .l{gap:10px;align-items:flex-start}.bdx-assist textarea{width:100%}
@media(max-width:760px){.bdx.bdx-assist-btn{right:12px;bottom:76px;padding:11px 14px}.bdx.bdx-assist-btn span{display:none}}@media print{.bdx-assist-btn{display:none!important}}
.bdx.bdx-assist-btn{width:auto!important;height:auto!important;min-height:0!important;max-width:none;left:auto;top:auto;margin:0;line-height:1.2}
.bdx.bdx-assist .ex button{font-size:.8rem;padding:6px 13px;border-radius:99px;background:var(--prune-c);color:var(--prune);text-align:left;font-weight:600}.bdx.bdx-assist .ex button:hover{background:var(--v-prune);color:#fff}

/* ---------- cartes à calques (IGN) ---------- */
.bdx-carte-projet.couches{position:relative;width:100%;background:#DDE3DE}.bdx-carte-projet.couches img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.bdx-carte-projet.couches .calque{mix-blend-mode:multiply;transition:opacity .2s ease}
.bdx-carte-projet .repere{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-26px 0 0 -13px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--alerte);border:3px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.4)}.bdx-carte-projet .repere::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
.bdx-carte-projet .panne-msg{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--encre2)}.bdx-carte-projet.panne .panne-msg{display:flex}.bdx-carte-projet.panne img,.bdx-carte-projet.panne .repere{display:none}


/* =====================================================================
   DENSITÉ : des lignes fines plutôt que de gros blocs, moins de défilement
   ===================================================================== */
/* lignes du scénario */
.bdx .bdx-scl{display:grid;grid-template-columns:34px minmax(120px,auto) minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;padding:6px 4px;border-top:1px solid var(--trait);min-height:36px;font-size:.95rem;transition:background-color .12s ease}
.bdx .bdx-scl:hover{background:var(--fond)}.bdx-scl.fixe{cursor:default}.bdx-scl.fixe:hover{background:none}
.bdx-scl .d{color:var(--encre2);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdx-scl .m{font-weight:700;white-space:nowrap}.bdx-scl:not(.on) .m,.bdx-scl:not(.on) b{color:var(--encre2);font-weight:500}
.bdx-scl .piste{width:34px;height:20px;border-radius:99px;background:#C8CEC9;position:relative;transition:background-color .18s ease}.bdx-scl .piste::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .18s ease}.bdx-scl.on .piste{background:var(--catv)}.bdx-scl.on .piste::after{transform:translateX(14px)}.bdx-scl.fixe .piste{opacity:.55}
.bdx-scl .cc{width:20px;height:20px;border-radius:6px;border:2px solid var(--trait2);background:var(--papier)!important;display:flex;align-items:center;justify-content:center;justify-self:center}
.bdx-scl.on .cc{border-color:transparent}.bdx-scl.on .cc.p-Besoin{background:var(--pin)!important}.bdx-scl.on .cc.p-Souhait{background:var(--olive)!important}.bdx-scl.on .cc.p-Conseillé{background:var(--mer)!important}.bdx-scl.on .cc.p-Proposé{background:var(--prune)!important}.bdx-scl.on .cc.p-Optionnel{background:var(--ocre)!important}
.bdx-scl.on .cc::after{content:"";width:9px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.bdx-verrou .bdx-scl,.bdx.lecture .bdx-scl{pointer-events:none;opacity:.7}
.bdx .bdx-bloc.serre h4{margin:14px 0 2px;font-size:.8rem;padding:2px 10px}.bdx .bdx-bloc.serre h4:first-of-type{margin-top:0}.bdx-bloc.serre .bdx-casc td{padding:5px 0}
@media(max-width:760px){.bdx .bdx-scl{grid-template-columns:34px minmax(0,1fr) auto}.bdx-scl .d{display:none}}

@media(min-width:761px){
/* cadre général */
.bdx-vue{padding-top:14px}.bdx-retour-l{margin-bottom:6px}.bdx .bdx-retour{padding:4px 12px 4px 6px;font-size:.84rem}
.bdx-fil{padding:9px 16px;margin-bottom:12px;border-radius:14px;flex-direction:row;align-items:center;gap:12px}.bdx .bdx-fil h1{font-size:1.18rem}.bdx-fil .cat{order:2;margin-left:auto;padding:3px 12px;font-size:.68rem}.bdx-fil .bdx-svg.grand{width:30px;height:30px;padding:6px;margin-right:10px}
.bdx-astuce{margin:0 0 12px;padding:6px 12px;font-size:.88rem;gap:10px}.bdx-astuce>.bdx-svg{width:24px;height:24px;padding:5px}.bdx .bdx-astuce-mini{margin:-4px 0 10px}
.bdx-phrase,.bdx-phrase.deco{padding-top:9px;padding-bottom:9px;font-size:.96rem;margin-bottom:12px;min-height:0}.bdx-phrase.deco{padding-left:52px}.bdx-phrase .ic{width:26px;height:26px;top:9px;left:14px}.bdx-phrase .ic .bdx-svg{width:14px;height:14px}
.bdx-msg{padding-top:8px;padding-bottom:8px;margin-bottom:12px;font-size:.92rem}
/* blocs et titres */
.bdx-bloc{padding:14px 18px;margin-bottom:12px}.bdx-duo>*,.bdx-duo>div>.bdx-bloc{margin-bottom:12px}
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child,.bdx details.bdx-bloc>summary{margin:-14px -18px 12px!important;padding:7px 18px!important}.bdx details.bdx-bloc:not([open])>summary{margin-bottom:-14px!important}
.bdx .bdx-bloc>h3,.bdx .bdx-bloc>.bdx-outils:first-child>h3{font-size:1rem}.bdx .bdx-bloc>h3>.bdx-svg,.bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg{width:24px;height:24px;padding:5px;margin-right:9px}
.bdx .bdx-vue h2{font-size:.86rem;padding:5px 16px 5px 12px;margin:18px 0 8px}.bdx .bdx-vue h2::before{width:7px;height:7px}.bdx-ens-titre{margin:18px 0 8px}
.bdx .bdx-vue h4{font-size:.84rem;padding:3px 11px;margin-bottom:6px}
.bdx-outils{margin-bottom:10px;gap:8px}.bdx-aide{font-size:.84rem}
/* formulaires */
.bdx-grille{gap:10px 14px}.bdx .bdx-champ>span{margin-bottom:3px;font-size:.82rem}.bdx input[type=text],.bdx input[type=date],.bdx input[type=time],.bdx input[type=email],.bdx input[type=tel],.bdx input[type=search],.bdx input[type=password],.bdx select{padding-top:6px;padding-bottom:6px}.bdx textarea{padding-top:6px;padding-bottom:6px}
.bdx .bdx-btn{padding-top:7px;padding-bottom:7px}.bdx .bdx-btn.petit{padding-top:4px;padding-bottom:4px}
.bdx-coche{padding:3px 0}
/* listes en lignes fines */
.bdx-kpis{padding:2px 16px;margin-bottom:12px}.bdx-kpi{padding:7px 0 7px 14px}.bdx-kpi::before{top:8px;bottom:8px;width:4px}.bdx-kpi .l{font-size:.9rem}.bdx-kpi .v{font-size:1.08rem}
.bdx-chiffres{gap:6px;margin-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.bdx-chiffres .c{padding:7px 14px;border-left-width:5px}.bdx-chiffres .c b{font-size:1.15rem}.bdx-chiffres .c.principal{grid-column:1/-1}.bdx-chiffres .c.principal b{font-size:1.5rem}.bdx-chiffres .c span{font-size:.86rem}.bdx-chiffres .c em{font-size:.76rem}
.bdx-pil-l{padding:6px 0;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px}.bdx-pil-l .a{grid-column:auto;justify-content:flex-end}.bdx-pil-l .t .bdx-aide{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdx-urg{padding:5px 0}.bdx .bdx-affaire{padding:6px 0}.bdx-action{padding:5px 0}.bdx-etape{padding:2px 0}.bdx-evl{padding:4px 0}.bdx-gesteaide{padding:4px 0}
.bdx-cartes{gap:6px}.bdx .bdx-carte{padding:7px 14px 7px 58px}.bdx-carte .l .bdx-svg{width:34px;height:34px;padding:8px;left:14px}.bdx-carte .v{font-size:1rem}
.bdx-todo-bloc{padding:10px 14px;margin-bottom:10px}.bdx-todo-bloc .it{padding:6px 0}
.bdx-casc td{padding:6px 0}.bdx-rep td{padding:4px 6px}.bdx-tab.compact td{padding:4px 8px}
.bdx-graf .l{padding:2px 0;font-size:.86rem}.bdx-graf .b{height:12px}.bdx-cascade .e,.bdx-cascade .bud{padding:3px 0}.bdx-cascade .b{height:18px}.bdx-cascade .e.final{padding-top:7px;margin-top:3px}
.bdx-anneau{grid-template-columns:140px minmax(0,1fr);gap:18px}.bdx-anneau svg{width:140px;height:140px}.bdx-anneau .lg>div{padding:4px 0}
.bdx-avance{padding:8px 16px;margin-bottom:12px;grid-template-columns:64px minmax(0,1fr);gap:14px}.bdx-avance svg{width:64px;height:64px}.bdx-avance b{font-size:1.02rem}.bdx-avance span{font-size:.88rem}
/* fiches */
.bdx-devis{padding:8px 0 8px 12px;gap:4px 14px}.bdx-rdv{padding:10px 14px;margin-bottom:8px;gap:14px;grid-template-columns:62px minmax(0,1fr)}.bdx-rdv .quand{padding:6px 2px}.bdx-rdv .quand b{font-size:1.3rem}.bdx-rdv .pied{margin-top:6px}
.bdx-ent,.bdx-fiche-an{padding:10px 16px;margin-bottom:8px}.bdx-fiche-an .coord{margin-top:6px;gap:1px;font-size:.9rem}.bdx-avatar.grand{width:44px;height:44px;font-size:1rem;margin-right:12px}.bdx-fiche-an .coord{margin-left:56px}
.bdx-plan{grid-template-columns:150px minmax(0,1fr);gap:14px;padding:9px}.bdx-plans{gap:8px}.bdx-plan .pied{margin-top:6px}.bdx-plan h3{font-size:1rem}
.bdx .bdx-locfiche .tete{padding:8px 16px}.bdx-locfiche{margin-bottom:6px}.bdx-locfiche .tete .t b{font-size:1rem}.bdx-locfiche .corps{padding:12px 16px 14px}
.bdx-shopens>summary,.bdx-shoploc>summary{padding:7px 16px}.bdx-shoploc{margin-bottom:6px}.bdx-shopens{margin-bottom:10px}.bdx-shopens>.corps{padding:8px 8px 2px}.bdx-shoploc>.bdx-poste{padding:10px 16px 4px}
.bdx-carnet{padding:12px 16px;margin-bottom:10px}.bdx-ech{padding:12px 16px;margin-bottom:10px}.bdx-ech .bdx-etatp.ty{font-size:.9rem;padding:4px 12px 4px 9px}.bdx-ech .bdx-etatp.ty .bdx-svg{width:16px;height:16px}.bdx-ech .tete{margin-bottom:6px}
.bdx-item{padding-top:8px;padding-bottom:8px;row-gap:6px}.bdx .bdx-loc>summary{padding:7px 16px}
.bdx-frise-bloc .ou{font-size:.96rem;margin-bottom:10px}.bdx-frise-ph .barre{height:16px;margin-bottom:3px}.bdx-frise-detail{padding:10px 14px;margin-top:10px}
.bdx-vide.deco{padding:16px;gap:8px;flex-direction:row;justify-content:center}.bdx-vide .rond{width:40px;height:40px}.bdx-vide .rond .bdx-svg{width:20px;height:20px}
.bdx-carte-projet iframe{height:400px}
/* menu */
.bdx .bdx-nav button[role=tab]{padding-top:5px;padding-bottom:5px;font-size:.9rem}.bdx .bdx-nav .tg{padding:6px 14px;font-size:.86rem;margin:1px 0 2px}.bdx-nav .grp.ouvert{margin-top:4px;padding-bottom:3px}
/* bandeau du haut */
.bdx-barre.haute{height:20px}.bdx-barre i em{font-size:.7rem}.bdx-barre-lib{font-size:.76rem;margin:4px 0 0;gap:2px 14px}.bdx-grad{font-size:.66rem}.bdx-scbar.ligne{padding-top:4px}
}
@media(min-width:761px){
.bdx-top{padding-top:10px;padding-bottom:6px}.bdx .bdx-titre{font-size:1.3rem;line-height:1.2}.bdx-sous{font-size:.84rem}.bdx-regle{padding-top:4px;padding-bottom:6px}.bdx-prix{font-size:1.55rem}.bdx-regle .bdx-ligne1,.bdx-regle>div:first-child{margin-bottom:4px}
}


/* =====================================================================
   OUVERTURE ET FERMETURE EN GLISSEMENT
   ===================================================================== */
/* menu : les parties se déroulent et s'enroulent */
.bdx-nav .grp .items{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .34s cubic-bezier(.3,.7,.2,1),opacity .24s ease,visibility 0s linear .34s}
.bdx-nav .grp .items>.in{overflow:hidden;min-height:0}
.bdx-nav .grp.ouvert .items{grid-template-rows:1fr;visibility:visible;opacity:1;transition:grid-template-rows .34s cubic-bezier(.3,.7,.2,1),opacity .3s ease .05s,visibility 0s}
.bdx-nav .grp.ouvert .tg .bdx-cpt{display:none}
.bdx-nav .grp{transition:background-color .3s ease,padding .3s ease,margin .3s ease}
.bdx .bdx-nav .tg::before{display:inline-block;transition:transform .3s cubic-bezier(.3,.7,.2,1)}
/* blocs dépliables : le contenu glisse (navigateurs récents ; ailleurs, l'ouverture reste instantanée) */
@supports (interpolate-size:allow-keywords){
  .bdx{interpolate-size:allow-keywords}
  .bdx details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .36s cubic-bezier(.3,.7,.2,1),opacity .26s ease,content-visibility .36s allow-discrete}
  .bdx details[open]::details-content{block-size:auto;opacity:1}
  .bdx details[open]>*:not(summary){animation:none}
}
/* ce qui s'ouvre par un bouton (fiches, formulaires, versions) se déroule */
@keyframes bdx-deroule{from{opacity:0;max-height:0;transform:translateY(-6px)}to{opacity:1;max-height:1600px;transform:none}}
.bdx-rdv .form,.bdx-ent .form,.bdx-plan .form,.bdx-fiche-an .form,.bdx-locfiche .corps,.bdx-frise-detail,.bdx-tab tr.detail>td>div{animation:bdx-deroule .42s cubic-bezier(.3,.7,.2,1) both;overflow:hidden}
@media(prefers-reduced-motion:reduce){.bdx-nav .grp .items,.bdx details::details-content{transition:none!important}.bdx-rdv .form,.bdx-ent .form,.bdx-plan .form,.bdx-fiche-an .form,.bdx-locfiche .corps,.bdx-frise-detail{animation:none!important}}


/* ---------- bulle d'échanges : un panneau qui glisse, la page reste en place ---------- */
@keyframes bdx-panneau{from{transform:translateX(104%)}to{transform:none}}@keyframes bdx-panneau-bas{from{transform:translateY(104%)}to{transform:none}}
.bdx-bulle{position:fixed;inset:0;z-index:70;pointer-events:none}.bdx-bulle .fond{position:absolute;inset:0;background:rgba(27,38,34,.18);pointer-events:auto;animation:bdx-fondu-simple .25s ease both}
.bdx-bulle .panneau{position:absolute;top:0;right:0;bottom:0;width:min(460px,94vw);display:flex;flex-direction:column;background:var(--fond);box-shadow:-12px 0 36px rgba(27,38,34,.22);pointer-events:auto;animation:bdx-panneau .34s cubic-bezier(.3,.7,.2,1) both}.bdx-bulle .panneau.deja{animation:none}
.bdx-bulle.sort .panneau{transition:transform .25s ease;transform:translateX(104%)}.bdx-bulle.sort .fond{transition:opacity .25s ease;opacity:0}
.bdx-bulle header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--v-mer);color:#fff}.bdx-bulle header>div{flex:1;min-width:0;display:flex;flex-direction:column}.bdx-bulle header b{font-size:1.04rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdx-bulle header .bdx-aide{color:rgba(255,255,255,.85);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.bdx .bdx-bulle header .bdx-ico{color:#fff;font-size:1.4rem}
.bdx-bulle .corps{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bdx-bulle .corps .bdx-ech{margin:0;padding:10px 12px}.bdx-bulle .corps .rien{text-align:center;padding:24px 8px}
.bdx-bulle .corps .bdx-ech .tete .bdx-tag,.bdx-bulle .corps .bdx-ech .lien{display:none}
.bdx-bulle .nouv{padding:10px 14px 12px;background:var(--papier);border-top:1px solid var(--trait);display:flex;flex-direction:column;gap:6px}.bdx .bdx-bulle .nouv h4{margin:0 0 2px;align-self:flex-start}.bdx-bulle .nouv .l2{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.bdx-bulle .nouv select{width:auto}
.bdx-bulle footer{padding:8px 14px;background:var(--papier);border-top:1px solid var(--trait);text-align:center;font-size:.86rem}
@media(max-width:760px){.bdx-bulle .panneau{top:auto;left:0;width:100%;max-height:86vh;border-radius:16px 16px 0 0;animation-name:bdx-panneau-bas}.bdx-bulle.sort .panneau{transform:translateY(104%)}.bdx-bulle header{border-radius:16px 16px 0 0}}
@media print{.bdx-bulle{display:none}}
/* sur ordinateur, la bulle ne bloque pas la page : on peut continuer à lire, cliquer, changer d'onglet */
@media(min-width:761px){.bdx-bulle .fond{display:none}}
.bdx-jalon.flash .corps{animation:bdxflash 1.6s ease}.bdx-jalon.actif .corps{box-shadow:0 0 0 3px var(--v-mer)}.bdx-jalon .bdx-detail-carnet{margin-top:10px}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-msg .bdx-lien{display:inline-block;padding:7px 4px;min-height:34px}}

/* ---------- journal d'activité en fin de carnet ---------- */
.bdx-journal-carnet{margin-top:10px;border:1px solid var(--trait);border-radius:var(--R);background:var(--papier)}.bdx-journal-carnet>summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 14px}.bdx-journal-carnet>summary .bdx-svg{color:var(--v-mer);width:18px;height:18px}
.bdx-journal-carnet .lignes{padding:2px 14px 10px}.bdx-journal-carnet .l{display:grid;grid-template-columns:78px 62px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:5px 0;border-top:1px solid var(--trait);font-size:.9rem}.bdx-journal-carnet .l:first-child{border-top:0}
.bdx-journal-carnet .d{color:var(--encre2);font-size:.82rem}.bdx-journal-carnet .q{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pin)}.bdx-journal-carnet .l.client .q{color:var(--v-mer)}.bdx-journal-carnet .t em{font-style:normal;color:var(--encre2);font-size:.8rem;margin-left:8px}.bdx-journal-carnet .m{font-weight:700;white-space:nowrap}
.bdx-journal-carnet>p{padding:0 14px 10px}
@media(max-width:760px){.bdx-journal-carnet .l{grid-template-columns:70px minmax(0,1fr) auto}.bdx-journal-carnet .q{display:none}}
.bdx-journal-carnet.vide{padding:8px 14px;background:none;border-style:dashed}.bdx-journal-carnet.vide .bdx-svg{width:15px;height:15px;vertical-align:-2px;margin-right:4px}

/* ---------- suivi financier du chantier ---------- */
.bdx-marche{background:var(--papier);border:1px solid var(--trait);border-left:6px solid var(--v-ocre);border-radius:var(--R);padding:12px 16px;margin-bottom:10px}.bdx-marche.attente{border-left-color:var(--trait2);border-style:dashed}
.bdx-marche .tete{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.bdx-marche h3{font-size:1.06rem;font-weight:700}.bdx-marche .m{display:flex;flex-direction:column;text-align:right}.bdx-marche .m b{font-size:1.15rem}
.bdx-marche .ac{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.bdx-marche .ac .bdx-etatp{display:inline-flex;align-items:center;gap:6px}.bdx-marche .ac .bdx-etatp .bdx-svg{width:15px;height:15px}
.bdx .bdx-marche h4{margin:12px 0 2px}
.bdx-barre3{display:flex;height:12px;border-radius:6px;background:#D9DDD8;overflow:hidden;margin-top:10px}.bdx-barre3 i{display:block;height:100%;position:relative;transition:width .5s cubic-bezier(.2,.8,.2,1)}.bdx-barre3 .p{background:var(--pin)}.bdx-barre3 .d{background:var(--ocre)}
.bdx-barre3.haute{height:26px;border-radius:8px}.bdx-barre3 em{position:absolute;inset:0;display:flex;align-items:center;padding:0 10px;font-style:normal;font-size:.76rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}
.bdx-barre-lib .p3{background:var(--pin)}.bdx-barre-lib .d3{background:var(--ocre)}.bdx-barre-lib .r3{background:#D9DDD8}
.bdx-ligne-fin{display:grid;grid-template-columns:78px minmax(0,1fr) auto auto auto auto auto;gap:10px;align-items:center;padding:5px 0;border-top:1px solid var(--trait);font-size:.93rem}.bdx-ligne-fin .d{color:var(--encre2);font-size:.84rem}.bdx-ligne-fin .m{font-weight:700;white-space:nowrap}.bdx-ligne-fin.du .t{font-weight:600}
.bdx-marche .form{margin-top:12px;padding-top:6px;border-top:1px solid var(--trait)}.bdx-marche .form .l{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end}.bdx-marche .form .l .bdx-champ{flex:1 1 160px;margin:0}.bdx-marche .form select{max-width:260px}
@media(max-width:760px){.bdx-ligne-fin{grid-template-columns:70px minmax(0,1fr) auto}.bdx-ligne-fin>.bdx-etatp,.bdx-ligne-fin>a,.bdx-ligne-fin>button{grid-column:2/-1;justify-self:start}.bdx-marche .tete{grid-template-columns:1fr}.bdx-marche .m{text-align:left}}

/* ---------- arbitrage : réglages par ouvrage ---------- */
.bdx-item-o{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:2px}.bdx-item-o:empty{display:none}
.bdx .bdx-item-o .bdx-chip em{font-style:normal;font-weight:700;color:#4E5B22;margin-left:2px}
.bdx-tag.elig{display:inline-flex;align-items:center;gap:5px;background:#EEF3DC;color:#4E5B22;font-weight:600}.bdx-tag.elig .bdx-svg{width:13px;height:13px}
.bdx-verrou .bdx-item-o .bdx-chip,.bdx.lecture .bdx-item-o .bdx-chip{pointer-events:none;opacity:.65}
/* ---------- aide du client ---------- */
.bdx.bdx-assist-btn.client{background:var(--v-pin);box-shadow:0 8px 24px rgba(11,80,58,.35)}
.bdx-aideia .avert{border-left:5px solid var(--ocre);font-size:.9rem;margin-bottom:10px}
.bdx-aideia .fil{max-height:42vh;min-height:90px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 8px}.bdx-aideia .fil .vide{padding:10px 4px;max-width:none}
.bdx-aideia .q{align-self:flex-end;max-width:84%;background:var(--v-pin);color:#fff;padding:8px 13px;border-radius:14px 14px 3px 14px}
.bdx-aideia .r{align-self:flex-start;max-width:92%;background:var(--fond);border:1px solid var(--trait);padding:9px 13px;border-radius:14px 14px 14px 3px}.bdx-aideia .r.err{border-color:var(--alerte);color:var(--alerte)}.bdx-aideia .r .txt{white-space:pre-wrap}
.bdx-aideia .r .pied{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:7px;padding-top:6px;border-top:1px dashed var(--trait2);font-size:.76rem;color:var(--encre2)}.bdx-aideia .r .pied span{display:inline-flex;align-items:center;gap:5px;font-weight:600}.bdx-aideia .r .pied .bdx-svg{width:13px;height:13px}.bdx.bdx-aideia .r .pied button{text-decoration:underline;text-underline-offset:3px;color:var(--mer);padding:4px 0}
.bdx-aideia .saisie{display:flex;gap:8px;align-items:flex-end;margin-top:6px}.bdx-aideia .saisie textarea{flex:1}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-item-o .bdx-chip.mini{min-height:36px;padding:7px 14px 7px 8px;font-size:.84rem}}

/* ---------- inspirations : le nuage d'images ---------- */
.bdx-palette{display:flex;height:34px;border-radius:99px;overflow:hidden;margin:0 0 14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.bdx-palette i{flex:1;min-width:6px;transition:flex .3s ease}.bdx-palette i:hover{flex:3}
.bdx .bdx-puce.teinte{display:inline-flex;align-items:center;gap:7px}.bdx-puce.teinte i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.bdx-nuage{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:6px 2px;padding:18px 8px 26px}
.bdx-inspi{position:relative;margin:var(--dec,0) -10px 0 -10px;width:200px;padding:9px 9px 6px;background:#fff;border-radius:6px;box-shadow:0 5px 16px rgba(27,38,34,.18);transform:rotate(var(--rot,0deg));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,z-index 0s;border-bottom:5px solid var(--coul)}
.bdx-inspi.t-s{width:150px}.bdx-inspi.t-l{width:260px}
.bdx-inspi:hover,.bdx-inspi:focus-within{transform:rotate(0) scale(1.07);z-index:5;box-shadow:0 16px 38px rgba(27,38,34,.3)}
.bdx .bdx-inspi .im{display:block;width:100%;padding:0;cursor:zoom-in;border-radius:3px;overflow:hidden;background:var(--coul)}.bdx-inspi img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover}
.bdx-inspi figcaption{display:flex;align-items:center;gap:6px;padding-top:6px;font-size:.78rem;color:var(--encre2);min-height:26px}.bdx-inspi figcaption span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdx-inspi .pt{flex:none;width:12px;height:12px;border-radius:50%;background:var(--coul);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.bdx-inspi .ou{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.9);font-size:.68rem;font-weight:700;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .2s ease}.bdx-inspi:hover .ou{opacity:1}
.bdx-vue.entre .bdx-inspi{animation:bdx-pop .5s cubic-bezier(.2,.8,.2,1) both}.bdx-vue.entre .bdx-inspi:nth-child(3n){animation-delay:.08s}.bdx-vue.entre .bdx-inspi:nth-child(3n+1){animation-delay:.16s}.bdx-vue.entre .bdx-inspi:nth-child(5n){animation-delay:.24s}
@media(max-width:760px){.bdx-inspi,.bdx-inspi.t-l{width:46%;margin:var(--dec,0) 0 0}.bdx-inspi.t-s{width:40%}.bdx-nuage{gap:10px 6px;padding:10px 0 18px}}
@media(prefers-reduced-motion:reduce){.bdx-inspi{transition:none}}@media print{.bdx-inspi{box-shadow:none;border:1px solid #ccc}}
/* ---------- listes des paramètres ---------- */
.bdx-le{display:grid;grid-template-columns:58px minmax(0,1fr) auto 34px;gap:8px;align-items:center;padding:4px 0;border-top:1px solid var(--trait)}.bdx-le:first-of-type{border-top:0}.bdx-le .ord{display:flex;gap:2px}.bdx .bdx-le .bdx-ico[disabled]{opacity:.25;cursor:default}
.bdx-le input{width:100%}.bdx-le.ajout{grid-template-columns:58px minmax(0,1fr) auto;margin-top:6px;padding-top:10px;border-top:2px solid var(--trait2)}.bdx-le .bdx-etatp{font-size:.76rem;white-space:nowrap}
@media(max-width:760px){.bdx-le{grid-template-columns:50px minmax(0,1fr) 34px}.bdx-le .bdx-etatp{display:none}.bdx-le.ajout{grid-template-columns:minmax(0,1fr) auto}.bdx-le.ajout .ord{display:none}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-le .bdx-ico{min-width:40px;min-height:40px}.bdx-le{grid-template-columns:86px minmax(0,1fr) 42px}.bdx-le.ajout{grid-template-columns:minmax(0,1fr) auto}.bdx-le.ajout .ord{display:none}.bdx-le .bdx-etatp{display:none}}

/* ---------- mise en page : le contenu est centré dans l'espace disponible ---------- */
.bdx-vue{max-width:1180px;margin-left:auto;margin-right:auto;width:100%}
@media(min-width:1500px){.bdx-vue{max-width:1280px}}
/* ---------- visite guidée ---------- */
.bdx-tour .boite{padding:0;overflow:hidden;max-width:760px}.bdx-tour .img{background:var(--fond);border-bottom:1px solid var(--trait);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.bdx-tour .img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;animation:bdx-fondu-simple .35s ease both}
.bdx-tour .img.sans .bdx-svg{width:84px;height:84px;color:var(--v-pin)}.bdx-tour .txt{padding:18px 26px 4px}.bdx-tour .txt h3{font-size:1.35rem;margin:4px 0 8px}.bdx-tour .txt p{font-size:1.02rem;margin:0;max-width:60ch}
.bdx-tour .pts{display:flex;gap:7px;justify-content:center;padding:14px 0 2px}.bdx-tour .pts i{width:9px;height:9px;border-radius:50%;background:var(--trait2);transition:width .25s ease,background-color .25s ease}.bdx-tour .pts i.on{width:26px;border-radius:99px;background:var(--v-pin)}
.bdx-tour .actions{padding:12px 22px 20px;display:flex;gap:8px;align-items:center}
/* ---------- carte de première visite d'une page ---------- */
@keyframes bdx-carte-monte{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.bdx.bdx-aidepage{position:fixed;left:22px;bottom:22px;z-index:58;width:min(380px,calc(100vw - 44px));background:var(--papier);border:1px solid var(--trait);border-left:6px solid var(--v-pin);border-radius:var(--R);box-shadow:0 14px 38px rgba(27,38,34,.24);padding:12px 14px 12px;animation:bdx-carte-monte .4s cubic-bezier(.2,.8,.2,1) both;min-height:0!important;height:auto!important}
.bdx-aidepage.sort{transition:opacity .22s ease,transform .22s ease;opacity:0;transform:translateY(16px)}
.bdx-aidepage .t{display:flex;align-items:center;gap:8px}.bdx-aidepage .t b{flex:1;font-size:.95rem}.bdx-aidepage .t>.bdx-svg{width:20px;height:20px;color:var(--v-pin)}.bdx-aidepage p{margin:6px 0 10px;font-size:.93rem;color:var(--encre)}
.bdx-aidepage .a{display:flex;gap:12px;align-items:center}.bdx.bdx-aidepage .lien{font-size:.8rem;color:var(--encre2);text-decoration:underline;text-underline-offset:3px;padding:6px 0}
@media(max-width:760px){.bdx.bdx-aidepage{left:10px;right:10px;bottom:72px;width:auto}}@media print{.bdx-aidepage,.bdx-tour{display:none!important}}
/* ---------- shopping list : propositions du client ---------- */
.bdx-prop{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:3px 11px 3px 8px;border-radius:99px;background:#FBF0D9;color:#7A5410;font-size:.8rem;font-weight:600}.bdx-prop.ok{background:var(--pin-c);color:var(--pin)}.bdx-prop .bdx-svg{width:14px;height:14px}
.bdx details.bdx-proposer>summary{cursor:pointer;list-style:none}.bdx details.bdx-proposer>summary::-webkit-details-marker{display:none}.bdx details.bdx-proposer>summary h3::after{content:"＋";margin-left:auto;font-weight:400;opacity:.9}.bdx details.bdx-proposer[open]>summary h3::after{content:"−"}.bdx details.bdx-proposer>summary h3{display:flex;align-items:center;width:100%}
/* ---------- coûts de fonctionnement ---------- */
.bdx-cf{display:grid;grid-template-columns:minmax(0,1fr) 96px 92px 100px auto 34px;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--trait)}.bdx-cf:first-of-type{border-top:0}.bdx-cf .t{display:flex;flex-direction:column;min-width:0}.bdx-cf .t input{font-weight:600;border-color:transparent;background:transparent;padding-left:0}.bdx-cf .t input:hover,.bdx-cf .t input:focus{border-color:var(--trait2);background:var(--papier);padding-left:8px}
.bdx-cf .m{display:flex;flex-direction:column;text-align:right;line-height:1.2}.bdx-cf .m em{font-style:normal;font-size:.72rem;color:var(--encre2)}.bdx-cf.pause{opacity:.5}.bdx-cf input.q{text-align:right}
@media(max-width:900px){.bdx-cf{grid-template-columns:minmax(0,1fr) 90px auto 34px}.bdx-cf .m{display:none}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-cf .bdx-ico{min-width:40px;min-height:40px}.bdx .bdx-cf .bdx-chip.mini{min-height:36px}}
/* ---------- pilotage de l'entreprise : mois par mois ---------- */
.bdx-mois{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;position:relative;padding-top:6px}
.bdx-mois .col{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.bdx-mois .zone{position:relative;width:100%;height:150px;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--trait2)}
.bdx-mois .zone::after{content:"";position:absolute;left:-3px;right:-3px;bottom:var(--seuil);border-top:2px dashed var(--alerte);opacity:.7}
.bdx-mois .zone i{display:block;width:38%;max-width:22px;border-radius:4px 4px 0 0;min-height:0;transition:height .6s cubic-bezier(.2,.8,.2,1)}.bdx-mois .zone .f{background:var(--v-prune)}.bdx-mois .zone .e{background:var(--pin)}
.bdx-mois .v{font-size:.7rem;font-weight:700;min-height:14px;white-space:nowrap}.bdx-mois .n{font-size:.74rem;color:var(--encre2)}.bdx-mois .col.futur{opacity:.4}
.bdx-vue.entre .bdx-mois .zone i{transform-origin:bottom;animation:bdx-monte-barre .7s .2s cubic-bezier(.2,.8,.2,1) both}@keyframes bdx-monte-barre{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:760px){.bdx-mois{gap:2px}.bdx-mois .v{display:none}.bdx-mois .zone{height:110px}.bdx-mois .n{font-size:.62rem}}
/* ---------- suivi des échanges dans les carnets ---------- */
.bdx-suivi-ech{margin-top:10px;border:1px solid var(--trait);border-left:5px solid var(--ocre);border-radius:var(--R);background:var(--papier)}.bdx-suivi-ech>summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:9px 14px}.bdx-suivi-ech>summary>.bdx-svg{width:18px;height:18px;color:var(--ocre)}
.bdx-suivi-ech .corps-ech{padding:0 14px 12px}.bdx .bdx-suivi-ech h4{display:inline-flex;align-items:center;gap:6px;margin:10px 0 4px}.bdx-suivi-ech h4 .bdx-svg{width:14px;height:14px}
.bdx-suivi-ech .pte{padding:8px 0;border-top:1px solid var(--trait)}.bdx-suivi-ech h4+.pte{border-top:0}.bdx-suivi-ech .pte .t{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}.bdx-suivi-ech .pte p{margin:4px 0 0;font-size:.93rem;white-space:pre-wrap}.bdx-suivi-ech .pte.interne{background:#FBF6E9;margin:0 -8px;padding:8px}
.bdx-suivi-ech .fil{margin-top:6px;display:flex;flex-direction:column;gap:4px}.bdx-suivi-ech .fil>div{padding:6px 10px;border-radius:10px;font-size:.9rem;background:var(--fond);max-width:92%}.bdx-suivi-ech .fil .cl{align-self:flex-end;background:var(--mer-c)}.bdx-suivi-ech .fil span{display:block;font-size:.72rem;font-weight:700;color:var(--encre2);margin-bottom:1px}
/* ---------- données du projet ---------- */
.bdx-fiche{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.bdx-fiche>div{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:2px 12px;padding:6px 0;border-top:1px solid var(--trait);align-items:baseline}.bdx-fiche>div:nth-child(-n+2){border-top:0}
.bdx-fiche span{color:var(--encre2);font-size:.86rem}.bdx-fiche b{font-weight:600;min-width:0;overflow-wrap:anywhere}.bdx-fiche em{grid-column:2;font-style:normal;font-size:.8rem;color:var(--encre2)}
@media(max-width:760px){.bdx-fiche{grid-template-columns:1fr}.bdx-fiche>div:nth-child(2){border-top:1px solid var(--trait)}}
/* ---------- consultations successives ---------- */
.bdx-rappel-salve{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;margin:0 0 10px;padding:7px 12px;border-radius:var(--r);background:var(--fond);font-size:.88rem}.bdx-rappel-salve>b{color:var(--encre2);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.bdx-rappel-salve em{font-style:normal;font-weight:700}.bdx-rappel-salve em.moins{color:#4E5B22}.bdx-rappel-salve em.plus{color:var(--alerte)}
.bdx details.bdx-salve>summary{cursor:pointer;list-style:none}.bdx details.bdx-salve>summary::-webkit-details-marker{display:none}


/* =====================================================================
   FOND TRANSPARENT : l'outil laisse voir le fond du site.
   Les blocs, fiches et tableaux gardent leur fond blanc pour rester lisibles.
   Pour revenir au fond plein : [bordereau fond="plein"]
   ===================================================================== */
#bdx-app.bdx,.bdx#bdx-app{background:transparent}
#bdx-app:not(.fond-plein) .bdx-regle{background:color-mix(in srgb,var(--fond) 80%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}
#bdx-app:not(.fond-plein) .bdx-nav{background:transparent}
/* ce qui était écrit directement sur le fond reçoit un léger voile, pour rester lisible quel que soit le fond du site */
#bdx-app:not(.fond-plein) .bdx-top{background:color-mix(in srgb,var(--fond) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#bdx-app:not(.fond-plein) .bdx-vue>.bdx-aide,#bdx-app:not(.fond-plein) .bdx-vue>p.bdx-aide,#bdx-app:not(.fond-plein) .bdx-vue>.bdx-outils,#bdx-app:not(.fond-plein) .bdx-nav .sec,#bdx-app:not(.fond-plein) .bdx-nav>.accueil:not([aria-selected=true]),#bdx-app:not(.fond-plein) .bdx-nav>.retour{background:color-mix(in srgb,var(--fond) 78%,transparent);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#bdx-app:not(.fond-plein) .bdx-vue>.bdx-aide,#bdx-app:not(.fond-plein) .bdx-vue>p.bdx-aide,#bdx-app:not(.fond-plein) .bdx-vue>.bdx-outils{padding:8px 12px}
#bdx-app:not(.fond-plein) .bdx-nav .grp.ouvert{background:color-mix(in srgb,var(--cat-c,var(--fond)) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#bdx-app.fond-plein{background:var(--fond)}
@media print{#bdx-app.bdx{background:#fff}}
/* les onglets d'une partie occupent toute la largeur du menu */
.bdx-nav .grp .items>.in{display:flex;flex-direction:column;gap:2px}.bdx .bdx-nav .grp .items>.in>button{width:100%}
/* ---------- réglementation ---------- */
.bdx-regl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:8px 0 8px 12px;border-top:1px solid var(--trait);border-left:4px solid var(--trait2)}.bdx-regl:first-of-type{border-top:0}.bdx-regl.ok{border-left-color:var(--pin)}.bdx-regl.so{border-left-color:var(--trait2);opacity:.6}.bdx-regl.manque{border-left-color:var(--alerte)}
.bdx-regl .t{display:flex;flex-direction:column;min-width:0}.bdx-regl .t .bdx-aide{max-width:none}.bdx-regl .a{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.bdx-regl select{max-width:220px}
@media(max-width:900px){.bdx-regl{grid-template-columns:1fr}.bdx-regl .a{justify-content:flex-start}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-regl .bdx-chip.mini{min-height:36px;padding:7px 14px 7px 8px}.bdx .bdx-regl select{min-height:36px}}


/* =====================================================================
   THÈME SOMBRE : fond foncé, écritures blanches, accent jaune — aux couleurs du site.
   Activé tout seul quand le fond du site est foncé, ou par [bordereau theme="sombre" accent="#EFE7D5"].
   Les documents imprimés (contrats, factures, carnets en PDF) restent sur papier blanc.
   ===================================================================== */
html.bdx-sombre .bdx{--accent:var(--bdx-accent,#EFE7D5);--accent-doux:color-mix(in srgb,var(--accent) 78%,#fff);--fond:var(--bdx-fond,#1B1C1C);--papier:color-mix(in srgb,var(--fond) 88%,#fff);--surface2:color-mix(in srgb,var(--fond) 80%,#fff);--encre:#F5F3EC;--encre2:#C9C7BF;--trait:color-mix(in srgb,var(--fond) 74%,#fff);--trait2:color-mix(in srgb,var(--fond) 62%,#fff);
  --pin:var(--accent);--olive:#B4CC78;--mer:#8DBBDD;--ocre:#E6B04A;--alerte:#F28F78;--prune:#D9A9D3;
  --pin-c:color-mix(in srgb,var(--accent) 14%,var(--fond));--olive-c:color-mix(in srgb,#B4CC78 15%,var(--fond));--mer-c:color-mix(in srgb,#8DBBDD 15%,var(--fond));--ocre-c:color-mix(in srgb,#E6B04A 16%,var(--fond));--alerte-c:color-mix(in srgb,#F28F78 16%,var(--fond));--prune-c:color-mix(in srgb,#D9A9D3 15%,var(--fond));
  --v-pin:var(--surface2);--v-mer:var(--surface2);--v-ocre:var(--surface2);--v-olive:var(--surface2);--v-prune:var(--surface2);--cat-c:var(--papier);color-scheme:dark}
html.bdx-sombre .bdx-chip .pt::after{background:var(--papier)}
html.bdx-sombre /* cases du scénario */
.bdx-cases-arb{background:var(--surface2)}
html.bdx-sombre .bdx-casearb[aria-checked=true] .cc::after{border-left:2px solid var(--trait);border-bottom:2px solid var(--trait)}
html.bdx-sombre .bdx .bdx-nav .tg:hover{background:var(--surface2)}
html.bdx-sombre .bdx .bdx-nav button[role=tab]:hover{background:var(--surface2)}
html.bdx-sombre .bdx-cal .j.passe{background:var(--surface2)}
html.bdx-sombre /* ---------- contrôles ---------- */
.bdx-seg{background:var(--surface2)}
html.bdx-sombre .bdx-sw .piste::after{background:var(--papier)}
html.bdx-sombre .bdx-item.hors{background:var(--surface2)}
html.bdx-sombre .bdx-tab th{background:var(--surface2)}
html.bdx-sombre .bdx-tab tr.note td{background:var(--surface2)}
html.bdx-sombre .bdx-tab tr[data-i]:hover td{background:var(--surface2)}
html.bdx-sombre .bdx .bdx-tab input:focus,html.bdx-sombre .bdx .bdx-tab select:focus{background:var(--papier)}
html.bdx-sombre .bdx-tab tr.detail td{background:var(--surface2)}
html.bdx-sombre .e-À-venir{background:var(--surface2)}
html.bdx-sombre .bdx-g-conge{background:repeating-linear-gradient(135deg,var(--surface2) 0 3px,transparent 3px 8px)}
html.bdx-sombre .bdx-g-bar.e-À-venir{background:var(--papier)}
html.bdx-sombre .bdx-dos th{background:var(--surface2)}
html.bdx-sombre .bdx-zoom{background:var(--papier)}
html.bdx-sombre .s-Pressentie{background:var(--surface2)}
html.bdx-sombre .bdx-prod .form{background:var(--surface2)}
html.bdx-sombre .bdx-tab td.est,html.bdx-sombre .bdx-comp td.est{background:var(--surface2)}
html.bdx-sombre .bdx .bdx-dpgf input.q{background:var(--papier)!important}
html.bdx-sombre .bdx-comp td.mieux{background:var(--surface2)}
html.bdx-sombre .bdx-ech .tx{color:var(--encre)}
html.bdx-sombre .bdx-annot canvas{background:var(--papier)}
html.bdx-sombre .bdx.bdx-visio .bande button[aria-current=true]{border-color:var(--trait)}
html.bdx-sombre .bdx-mot span{color:var(--encre)}
html.bdx-sombre .bdx-profil.p-BLEU{background:var(--surface2)}
html.bdx-sombre .bdx-profil.p-JAUNE{background:var(--surface2)}
html.bdx-sombre .bdx-profil.p-VIOLET{background:var(--surface2)}
html.bdx-sombre .bdx-profil.p-ROSE{background:var(--surface2)}
html.bdx-sombre .bdx-guide-s p{color:var(--encre)}
html.bdx-sombre .bdx .bdx-bienvenue:hover{background:var(--surface2)}
html.bdx-sombre .pourquoi{color:var(--encre)}
html.bdx-sombre .pourquoi b{background:var(--papier)}
html.bdx-sombre .bdx-modale p{color:var(--encre)}
html.bdx-sombre /* impression de la vue courante */
.bdx-vueprint{color:var(--encre)}
html.bdx-sombre .bdx-vueprint .bdx-seg button{color:var(--encre)}
html.bdx-sombre .bdx .bdx-scbar .sc-bascule:hover{background:var(--surface2)}
html.bdx-sombre .bdx-frise-ph .barre{background:var(--surface2)}
html.bdx-sombre .bdx-frise-ph .cours .barre{background:var(--surface2)}
html.bdx-sombre .bdx-frise-detail .crn ul{color:var(--encre)}
html.bdx-sombre .bdx-tab tr.soustotal td{background:var(--surface2)}
html.bdx-sombre .bdx-hbarre::-webkit-scrollbar-thumb{border:2px solid var(--trait)}
html.bdx-sombre .bdx[data-ecran=bordereau] .bdx-tab tr.hors td.w-s{background:var(--surface2)}
html.bdx-sombre .bdx-cat-aides .da p{color:var(--encre)}
html.bdx-sombre .bdx-convention p{color:var(--encre)}
html.bdx-sombre .bdx-avatar img{background:var(--papier)}
html.bdx-sombre .bdx .bdx-decisions h4{background:var(--papier)}
html.bdx-sombre .s-remise{background:repeating-linear-gradient(135deg,var(--mer) 0 3px,var(--surface2) 3px 8px)}
html.bdx-sombre .bdx-slot.passe{background:var(--surface2)}
html.bdx-sombre .bdx-cr{background:color-mix(in srgb,var(--k) 14%,var(--papier))}
html.bdx-sombre .lg-manuel{background:repeating-linear-gradient(135deg,var(--surface2) 0 4px,#B9C0BA 4px 6px)!important}
html.bdx-sombre .bdx-nav .tg .bdx-cpt{background:var(--papier)}
html.bdx-sombre .bdx-fil .bdx-svg.grand{background:var(--papier)}
html.bdx-sombre .bdx-sc-cat.on .cc::after,html.bdx-sombre .bdx-sc-cat.fixe .cc::after{border-left:3px solid var(--trait);border-bottom:3px solid var(--trait)}
html.bdx-sombre .bdx-sc-opt .piste{background:var(--surface2)}
html.bdx-sombre .bdx-sc-opt .piste::after{background:var(--papier)}
html.bdx-sombre .bdx .bdx-bloc>h3>.bdx-svg,html.bdx-sombre .bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg{background:var(--papier)!important}
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn,html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn.plein{background:var(--papier);border-color:var(--trait)}
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg button[aria-pressed=true]{background:var(--papier)}
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-typecarnet{background:var(--papier)}
html.bdx-sombre .bdx-barre .s-remise{border-left:2px solid var(--trait)}
html.bdx-sombre .bdx-graf .b .v{background:var(--surface2)}
html.bdx-sombre .bdx-sc-fige.on .cc::after{border-left:2.5px solid var(--trait);border-bottom:2.5px solid var(--trait)}
html.bdx-sombre .bdx-plan.ancienne{background:var(--surface2)}
html.bdx-sombre /* pédagogie : la phrase sous le titre */
.bdx-astuce{background:color-mix(in srgb,var(--catv) 9%,var(--papier))}
html.bdx-sombre .bdx .bdx-astuce-mini{background:color-mix(in srgb,var(--catv) 10%,var(--papier))}
html.bdx-sombre .bdx-vide .rond{background:color-mix(in srgb,var(--catv) 12%,var(--papier))}
html.bdx-sombre /* ---------- cartes à calques (IGN) ---------- */
.bdx-carte-projet.couches{background:var(--surface2)}
html.bdx-sombre .bdx-carte-projet .repere{border:3px solid var(--trait)}
html.bdx-sombre .bdx-carte-projet .repere::after{background:var(--papier)}
html.bdx-sombre .bdx-scl .piste{background:var(--surface2)}
html.bdx-sombre .bdx-scl .piste::after{background:var(--papier)}
html.bdx-sombre .bdx-scl.on .cc::after{border-left:2.5px solid var(--trait);border-bottom:2.5px solid var(--trait)}
html.bdx-sombre .bdx-barre3{background:var(--surface2)}
html.bdx-sombre .bdx-barre-lib .r3{background:var(--surface2)}
html.bdx-sombre .bdx-tag.elig{background:var(--surface2)}
html.bdx-sombre .bdx-inspi{background:var(--papier)}
html.bdx-sombre /* ---------- shopping list : propositions du client ---------- */
.bdx-prop{background:var(--surface2)}
html.bdx-sombre .bdx-suivi-ech .pte.interne{background:var(--surface2)}
/* l'accent jaune : titres, icônes, repères, boutons principaux, onglet actif */
html.bdx-sombre .bdx .bdx-fil{border-left:5px solid var(--accent)}html.bdx-sombre .bdx .bdx-fil h1,html.bdx-sombre .bdx .bdx-titre{color:#fff}html.bdx-sombre .bdx .bdx-fil .cat{background:transparent;color:var(--accent);border:1px solid var(--accent)}html.bdx-sombre .bdx .bdx-fil .bdx-svg.grand{background:var(--accent);color:#1B1C1C}
html.bdx-sombre .bdx .bdx-bloc>h3,html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child,html.bdx-sombre .bdx details.bdx-bloc>summary{border-bottom:1px solid var(--trait)}html.bdx-sombre .bdx .bdx-bloc>h3,html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child>h3,html.bdx-sombre .bdx details.bdx-bloc>summary h3{color:var(--accent)}
html.bdx-sombre .bdx .bdx-bloc>h3>.bdx-svg,html.bdx-sombre .bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg,html.bdx-sombre .bdx details.bdx-bloc>summary h3>.bdx-svg{background:var(--accent);color:#1B1C1C}
html.bdx-sombre .bdx .bdx-vue h2{background:transparent;color:var(--accent);border:1px solid var(--accent)}html.bdx-sombre .bdx .bdx-vue h2::before{background:var(--accent)}html.bdx-sombre .bdx .bdx-vue h4{background:var(--surface2);color:var(--accent-doux)}
html.bdx-sombre .bdx .bdx-nav .tg{background:transparent;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}html.bdx-sombre .bdx .bdx-nav .grp.ouvert .tg{background:var(--accent);color:#1B1C1C;border-color:var(--accent)}html.bdx-sombre .bdx .bdx-nav .grp{border-left-color:var(--accent)}
html.bdx-sombre .bdx .bdx-nav button[role=tab]{color:var(--encre)}html.bdx-sombre .bdx .bdx-nav button[role=tab][aria-selected=true]{background:var(--accent);color:#1B1C1C}html.bdx-sombre .bdx .bdx-nav button[role=tab][aria-selected=true] .bdx-svg{color:#1B1C1C}html.bdx-sombre .bdx .bdx-nav button[role=tab] .bdx-svg{color:var(--accent)}
html.bdx-sombre .bdx .bdx-btn{background:var(--surface2);color:var(--encre);border-color:var(--trait2)}html.bdx-sombre .bdx .bdx-btn:hover{border-color:var(--accent);color:#fff}html.bdx-sombre .bdx .bdx-btn.plein{background:var(--accent);border-color:var(--accent);color:#1B1C1C;font-weight:700}html.bdx-sombre .bdx .bdx-btn.plein:hover{filter:brightness(1.08);color:#1B1C1C}html.bdx-sombre .bdx .bdx-btn.danger{color:var(--alerte);border-color:var(--alerte)}html.bdx-sombre .bdx .bdx-btn.plein .bdx-svg{color:#1B1C1C}
html.bdx-sombre .bdx .bdx-puce{background:transparent;color:var(--encre);border-color:var(--trait2)}html.bdx-sombre .bdx .bdx-puce[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#1B1C1C}
html.bdx-sombre .bdx .bdx-seg{background:var(--surface2)}html.bdx-sombre .bdx .bdx-seg button{color:var(--encre2)}html.bdx-sombre .bdx .bdx-seg button[aria-pressed=true],html.bdx-sombre .bdx .bdx-seg button.on{background:var(--accent);color:#1B1C1C}
html.bdx-sombre .bdx a,html.bdx-sombre .bdx .bdx-lien{color:var(--accent)}html.bdx-sombre .bdx :focus-visible{outline-color:var(--accent)}
html.bdx-sombre .bdx input,html.bdx-sombre .bdx select,html.bdx-sombre .bdx textarea{background:var(--fond);color:var(--encre);border-color:var(--trait2)}html.bdx-sombre .bdx input::placeholder,html.bdx-sombre .bdx textarea::placeholder{color:var(--encre2)}html.bdx-sombre .bdx input:focus,html.bdx-sombre .bdx select:focus,html.bdx-sombre .bdx textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
html.bdx-sombre .bdx .bdx-bloc,html.bdx-sombre .bdx .bdx-kpis,html.bdx-sombre .bdx .bdx-chiffres .c{background:var(--papier);border-color:var(--trait);box-shadow:none}html.bdx-sombre .bdx .bdx-chiffres .c.principal{background:var(--pin-c);border-left-color:var(--accent)}html.bdx-sombre .bdx .bdx-chiffres .c.principal b{color:var(--accent)}
html.bdx-sombre .bdx .bdx-prix,html.bdx-sombre .bdx [data-prix-anime]{color:var(--accent)}html.bdx-sombre .bdx .bdx-barre i em,html.bdx-sombre .bdx .bdx-barre3 em{color:#1B1C1C}
html.bdx-sombre .bdx .bdx-etatp{background:var(--surface2);color:var(--encre)}html.bdx-sombre .bdx .bdx-etatp.e-Terminé{background:var(--olive-c);color:var(--olive)}html.bdx-sombre .bdx .bdx-etatp.e-En-retard{background:var(--alerte-c);color:var(--alerte)}
html.bdx-sombre .bdx .bdx-msg{background:var(--ocre-c);color:var(--encre);border-color:var(--ocre)}html.bdx-sombre .bdx .bdx-msg.err{background:var(--alerte-c);border-color:var(--alerte)}html.bdx-sombre .bdx .bdx-phrase{background:var(--papier);border-left-color:var(--accent)}
html.bdx-sombre .bdx .bdx-tab th{background:var(--surface2);color:var(--accent-doux)}html.bdx-sombre .bdx .bdx-tab td,html.bdx-sombre .bdx .bdx-tab th{border-color:var(--trait)}html.bdx-sombre .bdx .bdx-tab tr:not(.ens):hover td{background:color-mix(in srgb,var(--accent) 6%,var(--papier))}
html.bdx-sombre .bdx.bdx-modale{background:rgba(0,0,0,.62)}html.bdx-sombre .bdx.bdx-modale .boite{background:var(--papier);color:var(--encre);border:1px solid var(--trait)}html.bdx-sombre .bdx-toast{background:#F5F3EC;color:#1B1C1C}html.bdx-sombre .bdx-toast .ti svg{stroke:#2E7D5B}
html.bdx-sombre .bdx.bdx-assist-btn,html.bdx-sombre .bdx.bdx-assist-btn.client{background:var(--accent);color:#1B1C1C;box-shadow:0 8px 24px rgba(0,0,0,.5)}html.bdx-sombre .bdx.bdx-aidepage{background:var(--papier);border-left-color:var(--accent)}html.bdx-sombre .bdx-bulle .panneau{background:var(--fond)}html.bdx-sombre .bdx-bulle header{background:var(--surface2);border-bottom:2px solid var(--accent)}
html.bdx-sombre .bdx .bdx-graf .b,html.bdx-sombre .bdx .bdx-cascade .b,html.bdx-sombre .bdx .bdx-barre3,html.bdx-sombre .bdx .bdx-jauge{background:var(--surface2)}html.bdx-sombre .bdx .bdx-graf .b i.v{background:color-mix(in srgb,var(--fond) 55%,#fff)}html.bdx-sombre .bdx .bdx-cascade .b i.plein{background:color-mix(in srgb,var(--accent) 45%,var(--fond))}
html.bdx-sombre .bdx .bdx-inspi{background:#F5F3EC}html.bdx-sombre .bdx .bdx-inspi figcaption{color:#3A3D3C}html.bdx-sombre .bdx .bdx-carte-projet iframe{filter:none}
html.bdx-sombre #bdx-app:not(.fond-plein) .bdx-regle,html.bdx-sombre #bdx-app:not(.fond-plein) .bdx-top{background:color-mix(in srgb,var(--fond) 82%,transparent)}
html.bdx-sombre .bdx [style*="color:#4E5B22"],html.bdx-sombre .bdx [style*="color: #4E5B22"]{color:var(--olive)!important}
@media print{html.bdx-sombre .bdx{--fond:#fff;--papier:#fff;--encre:#1B2622;--encre2:#5C6A65;--trait:#DDE2DC}}
/* thème sombre : derniers contrastes */
html.bdx-sombre .bdx .bdx-chip{color:var(--encre);border-color:var(--trait2);background:transparent}html.bdx-sombre .bdx .bdx-chip[aria-checked=true]{border-color:var(--accent);background:var(--pin-c)}html.bdx-sombre .bdx .bdx-chip .pt{background:#5A5E5C}html.bdx-sombre .bdx .bdx-chip[aria-checked=true] .pt{background:var(--accent)}html.bdx-sombre .bdx .bdx-item-o .bdx-chip em,html.bdx-sombre .bdx .bdx-scl:not(.on) .m{color:var(--olive)}
html.bdx-sombre .bdx .bdx-coche,html.bdx-sombre .bdx label{color:var(--encre)}html.bdx-sombre .bdx .bdx-aide{color:var(--encre2)}
html.bdx-sombre .bdx .bdx-tag,html.bdx-sombre .bdx .bdx-point-btn{background:var(--surface2);color:var(--accent-doux);border-color:var(--trait2)}html.bdx-sombre .bdx .bdx-point-btn.a{background:var(--pin-c);color:var(--accent)}html.bdx-sombre .bdx .bdx-tag.elig{background:var(--olive-c);color:var(--olive)}
html.bdx-sombre .bdx .bdx-cpt{background:var(--accent);color:#1B1C1C}html.bdx-sombre .bdx .bdx-nav .grp.ouvert .tg .bdx-cpt{background:#1B1C1C;color:var(--accent)}
html.bdx-sombre .bdx .bdx-astuce-mini{background:var(--surface2);color:var(--accent)}html.bdx-sombre .bdx .bdx-astuce{background:var(--papier);border-color:var(--trait)}html.bdx-sombre .bdx .bdx-astuce>.bdx-svg{background:var(--accent);color:#1B1C1C}
html.bdx-sombre .bdx .bdx-seg button{color:var(--encre)}html.bdx-sombre .bdx .bdx-item .bdx-seg button[aria-pressed=true]{color:#1B1C1C}
html.bdx-sombre .bdx .bdx-scl .piste{background:#5A5E5C}html.bdx-sombre .bdx .bdx-scl.on .piste{background:var(--accent)}html.bdx-sombre .bdx .bdx-scl .cc{background:var(--fond)!important;border-color:var(--trait2)}
html.bdx-sombre .bdx .num,html.bdx-sombre .bdx b{color:inherit}
html.bdx-sombre .bdx .bdx-bloc>h3>.bdx-svg,html.bdx-sombre .bdx .bdx-bloc>.bdx-outils>h3>.bdx-svg,html.bdx-sombre .bdx details.bdx-bloc>summary h3>.bdx-svg,html.bdx-sombre .bdx .bdx-phrase .ic,html.bdx-sombre .bdx .bdx-vide .rond{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre .bdx .bdx-cascade .e:not(.plein):not(.final) .m,html.bdx-sombre .bdx .bdx-barre-lib b,html.bdx-sombre .bdx .bdx-regle [style*="color"]{color:var(--olive)!important}

/* ---------- porte d'entrée : créer son accès, se connecter ---------- */
.bdx.bdx-porte{background:transparent;min-height:0;display:flex;justify-content:center;padding:48px 16px 64px}
.bdx-porte .carte{width:100%;max-width:440px;background:var(--papier);border:1px solid var(--trait);border-radius:16px;padding:30px 30px 26px;box-shadow:0 18px 50px rgba(27,38,34,.14);display:flex;flex-direction:column;gap:12px;animation:bdx-fondu-haut .45s cubic-bezier(.2,.8,.2,1) both}
.bdx-porte .marque{font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--pin)}.bdx .bdx-porte h2,.bdx.bdx-porte h2{font-size:1.5rem;margin:0;background:none;border:0;padding:0;color:var(--encre)}.bdx-porte p{margin:0}
.bdx.bdx-porte .bdx-btn.large{width:100%;justify-content:center;padding:12px;font-size:1rem;margin-top:4px}.bdx.bdx-porte .lien{align-self:center;color:var(--mer);text-decoration:underline;text-underline-offset:3px;font-size:.9rem;padding:8px}.bdx-porte .pied{border-top:1px solid var(--trait);padding-top:12px;margin-top:4px;max-width:none}
.bdx-porte .force{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:-4px}.bdx-porte .force i{height:5px;border-radius:99px;background:var(--trait2);transition:background-color .2s ease}.bdx-porte .force span{grid-column:1/-1;font-size:.78rem;color:var(--encre2)}
.bdx-porte .force[data-n="1"] i:nth-child(-n+1){background:var(--alerte)}.bdx-porte .force[data-n="2"] i:nth-child(-n+2){background:var(--ocre)}.bdx-porte .force[data-n="3"] i:nth-child(-n+3){background:var(--olive)}.bdx-porte .force[data-n="4"] i{background:var(--olive)}
html.bdx-sombre .bdx-porte .carte{box-shadow:0 18px 50px rgba(0,0,0,.5)}html.bdx-sombre .bdx.bdx-porte h2{color:#fff}html.bdx-sombre .bdx.bdx-porte .lien{color:var(--accent)}
.bdx.bdx-porte input[type=email],.bdx.bdx-porte input[type=password],.bdx.bdx-porte input[type=text]{width:100%;padding:11px 12px;font-size:1rem;border-radius:8px;border:1px solid var(--trait2);background:var(--papier);color:var(--encre);font-family:inherit}
html.bdx-sombre .bdx.bdx-porte input{background:var(--fond)}


/* =====================================================================
   BLOCS SOMBRES SUR FOND DE SITE CLAIR (beige) : le fond de la page reste celui du site,
   tout ce que l'outil affiche est posé sur des blocs du foncé du site, écritures blanches et jaunes.
   ===================================================================== */
html.bdx-fond-clair .bdx{--papier:var(--fond);--surface2:color-mix(in srgb,var(--fond) 84%,#fff);--trait:color-mix(in srgb,var(--fond) 78%,#fff);--trait2:color-mix(in srgb,var(--fond) 64%,#fff)}
html.bdx-fond-clair .bdx .bdx-bloc,html.bdx-fond-clair .bdx .bdx-kpis,html.bdx-fond-clair .bdx .bdx-chiffres .c,html.bdx-fond-clair .bdx .bdx-prod,html.bdx-fond-clair .bdx .bdx-plan,html.bdx-fond-clair .bdx .bdx-ent,html.bdx-fond-clair .bdx .bdx-rdv,html.bdx-fond-clair .bdx .bdx-carnet,html.bdx-fond-clair .bdx .bdx-ech,html.bdx-fond-clair .bdx .bdx-marche,html.bdx-fond-clair .bdx .bdx-todo-bloc,html.bdx-fond-clair .bdx .bdx-vide,html.bdx-fond-clair .bdx .bdx-phrase,html.bdx-fond-clair .bdx .bdx-loc,html.bdx-fond-clair .bdx .bdx-locfiche,html.bdx-fond-clair .bdx .bdx-shoploc,html.bdx-fond-clair .bdx .bdx-fiche-an,html.bdx-fond-clair .bdx .bdx-jalon .corps,html.bdx-fond-clair .bdx .bdx-avance{background:var(--fond);border-color:transparent;box-shadow:0 10px 28px rgba(27,28,28,.22)}
/* l'en-tête, le bandeau du prix et le menu deviennent eux aussi des blocs foncés */
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-top{background:var(--fond);border-radius:14px 14px 0 0;margin:14px 14px 0;padding-top:18px;-webkit-backdrop-filter:none;backdrop-filter:none}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-regle{background:var(--fond);border-radius:0 0 14px 14px;margin:0 14px;border-bottom:0;box-shadow:0 12px 26px rgba(27,28,28,.25);-webkit-backdrop-filter:none;backdrop-filter:none}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-nav{background:var(--fond);border-radius:14px;margin:14px 0 14px 14px;padding:14px 10px 18px;box-shadow:0 10px 28px rgba(27,28,28,.22);max-height:calc(100vh - var(--hr,0px) - 28px)}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-nav .sec,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-nav>.accueil:not([aria-selected=true]),html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-nav>.retour,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-nav .grp.ouvert{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.bdx-fond-clair .bdx .bdx-nav .grp.ouvert{background:color-mix(in srgb,var(--fond) 90%,#fff)!important}
/* ce qui reste écrit directement sur le beige : pastilles pleines et textes foncés */
html.bdx-fond-clair .bdx .bdx-vue h2{background:var(--fond);border-color:var(--fond);color:var(--accent)}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-aide,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>p.bdx-aide,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-outils{background:var(--fond);color:var(--encre2);-webkit-backdrop-filter:none;backdrop-filter:none}
html.bdx-fond-clair .bdx .bdx-retour,html.bdx-fond-clair .bdx .bdx-astuce-mini{background:var(--fond);color:var(--accent);border-color:var(--fond)}
html.bdx-fond-clair .bdx .bdx-ens-titre,html.bdx-fond-clair .bdx .bdx-vue>.bdx-ens-titre{background:var(--fond);border-radius:12px;padding:6px 12px;color:var(--encre)}
html.bdx-fond-clair .bdx .bdx-msg{background:color-mix(in srgb,var(--ocre) 22%,var(--fond));color:var(--encre)}html.bdx-fond-clair .bdx .bdx-msg.err{background:color-mix(in srgb,var(--alerte) 22%,var(--fond))}
html.bdx-fond-clair .bdx-porte .carte{background:var(--fond);border-color:transparent}
html.bdx-fond-clair .bdx .bdx-mobile-barre,html.bdx-fond-clair .bdx .bdx-barrebas{background:var(--fond)}

/* =====================================================================
   LISIBILITÉ DU THÈME SOMBRE — corrections issues du contrôle de contraste
   ===================================================================== */
/* 1. les documents (contrats, factures, carnets, export) restent du papier blanc à l'encre foncée, à l'écran comme à l'impression */
html.bdx-sombre .bdx-doc,html.bdx-sombre .bdx .bdx-doc{--encre:#1B2622;--encre2:#5C6A65;--papier:#fff;--fond:#F4F5F2;--surface2:#F1F4F1;--trait:#DDE2DC;--trait2:#C3CBC4;--pin:#1F4A42;--olive:#75863A;--mer:#3F6479;--ocre:#BF8A1E;--alerte:#A8432F;--prune:#7A4E6D;--pin-c:#E4EDE9;--olive-c:#EEF1E0;--mer-c:#E3EBF0;--ocre-c:#F7EED8;--alerte-c:#F7E5E0;--accent:#1F4A42;--accent-doux:#1F4A42;background:#fff;color:#1B2622}
html.bdx-sombre .bdx .bdx-doc h1,html.bdx-sombre .bdx .bdx-doc h2,html.bdx-sombre .bdx .bdx-doc h3,html.bdx-sombre .bdx .bdx-doc h4,html.bdx-sombre .bdx .bdx-doc b,html.bdx-sombre .bdx .bdx-doc td,html.bdx-sombre .bdx .bdx-doc th,html.bdx-sombre .bdx .bdx-doc p,html.bdx-sombre .bdx .bdx-doc li{color:#1B2622;background-color:transparent;border-color:#C3CBC4}html.bdx-sombre .bdx .bdx-doc h2,html.bdx-sombre .bdx .bdx-doc h4{border:0;padding-left:0}html.bdx-sombre .bdx .bdx-doc .mention{color:#5C6A65}html.bdx-sombre .bdx .bdx-doc a{color:#1F4A42}
/* 2. partie ouverte du menu : texte foncé sur jaune */
html.bdx-sombre .bdx .bdx-nav .grp.ouvert>.tg,html.bdx-sombre .bdx .bdx-nav .grp.ouvert>.tg::before{color:#1B1C1C!important}html.bdx-sombre .bdx .bdx-nav .grp:not(.ouvert)>.tg{color:var(--accent)!important;background:transparent!important}
/* 3. boutons et sélecteurs posés dans un bandeau de titre */
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn,html.bdx-sombre .bdx .bdx-bloc>h3 .bdx-btn,html.bdx-sombre .bdx details.bdx-bloc>summary .bdx-btn{background:transparent!important;color:var(--accent)!important;border:1px solid var(--accent)!important}html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-btn.plein{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg{background:var(--fond)}html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg button{color:var(--encre)!important;background:transparent}html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-seg button[aria-pressed=true]{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-aide,html.bdx-sombre .bdx .bdx-bloc>h3 .bdx-aide{color:var(--encre2)!important}
/* 4. lignes d'ensemble et de total des tableaux : fonds clairs, donc encre foncée */
html.bdx-sombre .bdx .bdx-tab tr.ens td,html.bdx-sombre .bdx .bdx-tab tr.ens td *,html.bdx-sombre .bdx .bdx-tab tr.ens .nomloc{color:#1B1C1C!important}html.bdx-sombre .bdx .bdx-tab tr.st td,html.bdx-sombre .bdx .bdx-tab tr.grp td{background:var(--surface2);color:var(--encre)}
/* 5. couleurs écrites en dur dans les pages */
html.bdx-sombre .bdx [style*="#5C6A65"],html.bdx-sombre .bdx [style*="#1B2622"]{color:var(--encre2)!important}html.bdx-sombre .bdx [style*="color:#4E5B22"],html.bdx-sombre .bdx [style*="color:#5F6E2C"]{color:var(--olive)!important}html.bdx-sombre .bdx [style*="color:#7A560C"],html.bdx-sombre .bdx [style*="color:#A87614"]{color:var(--ocre)!important}
html.bdx-sombre .bdx{--alerte:#FF9F88}html.bdx-sombre .bdx .bdx-btn.danger{color:#FFB3A1;border-color:#FF9F88}
html.bdx-sombre .bdx .bdx-verdict b,html.bdx-sombre .bdx .bdx-gesteaide b,html.bdx-sombre .bdx .bdx-aidel b{color:var(--encre)}
/* 6. fond de site clair : tout ce qui n'est pas déjà un bloc foncé en devient un, pour qu'aucun texte clair ne tombe sur le beige */
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>*:not(.bdx-fil):not(h2):not(.bdx-retour-l):not(.bdx-chiffres):not(.bdx-plans):not(.bdx-nuage):not(.bdx-cartes):not(.bdx-palette):not(.bdx-astuce-mini):not(.bdx-astuce):not(.bdx-bloc):not(.bdx-hbarre):not(details.bdx-bloc){background-color:var(--fond);border-radius:var(--R);padding:10px 14px;box-shadow:0 8px 22px rgba(27,28,28,.18)}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-plans,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-cartes,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-nuage{background:transparent}
html.bdx-fond-clair .bdx .bdx-atelier-nav,html.bdx-fond-clair .bdx nav[role=tablist]{background:var(--fond);border-radius:14px}
/* 7. derniers éléments repérés par le contrôle de contraste */
html.bdx-sombre .bdx .bdx-jalon .chg span,html.bdx-sombre .bdx .bdx-carnet .chg span{color:var(--ocre)!important}html.bdx-sombre .bdx .bdx-jalon .chg .aj,html.bdx-sombre .bdx .chg span.aj{color:var(--olive)!important}html.bdx-sombre .bdx .chg span.re{color:var(--alerte)!important}
html.bdx-sombre .bdx .bdx-dispo .ver b,html.bdx-sombre .bdx .bdx-dispo.v-oui .ver b{color:var(--olive)!important}html.bdx-sombre .bdx .bdx-dispo.v-non .ver b{color:var(--alerte)!important}html.bdx-sombre .bdx .bdx-dispo.v-peut .ver b,html.bdx-sombre .bdx .bdx-dispo .ver b[style]{color:var(--ocre)!important}
html.bdx-sombre .bdx .bdx-ech .lien i,html.bdx-sombre .bdx .lien i{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre .bdx .bdx-typecarnet,html.bdx-sombre .bdx .bdx-typecarnet em{color:#1B1C1C!important}html.bdx-sombre .bdx .bdx-typecarnet{background:var(--accent)!important}
html.bdx-sombre .bdx .bdx-prod .coche,html.bdx-sombre .bdx .coche{background:var(--accent)!important;color:#1B1C1C!important}html.bdx-sombre .bdx .couv{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre .bdx .bdx-cal .ev,html.bdx-sombre .bdx .ev{background:var(--surface2)!important;color:var(--encre)!important;border-left:3px solid var(--accent)}
html.bdx-sombre .bdx .bdx-todo-bloc h3,html.bdx-sombre .bdx .bdx-todo-bloc h3 .bdx-svg{color:var(--accent)!important}html.bdx-sombre .bdx .bdx-todo-bloc .go,html.bdx-sombre .bdx .go{color:var(--accent)!important}
html.bdx-sombre .bdx .bdx-cal .auj .n,html.bdx-sombre .bdx .bdx-agenda .auj .n,html.bdx-sombre .bdx .n.auj{background:var(--accent)!important;color:#1B1C1C!important}html.bdx-sombre .bdx .bdx-cal .n,html.bdx-sombre .bdx .bdx-agenda .n{color:var(--encre)}
html.bdx-sombre .bdx .bdx-todo-bloc h3{background:var(--surface2)!important;border-color:var(--trait)!important}
/* en-tête sans bandeau de prix (espace Atelier, pages sans chiffrage) : un bloc complet, arrondi */
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-top:not(:has(+ .bdx-regle)){border-radius:14px;padding-bottom:16px;border-bottom:0;box-shadow:0 10px 28px rgba(27,28,28,.22)}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-top+hr,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-top{border-bottom-color:transparent}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-entete,html.bdx-fond-clair #bdx-app:not(.fond-plein) header.bdx-head{border-bottom:0}
@media(max-width:760px){html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>*{max-width:100%;min-width:0}.bdx-jalon .pied,.bdx-jalon .tete{flex-wrap:wrap}.bdx-jalon .bdx-etatp{white-space:normal}html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>*:not(.bdx-fil):not(h2):not(.bdx-bloc){padding-left:10px;padding-right:10px}html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-nav,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-top,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-regle{margin-left:6px;margin-right:6px}}

/* un rafraîchissement de la page (case cochée, réglage modifié) ne rejoue aucune animation */
.bdx .sans-anim,.bdx .sans-anim *{animation:none!important}
.bdx input[type=checkbox]:checked{animation:none}.bdx input[type=checkbox]:checked:focus-visible,.bdx input[type=checkbox]:checked:active{animation:bdx-pop .25s ease}

/* =====================================================================
   EN-TÊTE EN BULLES : le titre du dossier et le bandeau du prix sont deux bulles arrondies.
   Le bandeau du prix s'ouvre en glissant sur les pages chiffrées, et se referme en quittant.
   ===================================================================== */
#bdx-app .bdx-top{border-radius:22px!important;margin:12px 14px 0!important;padding:16px 26px 14px!important;border-bottom:0!important}
#bdx-app .bdx-regle{border-radius:22px!important;margin:8px 14px 0!important;padding:12px 26px 10px!important;border-bottom:0!important;top:8px;overflow:hidden;transform-origin:top center}
#bdx-app:not(.fond-plein) .bdx-top,#bdx-app:not(.fond-plein) .bdx-regle{box-shadow:0 10px 28px rgba(27,28,28,.16)}
html:not(.bdx-sombre) #bdx-app .bdx-top,html:not(.bdx-sombre) #bdx-app .bdx-regle{background:color-mix(in srgb,var(--papier) 92%,transparent);border:1px solid var(--trait)!important}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-top,html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-regle{background:var(--fond)}
@keyframes bdx-regle-ouvre{0%{max-height:0;opacity:0;transform:translateY(-14px) scaleY(.92);padding-top:0;padding-bottom:0;margin-top:0}60%{opacity:1}100%{max-height:320px;opacity:1;transform:none}}
#bdx-app .bdx-regle.ouvre{animation:bdx-regle-ouvre .55s cubic-bezier(.2,.85,.25,1) both}
#bdx-app .bdx-regle.ouvre>*{animation:bdx-fondu-simple .45s .18s ease both}
#bdx-app .bdx-regle.fantome{position:relative;top:auto;pointer-events:none;transition:height .42s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .42s cubic-bezier(.4,0,.2,1),margin .42s ease,padding .42s ease}
#bdx-app .bdx-regle.fantome.ferme{height:0!important;opacity:0;transform:translateY(-12px) scaleY(.9);margin-top:0!important;padding-top:0!important;padding-bottom:0!important}
@media(max-width:760px){#bdx-app .bdx-top,#bdx-app .bdx-regle{margin-left:6px!important;margin-right:6px!important;padding-left:14px!important;padding-right:14px!important;border-radius:18px!important}#bdx-app .bdx-regle{top:0}}
@media print{#bdx-app .bdx-top,#bdx-app .bdx-regle{box-shadow:none;border-radius:0!important;margin:0!important}}
#bdx-app .bdx-regle.glisse{transition:height .44s cubic-bezier(.3,.8,.25,1)}#bdx-app .bdx-regle.glisse>*{animation:bdx-fondu-simple .4s .1s ease both}
#bdx-app .bdx-regle>*:first-child{margin-bottom:18px}

/* =====================================================================
   MENUS DE GAUCHE EN BULLE : fond arrondi, toujours présent, et chaque ligne lisible par elle-même.
   Ces règles ne dépendent plus de la détection du fond du site : même si elle échoue, rien n'est écrit en clair sur du clair.
   ===================================================================== */
#bdx-app .bdx-nav{border-radius:22px!important;margin:12px 0 14px 14px!important;padding:14px 10px 18px!important;background:color-mix(in srgb,var(--papier) 94%,transparent)!important;border:1px solid var(--trait);box-shadow:0 10px 28px rgba(27,28,28,.16);max-height:calc(100vh - var(--hr,0px) - 28px);scrollbar-width:thin}
html.bdx-sombre #bdx-app .bdx-nav{background:var(--fond)!important;border-color:transparent}
/* chaque ligne du menu porte son propre fond : lisible quoi qu'il y ait derrière */
html.bdx-sombre #bdx-app .bdx-nav button[role=tab],html.bdx-sombre #bdx-app .bdx-nav>.retour,html.bdx-sombre #bdx-app .bdx-nav>.accueil,html.bdx-sombre #bdx-app .bdx-nav>button{background:var(--fond);color:#F5F3EC;border-radius:12px}
html.bdx-sombre #bdx-app .bdx-nav button[role=tab]:hover:not([aria-selected=true]){background:var(--surface2)}
html.bdx-sombre #bdx-app .bdx-nav button[role=tab][aria-selected=true],html.bdx-sombre #bdx-app .bdx-nav>.accueil[aria-selected=true]{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre #bdx-app .bdx-nav .sec{background:var(--fond)!important;color:#B5B8B2;border-radius:10px;padding:6px 10px}
/* parties fermées : pastille foncée pleine, texte jaune — plus jamais de jaune ou de blanc posé sur le beige */
html.bdx-sombre #bdx-app .bdx-nav .grp:not(.ouvert)>.tg{background:var(--surface2)!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
html.bdx-sombre #bdx-app .bdx-nav .grp.ouvert>.tg{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre #bdx-app .bdx-nav .grp{border-radius:16px;overflow:hidden}html.bdx-sombre #bdx-app .bdx-nav .grp.ouvert{background:var(--surface2)!important}
html.bdx-sombre #bdx-app .bdx-nav .grp.ouvert .items button[role=tab]:not([aria-selected=true]){background:transparent}
html.bdx-sombre #bdx-app .bdx-nav .bdx-lien,html.bdx-sombre #bdx-app .bdx-nav a{color:var(--accent)}
/* petit écran : le menu déroulant et la barre du bas sont eux aussi des bulles foncées */
@media(max-width:1020px){#bdx-app .bdx-nav{margin:8px 8px 0!important;max-height:none}html.bdx-sombre #bdx-app .bdx-barrebas{background:var(--fond)!important;border-radius:18px 18px 0 0;border-top:0}html.bdx-sombre #bdx-app .bdx-barrebas button{color:#F5F3EC}html.bdx-sombre #bdx-app .bdx-barrebas button[aria-current=true],html.bdx-sombre #bdx-app .bdx-barrebas button[aria-current="page"]{color:var(--accent)}}
/* filet de sécurité : si le thème sombre est actif, tout texte de l'outil placé hors d'un bloc reçoit un fond foncé */
html.bdx-sombre #bdx-app .bdx-retour,html.bdx-sombre #bdx-app .bdx-astuce-mini,html.bdx-sombre #bdx-app .bdx-vue h2{background:var(--fond)!important;color:var(--accent)!important;border-color:var(--fond)!important}
@media print{#bdx-app .bdx-nav{display:none!important}}
html.bdx-sombre #bdx-app .bdx-nav .grp{overflow:visible;border-left:0!important;margin-top:6px}html.bdx-sombre #bdx-app .bdx-nav .grp.ouvert{overflow:hidden;padding-bottom:6px}
html.bdx-sombre #bdx-app .bdx-nav .grp>.tg{border-radius:14px;margin:0;width:100%}
html.bdx-sombre #bdx-app .bdx-nav .grp:not(.ouvert)>.tg .bdx-cpt,html.bdx-sombre #bdx-app .bdx-nav button[role=tab]:not([aria-selected=true]) .bdx-cpt{background:var(--accent)!important;color:#1B1C1C!important}
html.bdx-sombre #bdx-app .bdx-nav button[role=tab][aria-selected=true] .bdx-cpt{background:#1B1C1C!important;color:var(--accent)!important}
#bdx-app .bdx-nav>*{flex-shrink:0}

/* le menu de gauche se montre en entier, sans barre de défilement */
@media(min-width:1021px){#bdx-app .bdx-nav{max-height:none!important;overflow:visible!important;scrollbar-width:none}#bdx-app .bdx-nav::-webkit-scrollbar{display:none}#bdx-app .bdx-nav.libre{position:static!important;align-self:start}}

/* =====================================================================
   COHÉRENCE GRAPHIQUE : une seule échelle d'arrondis, d'ombres et de transitions
   bulles (en-tête, menu, titre de page, fenêtres) 22 px · blocs et fiches 16 px · boutons, champs, étiquettes 10 px
   ===================================================================== */
.bdx{--R:16px;--r:10px;--ombre:0 10px 28px rgba(27,28,28,.16);--ombre-l:0 4px 14px rgba(27,28,28,.10);--vif:.18s ease;--souple:.34s cubic-bezier(.3,.8,.25,1)}
#bdx-app .bdx-fil{border-radius:22px}.bdx.bdx-modale .boite,.bdx-bulle .panneau,.bdx.bdx-aidepage{border-radius:22px}.bdx-bulle .panneau{border-radius:22px 0 0 22px}
.bdx .bdx-bloc,.bdx .bdx-prod,.bdx .bdx-plan,.bdx .bdx-ent,.bdx .bdx-rdv,.bdx .bdx-carnet,.bdx .bdx-ech,.bdx .bdx-marche,.bdx .bdx-todo-bloc,.bdx .bdx-loc,.bdx .bdx-locfiche,.bdx .bdx-shoploc,.bdx .bdx-shopens,.bdx .bdx-fiche-an,.bdx .bdx-jalon .corps,.bdx .bdx-chiffres .c,.bdx .bdx-kpis,.bdx .bdx-avance,.bdx .bdx-msg,.bdx .bdx-phrase,.bdx .bdx-vide,.bdx .bdx-depot,.bdx .bdx-suivi-ech,.bdx .bdx-journal-carnet,.bdx .bdx-astuce{border-radius:var(--R)}
.bdx .bdx-bloc,.bdx .bdx-loc,.bdx .bdx-shoploc,.bdx .bdx-shopens,.bdx details.bdx-bloc{overflow:hidden}
.bdx .bdx-btn,.bdx input[type=text],.bdx input[type=date],.bdx input[type=time],.bdx input[type=email],.bdx input[type=search],.bdx input[type=password],.bdx select,.bdx textarea,.bdx .bdx-seg,.bdx .bdx-tag{border-radius:var(--r)}.bdx .bdx-seg button{border-radius:8px}.bdx .bdx-btn.petit{border-radius:9px}
.bdx .bdx-carte-projet,.bdx .bdx-plan .vis,.bdx .bdx-tabwrap{border-radius:12px}
#bdx-app:not(.fond-plein) .bdx-bloc,#bdx-app:not(.fond-plein) .bdx-chiffres .c{box-shadow:var(--ombre-l)}
/* transitions : tout ce qui change d'état le fait en douceur, avec les deux mêmes rythmes */
.bdx input,.bdx select,.bdx textarea{transition:border-color var(--vif),box-shadow var(--vif),background-color var(--vif)}
.bdx .bdx-seg button,.bdx .bdx-puce,.bdx .bdx-etatp,.bdx .bdx-tag,.bdx .bdx-point-btn,.bdx .bdx-ico,.bdx .bdx-lien,.bdx a{transition:background-color var(--vif),color var(--vif),border-color var(--vif),opacity var(--vif),transform var(--vif)}
.bdx .bdx-chip{transition:background-color var(--vif),border-color var(--vif),color var(--vif)}.bdx .bdx-chip .pt,.bdx .bdx-chip .pt::after,.bdx .bdx-scl .piste,.bdx .bdx-scl .piste::after,.bdx .bdx-sc-opt .piste,.bdx .bdx-sc-opt .piste::after,.bdx .bdx-scl .cc{transition:background-color var(--vif),transform var(--vif),border-color var(--vif)}
.bdx .bdx-ico:hover{transform:scale(1.12)}.bdx .bdx-ico:active{transform:scale(.92)}.bdx .bdx-puce:active,.bdx .bdx-seg button:active,.bdx .bdx-chip:active{transform:scale(.96)}
.bdx .bdx-ligne-fin,.bdx .bdx-le,.bdx .bdx-cf,.bdx .bdx-regl,.bdx .bdx-action,.bdx .bdx-tab tbody tr td{transition:background-color var(--vif)}.bdx .bdx-ligne-fin:hover,.bdx .bdx-le:hover,.bdx .bdx-cf:hover,.bdx .bdx-regl:hover,.bdx .bdx-action:hover{background:color-mix(in srgb,var(--accent,var(--pin)) 6%,transparent)}
.bdx .bdx-marche,.bdx .bdx-ech,.bdx .bdx-todo-bloc,.bdx .bdx-fiche-an,.bdx .bdx-chiffres .c,.bdx .bdx-inspi{transition:box-shadow var(--souple),transform var(--souple),border-color var(--vif)}.bdx .bdx-chiffres .c:hover,.bdx .bdx-marche:hover,.bdx .bdx-ech:hover{transform:translateY(-2px)}
/* fenêtres et images en grand : ouverture et fermeture symétriques */
.bdx.bdx-modale,.bdx-lightbox,.bdx-visio{transition:opacity .2s ease}.bdx.bdx-modale .boite{transition:transform .2s ease,opacity .2s ease}
.bdx.bdx-modale.sort,.bdx-lightbox.sort,.bdx-visio.sort{opacity:0}.bdx.bdx-modale.sort .boite{transform:translateY(10px) scale(.97);opacity:0}
.bdx-lightbox,.bdx-visio{animation:bdx-fondu-simple .22s ease both}.bdx-lightbox img,.bdx-visio img{animation:bdx-pop .3s cubic-bezier(.2,.8,.2,1) both}
/* les éléments qui apparaissent après une action (résultats, messages) arrivent en fondu */
.bdx .bdx-msg,.bdx .bdx-assist [data-res]>*,.bdx .bdx-aideia .q,.bdx .bdx-aideia .r,.bdx-bulle .corps .bdx-ech{animation:bdx-fondu-haut .3s ease both}.bdx .sans-anim .bdx-msg,.bdx [data-vue-corps]:not(.entre) .bdx-msg{animation:none}
/* divers points de cohérence */
html.bdx-sombre .bdx .bdx-btn.plein.danger,html.bdx-sombre .bdx .bdx-btn.danger.plein{background:#FF9F88!important;border-color:#FF9F88!important;color:#1B1C1C!important}
.bdx .bdx-bandeau{border-radius:22px;margin:12px 14px 0;padding:12px 22px;box-shadow:var(--ombre)}html.bdx-sombre .bdx .bdx-bandeau{background:var(--fond)!important;color:#F5F3EC!important}html.bdx-sombre .bdx .bdx-bandeau b{color:var(--accent)!important}html.bdx-sombre .bdx .bdx-bandeau .bdx-btn{background:var(--accent);color:#1B1C1C;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.bdx.bdx-modale,.bdx.bdx-modale .boite,.bdx-lightbox{transition:none!important}}

#bdx-app .bdx-vue>.bdx-msg,#bdx-app .bdx-vue>.bdx-phrase,#bdx-app .bdx-vue>.bdx-todo-bloc,#bdx-app .bdx-vue .bdx-ech,#bdx-app .bdx-vue .bdx-marche,#bdx-app .bdx-vue .bdx-rdv,#bdx-app .bdx-vue .bdx-ent{border-radius:var(--R)!important}

/* fermetures : une animation dédiée, parce qu'une animation d'ouverture encore « tenue » bloquerait une simple transition */
@keyframes bdx-sort-fond{to{opacity:0}}@keyframes bdx-sort-boite{to{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes bdx-sort-panneau{to{transform:translateX(104%)}}@keyframes bdx-sort-panneau-bas{to{transform:translateY(104%)}}
.bdx.bdx-modale.sort,.bdx-lightbox.sort,.bdx-visio.sort{animation:bdx-sort-fond .2s ease both!important}.bdx.bdx-modale.sort .boite,.bdx-lightbox.sort img,.bdx-visio.sort img{animation:bdx-sort-boite .2s ease both!important}
.bdx-bulle.sort .panneau{animation:bdx-sort-panneau .26s cubic-bezier(.4,0,.6,1) both!important}.bdx-bulle.sort .fond{animation:bdx-sort-fond .26s ease both!important}
@media(max-width:760px){.bdx-bulle.sort .panneau{animation-name:bdx-sort-panneau-bas!important}}
.bdx-aidepage.sort{animation:bdx-sort-boite .22s ease both!important}
#bdx-app .bdx-vue>.bdx-phrase.deco,.bdx .bdx-phrase.deco{padding-left:58px!important}#bdx-app .bdx-vue>.bdx-msg.deco,.bdx .bdx-msg.deco{padding-left:48px!important}

/* =====================================================================
   NAVIGATION SUR TABLETTE ET TÉLÉPHONE
   – un bouton « Menu » bien visible, en bulle, toujours accessible en haut (tablette) ; la barre du bas sur téléphone
   – le menu est un tiroir qui glisse, avec un voile derrière ; il défile à l'intérieur et se ferme d'un geste
   – dans l'espace Atelier, les onglets deviennent une rangée qui défile horizontalement
   ===================================================================== */
@media(max-width:1020px){
  #bdx-app .bdx-menu{position:sticky;top:8px;z-index:40;width:auto!important;margin:8px 14px 0;padding:12px 18px!important;border-radius:22px!important;border:0!important;display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;background:var(--papier);box-shadow:var(--ombre)}
  #bdx-app .bdx-menu::after{content:"Menu";margin-left:auto;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:99px;background:var(--pin);color:#fff}
  html.bdx-sombre #bdx-app .bdx-menu{background:var(--fond)!important;color:#F5F3EC!important}html.bdx-sombre #bdx-app .bdx-menu .bdx-svg{color:var(--accent)}html.bdx-sombre #bdx-app .bdx-menu::after{background:var(--accent);color:#1B1C1C}
  /* le tiroir (menu d'un dossier) */
  #bdx-app .bdx-nav:not(:has([data-atvue])){display:flex!important;position:fixed!important;z-index:90;top:0;bottom:0;left:0;width:min(360px,86vw);margin:0!important;border-radius:0 24px 24px 0!important;padding:16px 12px 28px!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateX(-106%);visibility:hidden;transition:transform .34s cubic-bezier(.3,.8,.25,1),visibility 0s linear .34s;box-shadow:18px 0 50px rgba(0,0,0,.35)}
  #bdx-app .bdx-nav.ouvert:not(:has([data-atvue])){transform:none;visibility:visible;transition:transform .34s cubic-bezier(.3,.8,.25,1),visibility 0s}
  #bdx-app .bdx-nav .fermer-tiroir{align-self:flex-end;margin:0 4px 8px;padding:8px 14px;border-radius:99px;font-weight:700;font-size:.86rem;background:var(--surface2,var(--fond));color:inherit;min-height:40px}html.bdx-sombre #bdx-app .bdx-nav .fermer-tiroir{color:var(--accent)!important;background:var(--surface2)!important}
  .bdx-voile-menu{position:fixed;inset:0;z-index:85;border:0;padding:0;background:rgba(15,16,16,.5);opacity:0;transition:opacity .28s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.bdx-voile-menu.la{opacity:1}
  html.bdx-tiroir-ouvert{overflow:hidden}
  #bdx-app .bdx-nav button[role=tab]{min-height:46px;font-size:1rem}#bdx-app .bdx-nav .tg{min-height:46px}
  /* espace Atelier : les onglets en rangée défilante */
  #bdx-app .bdx-nav:has([data-atvue]){display:flex!important;flex-direction:row!important;position:sticky!important;top:8px;z-index:30;overflow-x:auto!important;overflow-y:hidden!important;gap:6px;margin:8px 8px 0!important;padding:8px!important;border-radius:22px!important;max-height:none!important;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  #bdx-app .bdx-nav:has([data-atvue])::-webkit-scrollbar{display:none}#bdx-app .bdx-nav:has([data-atvue]) button{flex:none;width:auto!important;white-space:nowrap;scroll-snap-align:start;padding:9px 14px!important;border-radius:99px!important;min-height:42px}#bdx-app .bdx-nav:has([data-atvue]) .lib{white-space:nowrap}
  #bdx-app:has(.bdx-nav [data-atvue]) .bdx-menu{display:none!important}
}
@media(max-width:760px){
  /* téléphone : le tiroir monte du bas, la barre du bas reste le point d'entrée */
  #bdx-app .bdx-nav:not(:has([data-atvue])){top:auto;left:0;right:0;bottom:0;width:100%;max-height:86vh!important;border-radius:24px 24px 0 0!important;transform:translateY(106%);padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;box-shadow:0 -18px 50px rgba(0,0,0,.35)}
  #bdx-app .bdx-nav.ouvert:not(:has([data-atvue])){transform:none}#bdx-app .bdx-nav:not(:has([data-atvue]))::before{content:"";align-self:center;width:44px;height:5px;border-radius:99px;background:var(--trait2);margin:-4px 0 10px;flex:none}
  #bdx-app .bdx-menu{display:none!important}
  #bdx-app .bdx-barrebas{z-index:95;border-radius:22px 22px 0 0!important;box-shadow:0 -8px 26px rgba(0,0,0,.25);padding-bottom:env(safe-area-inset-bottom)}
  #bdx-app .bdx-barrebas button{min-height:56px;transition:color var(--vif),transform var(--vif)}#bdx-app .bdx-barrebas button:active{transform:scale(.94)}
  html.bdx-sombre #bdx-app .bdx-barrebas button{color:#D8D6CF!important;opacity:1!important}html.bdx-sombre #bdx-app .bdx-barrebas button .bdx-svg{color:#D8D6CF}
  html.bdx-sombre #bdx-app .bdx-barrebas button[aria-current=true],html.bdx-sombre #bdx-app .bdx-barrebas button[aria-current=true] .bdx-svg{color:var(--accent)!important}html.bdx-sombre #bdx-app .bdx-barrebas button[aria-current=true] .ic{background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:99px;padding:4px 14px}
  #bdx-app .bdx-top{padding:12px 16px 10px!important}#bdx-app .bdx-top .bdx-titre{font-size:1.15rem}#bdx-app .bdx-top .bdx-sous{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .bdx.bdx-assist-btn{bottom:calc(74px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){#bdx-app .bdx-nav,.bdx-voile-menu{transition:none!important}}

/* ---------- photos de profil ---------- */
.bdx-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.bdx-avatar{overflow:hidden}
.bdx-avatar.geant{width:96px;height:96px;font-size:2rem}.bdx-avatar.mini{width:24px;height:24px;font-size:.7rem;margin-right:6px;vertical-align:-6px}
.bdx .bdx-moi{padding:0;border-radius:50%;line-height:0;transition:transform var(--vif),box-shadow var(--vif);box-shadow:0 0 0 2px var(--accent,var(--pin))}.bdx .bdx-moi:hover{transform:scale(1.08)}.bdx .bdx-moi .bdx-avatar{width:40px;height:40px;margin:0}
.bdx-profil-photo{display:flex;gap:18px;align-items:center;margin:6px 0 4px}
.bdx-atelier-photo{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;color:var(--encre2)}.bdx-atelier-photo .bdx-avatar{width:28px;height:28px;font-size:.72rem;margin:0}.bdx-atelier-photo em{font-style:normal;font-weight:700;letter-spacing:.04em}
.bdx-compte{display:inline-flex;align-items:center;margin-right:10px}
/* ---------- fil de messages atelier ↔ entreprise ---------- */
.bdx-filent{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding:4px 2px 8px}.bdx-filent>div{max-width:86%;padding:8px 12px;border-radius:14px;background:var(--surface2,var(--fond));white-space:pre-wrap;animation:bdx-fondu-haut .3s ease both}
.bdx-filent>div span{display:block;font-size:.72rem;font-weight:700;color:var(--encre2);margin-bottom:2px}.bdx-filent .moi{align-self:flex-end;background:var(--pin-c);border-bottom-right-radius:4px}.bdx-filent .autre{align-self:flex-start;border-bottom-left-radius:4px}
.bdx-filent-saisie{display:flex;gap:8px;align-items:flex-end;margin-top:6px}.bdx-filent-saisie textarea{flex:1}
@media(max-width:760px){.bdx-filent-saisie{flex-direction:column;align-items:stretch}}

/* ---------- bulle flottante « Discussion », au-dessus de l'assistant ---------- */
.bdx.bdx-disc-btn{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 13px;border-radius:99px;border:0;cursor:pointer;font-weight:700;font-size:.9rem;line-height:1.2;background:var(--papier,#fff);color:var(--encre,#1B2622);box-shadow:0 8px 22px rgba(27,28,28,.28);width:auto!important;height:auto!important;min-height:0!important;max-width:none;left:auto;top:auto;margin:0;transition:transform .15s ease,box-shadow .15s ease,bottom .25s cubic-bezier(.3,.8,.25,1);animation:bdx-pop .45s .08s ease both}
.bdx.bdx-disc-btn[data-pos=avec]{bottom:80px}.bdx.bdx-disc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(27,28,28,.34)}.bdx.bdx-disc-btn:active{transform:scale(.96)}.bdx.bdx-disc-btn .bdx-svg{width:18px;height:18px}
.bdx.bdx-disc-btn em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;background:var(--alerte,#A8432F);color:#fff;animation:bdx-pop .4s ease both}
html.bdx-sombre .bdx.bdx-disc-btn{background:#1B1C1C;color:#F5F3EC;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1.5px var(--accent)}html.bdx-sombre .bdx.bdx-disc-btn .bdx-svg{color:var(--accent)}html.bdx-sombre .bdx.bdx-disc-btn em{background:var(--accent);color:#1B1C1C}
@media(max-width:760px){.bdx.bdx-disc-btn{right:12px;bottom:calc(74px + env(safe-area-inset-bottom));padding:11px 13px}.bdx.bdx-disc-btn span{display:none}.bdx.bdx-disc-btn[data-pos=avec]{bottom:calc(132px + env(safe-area-inset-bottom))}}
@media print{.bdx-disc-btn{display:none!important}}
/* panneau d'échanges ouvert : les bulles flottantes se rangent à sa gauche (ordinateur) ou s'effacent (téléphone) */
.bdx.bdx-disc-btn,.bdx.bdx-assist-btn{transition:transform .15s ease,box-shadow .15s ease,right .3s cubic-bezier(.3,.8,.25,1),bottom .25s ease,opacity .2s ease}
@media(min-width:761px){html.bdx-bulle-ouverte .bdx.bdx-disc-btn,html.bdx-bulle-ouverte .bdx.bdx-assist-btn{right:calc(min(460px,94vw) + 18px)}}
@media(max-width:760px){html.bdx-bulle-ouverte .bdx.bdx-disc-btn,html.bdx-bulle-ouverte .bdx.bdx-assist-btn,html.bdx-tiroir-ouvert .bdx.bdx-disc-btn,html.bdx-tiroir-ouvert .bdx.bdx-assist-btn{opacity:0;pointer-events:none}}

/* =====================================================================
   CARNETS : des rubriques bien séparées — titre plus grand, fond propre à chaque rubrique, filet de couleur
   (décisions · compte rendu · échanges · détail du carnet · journal d'activité)
   ===================================================================== */
.bdx-carnet,.bdx-jalon .corps{font-size:1.02rem;line-height:1.6}
.bdx-carnet .bdx-decisions,.bdx-carnet .cr,.bdx-carnet .bdx-suivi-ech,.bdx-carnet .bdx-detail-carnet,.bdx-carnet .bdx-journal-carnet,.bdx-jalon .bdx-decisions,.bdx-jalon .crd,.bdx-jalon .bdx-suivi-ech,.bdx-jalon .bdx-detail-carnet,.bdx-jalon .bdx-journal-carnet,.bdx-bloc .bdx-suivi-ech,.bdx-bloc .bdx-journal-carnet{--rub:var(--pin);margin-top:16px!important;border-radius:var(--R)!important;border:1px solid color-mix(in srgb,var(--rub) 35%,var(--trait))!important;border-left:6px solid var(--rub)!important;background:color-mix(in srgb,var(--rub) 7%,var(--papier))!important;overflow:hidden}
.bdx-carnet .bdx-decisions,.bdx-jalon .bdx-decisions{--rub:var(--ocre)}.bdx-carnet .cr,.bdx-jalon .crd{--rub:var(--pin)}.bdx-suivi-ech{--rub:var(--alerte)!important}.bdx-detail-carnet{--rub:var(--mer)!important}.bdx-journal-carnet{--rub:var(--olive)!important}
/* titres de rubrique : grands, gras, sur un bandeau teinté */
.bdx .bdx-carnet .bdx-decisions>h4,.bdx .bdx-jalon .bdx-decisions>h4,.bdx .bdx-suivi-ech>summary,.bdx .bdx-detail-carnet>summary,.bdx .bdx-journal-carnet>summary,.bdx .bdx-jalon .crd>summary{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0!important;padding:12px 16px!important;border-radius:0!important;border:0!important;background:color-mix(in srgb,var(--rub) 16%,var(--papier))!important;color:var(--encre)!important;font-size:1.14rem!important;font-weight:700!important;letter-spacing:0;text-transform:none;width:100%}
.bdx .bdx-suivi-ech>summary b,.bdx .bdx-detail-carnet>summary b,.bdx .bdx-journal-carnet>summary b{font-size:1.14rem;font-weight:700}.bdx .bdx-suivi-ech>summary .bdx-aide,.bdx .bdx-detail-carnet>summary .bdx-aide,.bdx .bdx-journal-carnet>summary .bdx-aide{font-size:.92rem}
.bdx .bdx-carnet .bdx-decisions>h4 .bdx-svg,.bdx .bdx-suivi-ech>summary>.bdx-svg,.bdx .bdx-detail-carnet>summary>.bdx-svg,.bdx .bdx-journal-carnet>summary>.bdx-svg{width:30px!important;height:30px!important;padding:6px;border-radius:50%;background:var(--rub);color:#fff!important;flex:none}
.bdx-carnet .bdx-decisions>*:not(h4),.bdx-jalon .bdx-decisions>*:not(h4){margin-left:16px;margin-right:16px}.bdx-carnet .bdx-decisions>*:last-child{margin-bottom:14px}.bdx-carnet .bdx-decisions>h4+*{margin-top:12px}
/* compte rendu : il reçoit un titre, et le texte respire */
.bdx-carnet .cr{padding:0 16px 14px!important;white-space:pre-wrap;font-size:1.02rem}.bdx-carnet .cr::before{content:"Compte rendu de la réunion";display:block;margin:0 -16px 12px;padding:12px 16px;background:color-mix(in srgb,var(--rub) 16%,var(--papier));font-size:1.14rem;font-weight:700;white-space:normal}
.bdx-jalon .crd>.cr{padding:12px 16px 14px;font-size:1.02rem}
/* sous-rubriques du détail : chacune sa ligne de titre nette, avec de l'air entre elles */
.bdx-detail-carnet>.sec,.bdx-detail-carnet details.sec{margin:10px 12px!important;border:1px solid var(--trait)!important;border-radius:12px!important;background:var(--papier)!important;overflow:hidden}
.bdx .bdx-detail-carnet .sec>summary{display:flex;align-items:center;gap:10px;padding:11px 14px!important;font-size:1.06rem!important;font-weight:700!important;background:color-mix(in srgb,var(--mer) 10%,var(--papier));cursor:pointer}.bdx .bdx-detail-carnet .sec>summary .bdx-svg{width:20px;height:20px;color:var(--mer)}.bdx .bdx-detail-carnet .sec[open]>summary{border-bottom:1px solid var(--trait)}
.bdx-detail-carnet .sec>.corps,.bdx-detail-carnet .sec>*:not(summary){padding-left:14px;padding-right:14px}.bdx-detail-carnet .sec>*:last-child{padding-bottom:12px}
.bdx .bdx-carnet h4:not(.rub),.bdx .bdx-jalon .corps h4,.bdx .bdx-suivi-ech h4,.bdx .bdx-detail-carnet h4{font-size:.98rem!important;padding:5px 14px!important;margin:16px 0 8px!important}
.bdx-suivi-ech .corps-ech{padding:4px 16px 14px!important}.bdx-suivi-ech .pte{padding:12px 0!important}.bdx-suivi-ech .pte .t b{font-size:1.06rem}.bdx-suivi-ech .pte p{font-size:1rem!important}
.bdx-journal-carnet .lignes{padding:6px 16px 12px!important}.bdx-journal-carnet .l{font-size:.98rem!important;padding:8px 0!important}
.bdx-carnet .bdx-decisions .bdx-dec b,.bdx-carnet .bdx-decisions b{font-size:1.06rem}
/* thème sombre : fonds de rubrique plus clairs que la fiche, pour qu'elles se détachent */
html.bdx-sombre .bdx-carnet .bdx-decisions,html.bdx-sombre .bdx-carnet .cr,html.bdx-sombre .bdx .bdx-suivi-ech,html.bdx-sombre .bdx .bdx-detail-carnet,html.bdx-sombre .bdx .bdx-journal-carnet,html.bdx-sombre .bdx-jalon .bdx-decisions,html.bdx-sombre .bdx-jalon .crd{background:color-mix(in srgb,var(--rub) 9%,color-mix(in srgb,var(--fond) 86%,#fff))!important;border-color:color-mix(in srgb,var(--rub) 45%,transparent)!important}
html.bdx-sombre .bdx .bdx-carnet .bdx-decisions>h4,html.bdx-sombre .bdx .bdx-suivi-ech>summary,html.bdx-sombre .bdx .bdx-detail-carnet>summary,html.bdx-sombre .bdx .bdx-journal-carnet>summary,html.bdx-sombre .bdx .bdx-jalon .crd>summary,html.bdx-sombre .bdx-carnet .cr::before{background:color-mix(in srgb,var(--rub) 22%,color-mix(in srgb,var(--fond) 80%,#fff))!important;color:#fff!important}
html.bdx-sombre .bdx .bdx-carnet .bdx-decisions>h4 .bdx-svg,html.bdx-sombre .bdx .bdx-suivi-ech>summary>.bdx-svg,html.bdx-sombre .bdx .bdx-detail-carnet>summary>.bdx-svg,html.bdx-sombre .bdx .bdx-journal-carnet>summary>.bdx-svg{color:#1B1C1C!important}
html.bdx-sombre .bdx-detail-carnet>.sec,html.bdx-sombre .bdx-detail-carnet details.sec{background:var(--fond)!important;border-color:var(--trait2)!important}html.bdx-sombre .bdx .bdx-detail-carnet .sec>summary{background:color-mix(in srgb,var(--mer) 16%,var(--fond));color:#fff}
html.bdx-sombre .bdx-carnet .cr,html.bdx-sombre .bdx-carnet .bdx-decisions,html.bdx-sombre .bdx-suivi-ech .pte p{color:#F5F3EC}
@media(max-width:760px){.bdx .bdx-suivi-ech>summary,.bdx .bdx-detail-carnet>summary,.bdx .bdx-journal-carnet>summary,.bdx-carnet .cr::before{font-size:1.04rem!important;padding:11px 12px!important}.bdx-detail-carnet>.sec{margin:8px 6px!important}}
@media print{.bdx-carnet .cr::before{background:none}}
.bdx-carnet .bdx-decisions,.bdx-jalon .bdx-decisions{padding:0 0 6px!important}.bdx-carnet .bdx-decisions .bdx-dec b,.bdx-carnet .bdx-decisions b{font-size:inherit}.bdx-carnet .bdx-decisions>*:not(h4)>b:first-child,.bdx-carnet .bdx-decisions .titre{font-size:1.08rem}
.bdx-carnet .cr,.bdx-jalon .crd,.bdx-jalon .crd .cr{max-width:none!important;width:auto}

/* journal et suivi : derniers contrastes */
html.bdx-sombre .bdx .bdx-journal-carnet .q{color:var(--olive)!important}html.bdx-sombre .bdx .bdx-journal-carnet .l.client .q{color:var(--mer)!important}
html.bdx-sombre .bdx .bdx-suivi-ech>summary .bdx-aide,html.bdx-sombre .bdx .bdx-detail-carnet>summary .bdx-aide,html.bdx-sombre .bdx .bdx-journal-carnet>summary .bdx-aide{color:var(--encre)!important}
.bdx .bdx-suivi-ech>summary .bdx-aide,.bdx .bdx-detail-carnet>summary .bdx-aide,.bdx .bdx-journal-carnet>summary .bdx-aide{color:var(--encre2)}
html:not(.bdx-sombre) .bdx .bdx-fil .cat{background:rgba(255,255,255,.22);color:#fff;font-weight:800}html:not(.bdx-sombre) .bdx .delta.moins,html:not(.bdx-sombre) .bdx .bdx-casc .n.num{color:#3E4A1A}html:not(.bdx-sombre) .bdx .bdx-typecarnet.t-ocre,html:not(.bdx-sombre) .bdx .bdx-typecarnet.t-ocre em{color:#3A2A05}
html:not(.bdx-sombre) .bdx .bdx-fil .cat{background:rgba(0,0,0,.32)!important;color:#fff!important}html:not(.bdx-sombre) .bdx .bdx-typecarnet.t-ocre,html:not(.bdx-sombre) .bdx .bdx-typecarnet.t-ocre em{color:#2A1E03!important;background-color:#E9C46A!important}

/* =====================================================================
   LISTE DES DOSSIERS : numéro d'affaire, titre en gras, informations essentielles bien lisibles
   ===================================================================== */
.bdx .num-aff{display:inline-flex;align-items:center;padding:3px 11px;border-radius:99px;font-size:.86rem;font-weight:800;letter-spacing:.06em;background:var(--pin);color:#fff;font-variant-numeric:tabular-nums;vertical-align:middle;margin-right:10px;white-space:nowrap}
.bdx .num-aff.vide{background:transparent;color:var(--encre2);border:1px dashed var(--trait2);font-weight:600;letter-spacing:0}
html.bdx-sombre .bdx .num-aff{background:var(--accent);color:#1B1C1C}html.bdx-sombre .bdx .num-aff.vide{background:transparent;color:var(--encre2)}
.bdx .bdx-titre .num-aff{font-size:.78rem;transform:translateY(-2px)}
.bdx-dossier{padding:18px 20px!important;border-left:6px solid var(--accent,var(--pin))!important}
.bdx-dossier .tete .ident{min-width:0;flex:1}
.bdx .bdx-dossier .titre{font-size:1.32rem!important;font-weight:800!important;line-height:1.25;color:var(--encre)!important;text-align:left;letter-spacing:-.005em;vertical-align:middle}
.bdx .bdx-dossier .titre:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--accent,var(--pin))}
.bdx-dossier .infos{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:.98rem;color:var(--encre)}
.bdx-dossier .infos>span{display:flex;align-items:center;gap:8px;min-width:0}.bdx-dossier .infos .bdx-svg{width:17px;height:17px;flex:none;color:var(--accent,var(--pin))}
.bdx-dossier .infos .cl b{font-size:1.05rem;font-weight:700}.bdx-dossier .infos .ph{color:var(--encre2);font-size:.92rem}
.bdx-dossier .chiffres .l{font-size:.84rem;font-weight:600}.bdx-dossier .chiffres b{font-size:1.15rem;font-weight:800}.bdx-dossier .chiffres .s{font-size:.86rem}
html.bdx-sombre .bdx .bdx-dossier .titre{color:#fff!important}html.bdx-sombre .bdx-dossier .infos{color:#F5F3EC}html.bdx-sombre .bdx-dossier .infos .ph{color:#C9C7BF}
@media(max-width:760px){.bdx .bdx-dossier .titre{font-size:1.14rem!important}.bdx .num-aff{margin-bottom:4px}}

/* =====================================================================
   COHABITATION AVEC LE SITE : menu fixe du thème, barre d'administration de WordPress
   – tout ce qui se colle en haut se place SOUS le menu du site (hauteur mesurée : --bdx-haut-site)
   – nos panneaux, fenêtres et messages passent au-dessus de tout le reste de la page
   ===================================================================== */
#bdx-app .bdx-regle{top:calc(var(--bdx-haut-site,0px) + 8px)!important}#bdx-app .bdx-regle.fantome{top:auto!important}
@media(min-width:1021px){#bdx-app .bdx-nav:not(.libre){top:calc(var(--bdx-haut-site,0px) + var(--hr,0px))!important}}
@media(max-width:1020px){#bdx-app .bdx-menu,#bdx-app .bdx-nav:has([data-atvue]){top:calc(var(--bdx-haut-site,0px) + 8px)!important}#bdx-app .bdx-nav:not(:has([data-atvue])){top:var(--bdx-haut-site,0px)}}
.bdx-bulle{z-index:100000!important}.bdx-bulle .panneau{top:var(--bdx-haut-site,0px)!important}
.bdx-voile-menu{z-index:99994!important}@media(max-width:1020px){#bdx-app .bdx-nav:not(:has([data-atvue])){z-index:99996!important}#bdx-app .bdx-barrebas{z-index:99997!important}}
.bdx.bdx-modale,.bdx-lightbox,.bdx-visio,.bdx.bdx-tour{z-index:100010!important}.bdx.bdx-modale{padding-top:calc(var(--bdx-haut-site,0px) + 16px)}.bdx-toasts,.bdx-toast-zone{z-index:100020!important}
.bdx.bdx-assist-btn,.bdx.bdx-disc-btn{z-index:99990!important}.bdx.bdx-aidepage{z-index:99989!important}
/* la croix de la bulle : un vrai bouton, large, lisible */
.bdx .bdx-bulle .fermer-bulle{flex:none;padding:8px 14px;min-height:40px;border-radius:99px;font-weight:700;font-size:.86rem;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:background-color var(--vif),transform var(--vif)}.bdx .bdx-bulle .fermer-bulle:hover{background:rgba(255,255,255,.28)}.bdx .bdx-bulle .fermer-bulle:active{transform:scale(.95)}
html.bdx-sombre .bdx .bdx-bulle .fermer-bulle{background:var(--accent);color:#1B1C1C;border-color:var(--accent)}
.bdx-bulle footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media(max-width:760px){.bdx-bulle .panneau{top:auto!important;max-height:calc(86vh - var(--bdx-haut-site,0px))}}
@media(max-width:760px){#bdx-app .bdx-nav:not(:has([data-atvue])){top:auto!important;max-height:calc(86vh - var(--bdx-haut-site,0px))!important}}

/* =====================================================================
   PLUS DE PLACE : le menu se cale tout à gauche et s'affine, le contenu prend la largeur libérée.
   Le bordereau occupe toute la largeur et tient sans barre de défilement horizontale sur un écran d'ordinateur.
   ===================================================================== */
@media(min-width:1021px){
  #bdx-app .bdx-corps{grid-template-columns:208px minmax(0,1fr)!important;column-gap:0}
  #bdx-app .bdx-nav{margin:10px 0 14px 6px!important;padding:12px 8px 16px!important}
  #bdx-app .bdx-nav button[role=tab],#bdx-app .bdx-nav .tg,#bdx-app .bdx-nav>button{padding-left:10px!important;padding-right:8px!important;font-size:.88rem}#bdx-app .bdx-nav .bdx-svg{width:17px;height:17px}
  #bdx-app .bdx-top,#bdx-app .bdx-regle,#bdx-app .bdx-bandeau{margin-left:6px!important;margin-right:6px!important}
  #bdx-app .bdx-vue{max-width:1400px;padding-left:14px!important;padding-right:10px!important}
  #bdx-app[data-ecran=bordereau] .bdx-vue,#bdx-app[data-ecran=consultation] .bdx-vue,#bdx-app[data-ecran=dpgf] .bdx-vue,#bdx-app[data-ecran=planning] .bdx-vue{max-width:none!important}
}
/* bordereau : colonnes ajustées, le nom de l'ouvrage prend la place qui reste */
#bdx-app[data-ecran=bordereau] .bdx-tabwrap{overflow-x:auto}
@media(min-width:1180px){
  #bdx-app[data-ecran=bordereau] .bdx-tabwrap>table.bdx-tab{table-layout:fixed;width:100%;min-width:0!important}
  #bdx-app[data-ecran=bordereau] .bdx-tab th,#bdx-app[data-ecran=bordereau] .bdx-tab td{padding-left:4px!important;padding-right:4px!important}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th{font-size:.72rem;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(1){width:34px}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(3){width:8.2%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(4){width:5%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(5){width:5.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(6),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(7){width:6.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(8){width:8.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(9),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(11),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(12){width:4.2%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(10){width:4.8%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(13),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(14){width:6.8%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(15){width:52px}
  #bdx-app[data-ecran=bordereau] .bdx-tab td input[type=text],#bdx-app[data-ecran=bordereau] .bdx-tab td select{width:100%!important;min-width:0!important;padding-left:5px!important;padding-right:5px!important;font-size:.88rem}
  #bdx-app[data-ecran=bordereau] .bdx-tab td select{padding-right:16px!important;text-overflow:ellipsis}
  #bdx-app[data-ecran=bordereau] .bdx-tab td.num,#bdx-app[data-ecran=bordereau] .bdx-tab td.n{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.bdx-tab tr.ajout-loc td{padding:6px 8px!important;border-top:1px dashed var(--trait2)}.bdx-tab tr.ajout-loc .bdx-aide{margin-left:12px;font-size:.78rem}.bdx-tab tr.ajout-loc .bdx-btn{font-weight:700}
html.bdx-sombre .bdx .bdx-tab tr.ajout-loc .bdx-btn{background:transparent;color:var(--accent);border:1px dashed var(--accent)}html.bdx-sombre .bdx .bdx-tab tr.ajout-loc .bdx-btn:hover{background:var(--pin-c)}
@media print{.bdx-tab tr.ajout-loc{display:none}}
@media(min-width:1180px){
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th{font-size:.7rem;overflow-wrap:normal;word-break:normal;hyphens:auto;-webkit-hyphens:auto;line-height:1.25}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(3){width:9.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(4){width:5.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(5){width:6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(6),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(7){width:6.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(8){width:9.4%}
}
/* sur les grands tableaux, les bulles flottantes se réduisent à leur icône pour ne pas masquer les dernières colonnes */
html[data-bdx-ecran=bordereau] .bdx.bdx-assist-btn span,html[data-bdx-ecran=bordereau] .bdx.bdx-disc-btn span,html[data-bdx-ecran=consultation] .bdx.bdx-assist-btn span,html[data-bdx-ecran=consultation] .bdx.bdx-disc-btn span,html[data-bdx-ecran=dpgf] .bdx.bdx-assist-btn span,html[data-bdx-ecran=dpgf] .bdx.bdx-disc-btn span{display:none}
html[data-bdx-ecran=bordereau] .bdx.bdx-assist-btn,html[data-bdx-ecran=bordereau] .bdx.bdx-disc-btn,html[data-bdx-ecran=consultation] .bdx.bdx-assist-btn,html[data-bdx-ecran=consultation] .bdx.bdx-disc-btn,html[data-bdx-ecran=dpgf] .bdx.bdx-assist-btn,html[data-bdx-ecran=dpgf] .bdx.bdx-disc-btn{padding:11px;opacity:.92}
#bdx-app[data-ecran=bordereau] .bdx-vue{padding-bottom:120px}
@media(min-width:1180px){#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(11){width:5.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(12){width:4.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th{overflow:hidden}}

/* ---------- bouton « Question ou vigilance » : visible, avec son libellé ---------- */
.bdx .bdx-point-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:99px;font-size:.8rem;font-weight:700;line-height:1.2;border:1px dashed var(--trait2);background:transparent;color:var(--encre2);cursor:pointer;vertical-align:middle;white-space:nowrap;transition:background-color var(--vif),color var(--vif),border-color var(--vif),transform var(--vif)}
.bdx .bdx-point-btn .bdx-svg{width:15px;height:15px;flex:none}.bdx .bdx-point-btn:hover{border-style:solid;border-color:var(--ocre);color:var(--encre);background:var(--ocre-c);transform:translateY(-1px)}
.bdx .bdx-point-btn.a{border:1px solid var(--ocre);background:var(--ocre-c);color:var(--encre)}.bdx .bdx-point-btn.court{padding:4px 8px;gap:4px;font-size:.76rem}.bdx .bdx-point-btn.court:not(.a) span{display:none}.bdx .bdx-point-btn.court:not(.a){padding:5px;border-radius:8px}
html.bdx-sombre .bdx .bdx-point-btn{background:transparent!important;color:#DDDAD2!important;border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent)!important}html.bdx-sombre .bdx .bdx-point-btn .bdx-svg{color:var(--accent)}html.bdx-sombre .bdx .bdx-point-btn:hover{background:var(--pin-c)!important;color:#fff!important;border-style:solid!important}
html.bdx-sombre .bdx .bdx-point-btn.a{background:var(--accent)!important;color:#1B1C1C!important;border:1px solid var(--accent)!important}html.bdx-sombre .bdx .bdx-point-btn.a .bdx-svg{color:#1B1C1C}
.bdx .bdx-tab tr.ens .bdx-point-btn,html.bdx-sombre .bdx .bdx-tab tr.ens .bdx-point-btn{color:#1B1C1C!important;border-color:rgba(27,28,28,.55)!important;margin-left:12px}html.bdx-sombre .bdx .bdx-tab tr.ens .bdx-point-btn .bdx-svg{color:#1B1C1C}
.bdx .bdx-tab tr.grp .bdx-point-btn{margin-left:12px}.bdx-loc>summary .bdx-point-btn,.bdx-ens-titre .bdx-point-btn{margin-left:10px}
.bdx-locfiche{position:relative}.bdx-locfiche .lf-pt{position:absolute;top:8px;right:210px}@media(max-width:900px){.bdx-locfiche .lf-pt{position:static;padding:0 16px 8px}}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-point-btn{min-height:34px;padding:7px 13px 7px 10px}.bdx .bdx-point-btn.court:not(.a){min-width:34px;justify-content:center}}
.bdx-loc>summary .bdx-point-btn,.bdx-ens-titre .bdx-point-btn{margin-right:auto}.bdx-loc>summary h3{flex:none}
.bdx .bdx-inspi .bdx-point-btn:not(.a) span{display:none}.bdx .bdx-inspi .bdx-point-btn,html.bdx-sombre .bdx .bdx-inspi .bdx-point-btn{color:#1B1C1C!important;border-color:rgba(27,28,28,.5)!important;background:rgba(255,255,255,.85)!important;padding:5px 8px}html.bdx-sombre .bdx .bdx-inspi .bdx-point-btn .bdx-svg{color:#1B1C1C}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-inspi .bdx-ico,.bdx .bdx-inspi .bdx-point-btn{min-width:40px;min-height:40px;justify-content:center}}
@media(max-width:760px){.bdx .bdx-point-btn.clair:not(.a) span{display:none}.bdx .bdx-item .bdx-point-btn.clair:not(.a) span,.bdx .bdx-poste .bdx-point-btn.clair:not(.a) span{display:inline}.bdx .bdx-point-btn.clair:not(.a){justify-content:center}}
@media(max-width:760px){.bdx .bdx-poste .tete,.bdx .bdx-poste .tete h3,.bdx .bdx-shoploc h4,.bdx .bdx-vue h4{flex-wrap:wrap;min-width:0;max-width:100%}.bdx .bdx-poste .bdx-point-btn.clair:not(.a) span{display:none}.bdx .bdx-vue h3,.bdx .bdx-vue h4{overflow-wrap:anywhere}}

/* =====================================================================
   MENU RÉDUIT À SES ICÔNES (ordinateur) : 64 px au lieu de 208, pour donner toute la place aux grands tableaux
   ===================================================================== */
#bdx-app .bdx-nav .reduire-menu{align-self:flex-end;margin:0 2px 6px;padding:4px 10px;border-radius:99px;font-size:.74rem;font-weight:700;color:var(--encre2);background:transparent;border:1px solid var(--trait2);cursor:pointer;transition:background-color var(--vif),color var(--vif)}#bdx-app .bdx-nav .reduire-menu:hover{color:var(--encre);background:var(--surface2,var(--fond))}
html.bdx-sombre #bdx-app .bdx-nav .reduire-menu{color:var(--accent)!important;background:transparent!important;border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
@media(max-width:1020px){#bdx-app .bdx-nav .reduire-menu{display:none}}
@media(min-width:1021px){
  #bdx-app .bdx-corps{transition:grid-template-columns .3s cubic-bezier(.3,.8,.25,1)}
  #bdx-app.nav-reduit .bdx-corps{grid-template-columns:72px minmax(0,1fr)!important}
  #bdx-app.nav-reduit .bdx-nav{padding:10px 6px 14px!important;align-items:stretch}
  #bdx-app.nav-reduit .bdx-nav .reduire-menu{align-self:center;padding:4px 9px}
  #bdx-app.nav-reduit .bdx-nav .sec,#bdx-app.nav-reduit .bdx-nav .bdx-aide{display:none!important}
  #bdx-app.nav-reduit .bdx-nav button[role=tab],#bdx-app.nav-reduit .bdx-nav>.accueil,#bdx-app.nav-reduit .bdx-nav>.retour,#bdx-app.nav-reduit .bdx-nav>button:not(.reduire-menu){justify-content:center;padding:9px 0!important;position:relative;font-size:0!important;min-height:40px}
  #bdx-app.nav-reduit .bdx-nav .lib{font-size:0!important;display:flex;justify-content:center;gap:0}#bdx-app.nav-reduit .bdx-nav .bdx-svg{width:20px!important;height:20px!important;margin:0!important}
  #bdx-app.nav-reduit .bdx-nav .bdx-cpt{position:absolute;top:2px;right:4px;font-size:.62rem!important;min-width:16px;height:16px;padding:0 4px;line-height:16px}
  #bdx-app.nav-reduit .bdx-nav .tg{font-size:0!important;justify-content:center;padding:7px 0!important;position:relative}#bdx-app.nav-reduit .bdx-nav .tg::before{display:none}#bdx-app.nav-reduit .bdx-nav .tg::after{content:attr(data-court);font-size:.68rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
  #bdx-app.nav-reduit .bdx-nav .grp .items>.in{gap:1px}
}
@media print{#bdx-app{width:auto!important;margin-left:0!important}}
@media(min-width:1180px){#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(15){width:100px}#bdx-app[data-ecran=bordereau] .bdx-tab td:last-child{white-space:nowrap;overflow:hidden}#bdx-app[data-ecran=bordereau] .bdx-tab td:last-child .bdx-ico,#bdx-app[data-ecran=bordereau] .bdx-tab td:last-child .bdx-point-btn{margin:0 1px}}

/* =====================================================================
   UNE COULEUR PAR LOCALISATION — la même partout, portée par la variable --loc
   ===================================================================== */
.bdx .bdx-pl{display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--loc);margin-right:9px;vertical-align:-1px;flex:none}
/* bordereau : bandeau teinté, filet de couleur sur toutes les lignes de la localisation */
.bdx .bdx-tab tr.grp[style*="--loc"] td{background:color-mix(in srgb,var(--loc) 20%,var(--surface2,var(--fond)))!important;border-top:2px solid var(--loc)}
.bdx .bdx-tab tr.grp[style*="--loc"] td:first-child,.bdx .bdx-tab tr[data-i][style*="--loc"]>td:first-child,.bdx .bdx-tab tr.ajout-loc[style*="--loc"]>td:first-child,.bdx .bdx-tab tr.soustotal[style*="--loc"]>td:first-child{box-shadow:inset 6px 0 0 var(--loc)}
.bdx .bdx-tab tr.grp[style*="--loc"] .nomloc{font-weight:800}.bdx .bdx-tab tr.grp[style*="--loc"] .nomloc::before{content:"";display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--loc);margin-right:9px;vertical-align:-1px}
.bdx .bdx-tab tr[data-i][style*="--loc"]>td{background:color-mix(in srgb,var(--loc) 4%,transparent)}.bdx .bdx-tab tr[data-i][style*="--loc"]:hover>td{background:color-mix(in srgb,var(--loc) 12%,transparent)!important}
.bdx .bdx-tab tr.soustotal[style*="--loc"] td{background:color-mix(in srgb,var(--loc) 10%,transparent);border-bottom:2px solid color-mix(in srgb,var(--loc) 55%,transparent);font-weight:700}
html.bdx-sombre .bdx .bdx-tab tr.ajout-loc[style*="--loc"] .bdx-btn{color:var(--loc)!important;border-color:var(--loc)!important}
/* arbitrage, localisations, shopping list */
.bdx .bdx-loc[style*="--loc"],.bdx .bdx-locfiche[style*="--loc"],.bdx .bdx-shoploc[style*="--loc"]{border-left:6px solid var(--loc)!important}
.bdx .bdx-loc[style*="--loc"]>summary,.bdx .bdx-shoploc[style*="--loc"]>summary,.bdx .bdx-locfiche[style*="--loc"]>.tete{background:color-mix(in srgb,var(--loc) 16%,var(--papier))!important}
.bdx .bdx-loc[style*="--loc"] .bdx-item{border-left-color:color-mix(in srgb,var(--loc) 55%,transparent)}
.bdx .bdx-locfiche[style*="--loc"] .tete b::before,.bdx .bdx-shoploc[style*="--loc"]>summary h3::before{content:"";display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--loc);margin-right:9px;vertical-align:-1px}
.bdx .bdx-locfiche[style*="--loc"] .bdx-jauge i{background:var(--loc)}
/* paramètres : pastille de couleur à choisir */
.bdx .bdx-le:has([data-le-couleur]){grid-template-columns:58px 34px minmax(0,1fr) auto 34px}.bdx .bdx-le [data-le-couleur]{width:30px;height:30px;padding:0;border:2px solid var(--trait2);border-radius:8px;background:none;cursor:pointer}.bdx .bdx-le [data-le-couleur]::-webkit-color-swatch-wrapper{padding:2px}.bdx .bdx-le [data-le-couleur]::-webkit-color-swatch{border:0;border-radius:5px}
@media print{.bdx .bdx-tab tr.grp[style*="--loc"] td{background:#f1f1f1!important}}
html.bdx-sombre .bdx .bdx-tab tr.grp[style*="--loc"] .bdx-aide{color:#E6E3DB!important}html:not(.bdx-sombre) .bdx .bdx-tab tr.grp[style*="--loc"] .bdx-aide{color:#2F3D38}
html.bdx-sombre .bdx .bdx-loc[style*="--loc"]>summary .st,html.bdx-sombre .bdx .bdx-shoploc[style*="--loc"]>summary .bdx-aide,html.bdx-sombre .bdx .bdx-locfiche[style*="--loc"]>.tete span{color:#E6E3DB}

/* ---------- poignée de déplacement des lignes du bordereau ---------- */
.bdx .bdx-poignee{display:inline-flex;align-items:center;justify-content:center;width:18px;height:26px;padding:0;margin-right:2px;border:0;border-radius:6px;background:transparent;color:var(--encre2);cursor:grab;vertical-align:middle;opacity:.55;transition:opacity var(--vif),background-color var(--vif),color var(--vif);touch-action:none}
.bdx .bdx-poignee svg{fill:currentColor;pointer-events:none}.bdx tr:hover .bdx-poignee,.bdx .bdx-poignee:focus-visible{opacity:1}.bdx .bdx-poignee:hover{background:color-mix(in srgb,var(--loc,var(--pin)) 25%,transparent);color:var(--encre)}.bdx .bdx-poignee:active{cursor:grabbing}.bdx .bdx-poignee[disabled]{opacity:.2;cursor:not-allowed}
html.bdx-sombre .bdx .bdx-poignee{color:#C9C7BF}html.bdx-sombre .bdx .bdx-poignee:hover{color:#fff}
.bdx .bdx-tab td.c:has(.bdx-poignee){white-space:nowrap}
@media(min-width:1180px){#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(1){width:54px}}
.bdx .bdx-tab tr.en-deplacement>td{opacity:.35}
.bdx .bdx-tab tr.depot-dessus>td{box-shadow:inset 0 3px 0 var(--accent,var(--pin))!important}.bdx .bdx-tab tr.depot-dessous>td{box-shadow:inset 0 -3px 0 var(--accent,var(--pin))!important}
.bdx .bdx-tab tr.depot-dans>td{outline:2px dashed var(--accent,var(--pin));outline-offset:-3px;background:color-mix(in srgb,var(--accent,var(--pin)) 14%,transparent)!important}
@keyframes bdx-arrive{0%{background-color:color-mix(in srgb,var(--accent,#EFE7D5) 45%,transparent)}100%{background-color:transparent}}.bdx .bdx-tab tr.vient-d-arriver>td{animation:bdx-arrive 1.1s ease both}
@media(max-width:1020px),(pointer:coarse){.bdx .bdx-poignee{width:30px;height:36px;opacity:.9}}
@media print{.bdx .bdx-poignee{display:none}}
/* volet de détail d'une ligne : actions en pied, l'historique à droite */
.bdx .bdx-pied-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.bdx .bdx-pied-detail .histo{margin-left:auto}
@media(min-width:1180px){#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(15){width:74px}}

/* bordereau : légende des colonnes répétée sous chaque localisation ; effet réel des cases « soi-même » et « via l'atelier » */
.bdx .bdx-tab tr.legende-loc td{padding:3px 4px!important;font-size:.66rem;line-height:1.15;font-weight:700;letter-spacing:.02em;color:var(--encre2);background:color-mix(in srgb,var(--loc,var(--trait)) 8%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--loc,var(--trait)) 40%,transparent);white-space:normal;vertical-align:bottom;overflow:hidden}
.bdx .bdx-tab tr.legende-loc td:first-child{box-shadow:inset 6px 0 0 var(--loc)}.bdx .bdx-tab tr.legende-loc td.n{text-align:right}.bdx .bdx-tab tr.legende-loc td.c{text-align:center}
html.bdx-sombre .bdx .bdx-tab tr.legende-loc td{color:#D6D3CB}
.bdx .bdx-tab .eco{display:block;font-size:.66rem;line-height:1.1;font-weight:700;color:var(--olive);white-space:nowrap;margin-top:1px}.bdx .bdx-tab .eco.off{color:var(--alerte)}.bdx .bdx-tab .eco:empty{display:none}
@media print{.bdx .bdx-tab tr.legende-loc{display:none}}

/* bordereau à 16 colonnes (fournisseur ajouté) : largeurs recalées */
@media(min-width:1180px){
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(1){width:54px}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(2){width:auto}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(3){width:8.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(4){width:5%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(5){width:5.2%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(6),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(7){width:6%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(8){width:8.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(9){width:8.6%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(10){width:4.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(11){width:4.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(12){width:5.2%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(13){width:4.4%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(14),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(15){width:6.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(16){width:74px}
}
@media(min-width:1180px){
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(3){width:7.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(4){width:4.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(5){width:4.6%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(6),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(7){width:5.4%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(8),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(9){width:7.8%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(10){width:3.6%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(11){width:4.2%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(12){width:4.4%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(13){width:3.6%}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(14),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(15){width:6%}
  #bdx-app[data-ecran=bordereau] .bdx-tab td input[data-f=sujet]{font-weight:600}
}
@media(min-width:1180px){
  /* listes des lignes : pas de grosse flèche système, pour laisser la place au texte */
  #bdx-app[data-ecran=bordereau] .bdx-tab td select{-webkit-appearance:none;appearance:none;padding:6px 14px 6px 6px!important;font-size:.82rem;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 8px) 55%,calc(100% - 4px) 55%;background-size:4px 4px;background-repeat:no-repeat;text-overflow:ellipsis;cursor:pointer}
  #bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(14),#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(15){width:6.8%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(3){width:7.2%}#bdx-app[data-ecran=bordereau] .bdx-tab thead th:nth-child(11){width:3.8%}
  #bdx-app[data-ecran=bordereau] .bdx-tab tr.grp td.num,#bdx-app[data-ecran=bordereau] .bdx-tab tr.soustotal td.num,#bdx-app[data-ecran=bordereau] .bdx-tab tr.ens td.num{overflow:visible;text-overflow:clip;font-size:.84rem}
}
.bdx .bdx-tab tr.legende-loc td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal;hyphens:auto}
.bdx .bdx-tab .eco{white-space:normal;text-align:center;font-size:.62rem;line-height:1.05}
#bdx-app .bdx-tab tr.legende-loc td,#bdx-app[data-ecran=bordereau] .bdx-tab tr.legende-loc td.n,#bdx-app[data-ecran=bordereau] .bdx-tab tr.legende-loc td.num{font-size:.66rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;padding:4px!important}

/* ---------- onglet Échanges : ajouter un point, bien en vue ---------- */
.bdx .bdx-ajout-ech{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 10px;padding:12px 14px;border-radius:var(--R);background:var(--papier);border:1px solid var(--trait);box-shadow:var(--ombre-l)}
.bdx .bdx-ajout-ech .lib{font-weight:800;font-size:.95rem;margin-right:4px}.bdx .bdx-ajout-ech .bdx-btn{font-weight:700;padding:9px 16px}.bdx .bdx-ajout-ech .bdx-btn.grand{font-size:1.02rem;padding:12px 20px}.bdx .bdx-ajout-ech .bdx-aide{max-width:none;flex:1;min-width:220px}
html.bdx-sombre .bdx .bdx-ajout-ech{background:var(--fond)!important;border-color:transparent}html.bdx-sombre .bdx .bdx-ajout-ech .lib{color:#fff}
html.bdx-sombre .bdx .bdx-ajout-ech .bdx-btn:not(.plein){background:transparent;color:var(--accent);border:1px solid var(--accent)}html.bdx-sombre .bdx .bdx-ajout-ech .bdx-btn:not(.plein) .bdx-svg{color:var(--accent)}html.bdx-sombre .bdx .bdx-ajout-ech .bdx-btn:not(.plein):hover{background:var(--pin-c);color:#fff}
.bdx details.bdx-nouveau:not([open]){display:none}.bdx details.bdx-nouveau[open]>summary{pointer-events:none}.bdx details.bdx-nouveau[open]>summary::before,.bdx details.bdx-nouveau[open]>summary::marker{display:none;content:""}
@media(max-width:760px){.bdx .bdx-ajout-ech .bdx-btn{flex:1 1 44%;justify-content:center}.bdx .bdx-ajout-ech .bdx-btn.grand{flex-basis:100%}}

/* =====================================================================
   SHOPPING LIST : fiches en ligne avec une miniature, image agrandie quand on ouvre la fiche (ou en cliquant dessus),
   poste du bordereau dans l'en-tête du produit, flèches bien visibles sur les blocs qui se déplient
   ===================================================================== */
.bdx .bdx-prods{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px}
.bdx .bdx-prod{display:grid!important;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"im corps" "form form";align-items:start;border-top-width:1px!important;border-left:4px solid var(--trait2)}
.bdx .bdx-prod.choisi{border-left-color:var(--olive)}
.bdx .bdx-prod .im{grid-area:im;width:88px;height:88px;aspect-ratio:auto;margin:10px 0 10px 10px;border-radius:12px;overflow:hidden;transition:width var(--souple),height var(--souple)}
.bdx .bdx-prod .im img{width:100%;height:100%;object-fit:cover}.bdx .bdx-prod .im .imb{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative}
.bdx .bdx-prod .im .imb::after{content:"⤢";position:absolute;right:4px;bottom:4px;width:20px;height:20px;border-radius:6px;background:rgba(27,28,28,.72);color:#fff;font-size:.8rem;line-height:20px;text-align:center;opacity:0;transition:opacity var(--vif)}.bdx .bdx-prod .im .imb:hover::after,.bdx .bdx-prod .im .imb:focus-visible::after{opacity:1}
.bdx .bdx-prod .im .bdx-aide{font-size:.68rem;text-align:center;padding:4px}.bdx .bdx-prod .im .coche{font-size:.62rem;padding:2px 6px;top:4px;left:4px}
.bdx .bdx-prod .corps{grid-area:corps;padding:10px 14px 10px 12px;min-width:0}.bdx .bdx-prod .corps h4{margin:0 0 2px!important;padding:0!important;background:none!important;font-size:1.02rem!important;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.bdx .bdx-prod .pied{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bdx .bdx-prod .form{grid-area:form;border-top:1px solid var(--trait);padding:12px 14px}
.bdx .bdx-prod.ouverte{grid-template-columns:220px minmax(0,1fr)}.bdx .bdx-prod.ouverte .im{width:200px;height:200px}.bdx .bdx-prods:has(.bdx-prod.ouverte){grid-template-columns:1fr}
/* le poste, dans l'en-tête de la fiche */
.bdx .bdx-prod .poste{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 6px;padding:5px 8px;border-radius:10px;background:color-mix(in srgb,var(--mer) 12%,transparent);font-size:.84rem}
.bdx .bdx-prod .poste>span{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}.bdx .bdx-prod .poste .bdx-svg{width:15px;height:15px}.bdx .bdx-prod .poste select{flex:1;min-width:150px;max-width:100%;padding:5px 8px;font-size:.86rem}
.bdx .bdx-prod .poste.vide{background:color-mix(in srgb,var(--alerte) 14%,transparent)}.bdx .bdx-prod .poste.lecture{font-weight:400}.bdx .bdx-prod .poste.lecture span{white-space:normal;font-weight:400}
html.bdx-sombre .bdx .bdx-prod .poste{color:#F5F3EC}html.bdx-sombre .bdx .bdx-prod .poste .bdx-svg{color:var(--accent)}
@media(max-width:760px){.bdx .bdx-prods{grid-template-columns:1fr}.bdx .bdx-prod{grid-template-columns:72px minmax(0,1fr)}.bdx .bdx-prod .im{width:72px;height:72px;margin:8px 0 8px 8px}.bdx .bdx-prod.ouverte{grid-template-columns:1fr;grid-template-areas:"im" "corps" "form"}.bdx .bdx-prod.ouverte .im{width:calc(100% - 16px);height:200px}}

/* flèches d'ouverture : un rond avec un chevron, à droite de chaque bloc qui se déplie — il tourne quand le bloc est ouvert */
.bdx .bdx-shopens>summary,.bdx .bdx-shoploc>summary{grid-template-columns:minmax(0,1fr) auto auto 34px!important}
.bdx .bdx-shopens>summary .t b::before{content:""!important;display:none!important}
.bdx .bdx-shopens>summary::after,.bdx .bdx-shoploc>summary::after,.bdx .bdx-loc>summary::after,.bdx .bdx-suivi-ech>summary::after,.bdx .bdx-detail-carnet>summary::after,.bdx .bdx-journal-carnet>summary::after,.bdx .bdx-detail-carnet .sec>summary::after,.bdx details.bdx-salve>summary::after,.bdx .bdx-proposer>summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;margin-left:auto;background-color:color-mix(in srgb,currentColor 14%,transparent);background-image:linear-gradient(45deg,transparent 46%,currentColor 46%,currentColor 56%,transparent 56%),linear-gradient(-45deg,transparent 46%,currentColor 46%,currentColor 56%,transparent 56%);background-size:8px 8px,8px 8px;background-position:calc(50% - 3px) 52%,calc(50% + 3px) 52%;background-repeat:no-repeat;transition:transform var(--souple),background-color var(--vif);justify-self:end}
.bdx details[open]>summary::after{transform:rotate(180deg)}
.bdx .bdx-shopens>summary:hover::after,.bdx .bdx-shoploc>summary:hover::after,.bdx .bdx-loc>summary:hover::after,.bdx .bdx-detail-carnet .sec>summary:hover::after{background-color:color-mix(in srgb,currentColor 28%,transparent)}
.bdx .bdx-loc>summary,.bdx .bdx-suivi-ech>summary,.bdx .bdx-detail-carnet>summary,.bdx .bdx-journal-carnet>summary,.bdx .bdx-detail-carnet .sec>summary,.bdx details.bdx-salve>summary,.bdx .bdx-proposer>summary{cursor:pointer;list-style:none}
.bdx .bdx-loc>summary::-webkit-details-marker,.bdx .bdx-detail-carnet .sec>summary::-webkit-details-marker,.bdx .bdx-proposer>summary::-webkit-details-marker{display:none}
.bdx .bdx-loc>summary::before{display:none!important}
.bdx .bdx-shoploc>summary .t b::before,.bdx .bdx-shoploc>summary .t::before,.bdx .bdx-shoploc>summary::before,.bdx .bdx-shopens>summary::before{content:""!important;display:none!important}

/* =====================================================================
   MODES D'AFFICHAGE DES COLLECTIONS : liste · fiches détaillées · petits carrés · grandes vignettes
   et des vues temporelles : tout · liste · calendrier · frise · Gantt
   ===================================================================== */
.bdx .bdx-modes-barre{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 10px}
.bdx .bdx-modes{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--papier);border:1px solid var(--trait)}
.bdx .bdx-modes .l{font-size:.78rem;font-weight:700;padding:0 8px 0 9px;color:var(--encre2)}
.bdx .bdx-modes button{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;border:0;background:transparent;color:var(--encre2);cursor:pointer;font-size:.8rem;font-weight:600;transition:background-color var(--vif),color var(--vif)}
.bdx .bdx-modes button span{display:none}.bdx .bdx-modes button[aria-pressed=true] span{display:inline}.bdx .bdx-modes button:hover{color:var(--encre);background:color-mix(in srgb,var(--encre) 8%,transparent)}
.bdx .bdx-modes button[aria-pressed=true]{background:var(--pin);color:#fff}
html.bdx-sombre .bdx .bdx-modes{background:var(--fond)!important;border-color:transparent}html.bdx-sombre .bdx .bdx-modes .l{color:#C9C7BF}html.bdx-sombre .bdx .bdx-modes button{color:#DDDAD2}html.bdx-sombre .bdx .bdx-modes button[aria-pressed=true]{background:var(--accent);color:#1B1C1C}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-modes-barre{background:transparent!important;box-shadow:none!important;padding:0!important}
@media(max-width:760px){.bdx .bdx-modes .l{display:none}.bdx .bdx-modes button{padding:9px 11px;min-height:40px}.bdx .bdx-modes button[aria-pressed=true] span{display:none}}
@media print{.bdx .bdx-modes-barre{display:none}}

/* ---- produits ---- */
.bdx .bdx-prods[data-mode=liste]{grid-template-columns:1fr!important;gap:4px}
.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte){grid-template-columns:52px minmax(0,1fr)}.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .im{width:40px;height:40px;margin:6px 0 6px 8px;border-radius:8px}
.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .corps{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(200px,1.2fr) minmax(90px,.5fr) auto;gap:4px 14px;align-items:center;padding:6px 12px 6px 8px}
.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .corps>.bdx-aide,.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .corps>.bdx-cctp-t{display:none}.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .poste{margin:0}.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .pied{margin:0;justify-content:flex-end}.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .px .bdx-aide{display:none}.bdx .bdx-prods[data-mode=liste] .bdx-prod .coche{display:none}.bdx .bdx-prods[data-mode=liste] .bdx-prod .bdx-prop{grid-column:1/-1}
.bdx .bdx-prods[data-mode=carres]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px}
.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte){grid-template-columns:1fr;grid-template-areas:"im" "corps";border-left-width:1px}.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .im{width:100%;height:auto;aspect-ratio:1;margin:0;border-radius:0}
.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .corps{padding:8px 10px}.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) h4{font-size:.86rem!important}.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .poste,.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .corps>.bdx-aide,.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .bdx-point-btn,.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .px .bdx-aide,.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .pied a{display:none}.bdx .bdx-prods[data-mode=carres] .bdx-prod:not(.ouverte) .pied .bdx-btn{padding:4px 8px;font-size:.74rem}
.bdx .bdx-prods[data-mode=grandes]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:16px}
.bdx .bdx-prods[data-mode=grandes] .bdx-prod:not(.ouverte){grid-template-columns:1fr;grid-template-areas:"im" "corps"}.bdx .bdx-prods[data-mode=grandes] .bdx-prod:not(.ouverte) .im{width:100%;height:auto;aspect-ratio:4/3;margin:0;border-radius:0}

/* ---- plans ---- */
.bdx .bdx-plans[data-mode=liste]{grid-template-columns:1fr!important;gap:4px}.bdx .bdx-plans[data-mode=liste] .bdx-plan{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center}.bdx .bdx-plans[data-mode=liste] .bdx-plan .vis{width:52px;height:52px;aspect-ratio:auto;margin:6px;border-radius:8px;overflow:hidden}
.bdx .bdx-plans[data-mode=liste] .bdx-plan .c{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) auto;gap:4px 14px;align-items:center;padding:6px 12px}.bdx .bdx-plans[data-mode=liste] .bdx-plan .c h3{margin:0;font-size:1rem}.bdx .bdx-plans[data-mode=liste] .bdx-plan .c .bdx-cctp-t,.bdx .bdx-plans[data-mode=liste] .bdx-plan .c .versions{display:none}
.bdx .bdx-plans[data-mode=details]{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))!important}.bdx .bdx-plans[data-mode=details] .bdx-plan{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start}.bdx .bdx-plans[data-mode=details] .bdx-plan .vis{width:138px;height:138px;aspect-ratio:auto;margin:8px;border-radius:12px;overflow:hidden}
.bdx .bdx-plans[data-mode=carres]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px}.bdx .bdx-plans[data-mode=carres] .bdx-plan .vis{aspect-ratio:1}.bdx .bdx-plans[data-mode=carres] .bdx-plan .c{padding:8px 10px}.bdx .bdx-plans[data-mode=carres] .bdx-plan .c h3{font-size:.88rem;margin:0}.bdx .bdx-plans[data-mode=carres] .bdx-plan .c>*:not(h3):not(.bdx-aide){display:none}.bdx .bdx-plans[data-mode=carres] .bdx-plan .c .bdx-aide{font-size:.72rem}
.bdx .bdx-plans[data-mode=grandes]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}
.bdx .bdx-plans .bdx-plan .vis img{width:100%;height:100%;object-fit:cover}

/* ---- entreprises et fournisseurs ---- */
.bdx .bdx-ents[data-mode=liste]{grid-template-columns:1fr!important;gap:4px}
.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)){display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(0,2fr) auto;gap:6px 16px;align-items:center;padding:8px 14px}
.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)) .tete{margin:0;padding:0;border:0}.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)) .tete .bdx-avatar{width:34px;height:34px;font-size:.8rem}.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)) .tete h3{font-size:1rem;margin:0}
.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)) .coord{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0;padding:0;font-size:.88rem}.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)) .coord .note{display:none}.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)) .pied{margin:0;padding:0;border:0}
.bdx .bdx-ents[data-mode=carres]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:10px}
.bdx .bdx-ents[data-mode=carres] .bdx-ent:not(:has(.form)) .tete{flex-direction:column;align-items:center;text-align:center;gap:8px}.bdx .bdx-ents[data-mode=carres] .bdx-ent:not(:has(.form)) .tete .bdx-avatar{width:64px;height:64px;font-size:1.3rem}.bdx .bdx-ents[data-mode=carres] .bdx-ent:not(:has(.form)) .coord>*:not(:first-child),.bdx .bdx-ents[data-mode=carres] .bdx-ent:not(:has(.form)) .bdx-point-btn span{display:none}.bdx .bdx-ents[data-mode=carres] .bdx-ent:not(:has(.form)) .coord{text-align:center;font-size:.84rem}.bdx .bdx-ents[data-mode=carres] .bdx-ent:not(:has(.form)) .pied{justify-content:center}
.bdx .bdx-ents:has(.bdx-ent .form){grid-template-columns:1fr!important}

/* ---- dossiers ---- */
.bdx .bdx-dossiers[data-mode=liste]{grid-template-columns:1fr!important;gap:4px}
.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(0,2fr) auto;gap:4px 18px;align-items:center;padding:10px 16px!important}
.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .couverture,.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .pastilles .bdx-aide{display:none}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .titre{font-size:1.08rem!important}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .infos{margin-top:3px;font-size:.86rem;flex-direction:row;flex-wrap:wrap;gap:2px 14px}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .infos .ph{display:none}
.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .chiffres{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .chiffres .bdx-barre,.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .chiffres .s{display:none}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .chiffres b{font-size:1rem}
.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .pastilles{grid-column:1/3;margin:0}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .pied{grid-column:3;grid-row:1/3;margin:0;padding:0;border:0;align-self:center}
.bdx .bdx-dossiers[data-mode=carres]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:12px}
.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier{padding:0 0 12px!important}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .couverture{aspect-ratio:4/3}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .tete{padding:10px 12px 0}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .titre{font-size:1rem!important}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .infos>span:not(.cl),.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .chiffres>div:not(:first-child),.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .chiffres .s,.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .pastilles .bdx-aide{display:none}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .chiffres,.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .pastilles,.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .pied{padding-left:12px;padding-right:12px}

/* ---- photos ---- */
.bdx .bdx-mosaique[data-mode=carres]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:6px}.bdx .bdx-mosaique[data-mode=carres] figure .act,.bdx .bdx-mosaique[data-mode=carres] figure input{display:none}
.bdx .bdx-mosaique[data-mode=grandes]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;gap:16px}

/* ---- frise (rendez-vous, planning) ---- */
.bdx .bdx-frise-rdv{position:relative;margin:6px 0 0;padding-left:26px;border-left:3px solid var(--trait2)}
.bdx .bdx-frise-rdv h4{margin:18px 0 8px -14px!important;display:inline-block;text-transform:capitalize}.bdx .bdx-frise-rdv h4:first-child{margin-top:0!important}
.bdx .bdx-frise-rdv .ev{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;margin:0 0 6px;padding:9px 14px;border-radius:var(--R);background:var(--papier);border:1px solid var(--trait);color:inherit;font:inherit;transition:transform var(--souple),box-shadow var(--souple)}
.bdx .bdx-frise-rdv button.ev{cursor:pointer}.bdx .bdx-frise-rdv button.ev:hover{transform:translateX(3px);box-shadow:var(--ombre-l)}
.bdx .bdx-frise-rdv .ev::before{content:"";position:absolute;left:-35px;top:50%;width:13px;height:13px;margin-top:-7px;border-radius:50%;background:var(--accent,var(--pin));border:3px solid var(--fond)}
.bdx .bdx-frise-rdv .ev.passe{opacity:.62}.bdx .bdx-frise-rdv .ev.passe::before{background:var(--trait2)}.bdx .bdx-frise-rdv .ev.annule .t b{text-decoration:line-through}
.bdx .bdx-frise-rdv .d{display:flex;flex-direction:column;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--encre2)}.bdx .bdx-frise-rdv .d b{font-size:1.35rem;line-height:1;color:var(--encre)}
.bdx .bdx-frise-rdv .t{display:flex;flex-direction:column;min-width:0}.bdx .bdx-frise-rdv .t em{font-style:normal;font-size:.86rem;color:var(--encre2)}
.bdx .bdx-frise-rdv .auj{position:relative;margin:12px 0 12px -26px;padding-left:26px;border-top:2px dashed var(--alerte)}.bdx .bdx-frise-rdv .auj span{position:relative;top:-11px;display:inline-block;padding:1px 10px;border-radius:99px;font-size:.74rem;font-weight:800;background:var(--alerte);color:#fff}
html.bdx-sombre .bdx .bdx-frise-rdv .ev{background:var(--fond);border-color:transparent;color:#F5F3EC}html.bdx-sombre .bdx .bdx-frise-rdv .d b{color:#fff}html.bdx-sombre .bdx .bdx-frise-rdv .d,html.bdx-sombre .bdx .bdx-frise-rdv .t em{color:#C9C7BF}html.bdx-sombre .bdx .bdx-frise-rdv .auj span{color:#1B1C1C}html.bdx-sombre .bdx .bdx-frise-rdv{border-left-color:color-mix(in srgb,var(--fond) 55%,#fff)}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-frise-rdv{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 0 0 26px!important}
@media(max-width:760px){.bdx .bdx-prods[data-mode=liste] .bdx-prod:not(.ouverte) .corps,.bdx .bdx-plans[data-mode=liste] .bdx-plan .c,.bdx .bdx-ents[data-mode=liste] .bdx-ent:not(:has(.form)),.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier{grid-template-columns:1fr!important}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .pied{grid-column:1;grid-row:auto}.bdx .bdx-dossiers[data-mode=liste] .bdx-dossier .pastilles{grid-column:1}.bdx .bdx-frise-rdv .ev{grid-template-columns:46px minmax(0,1fr)}.bdx .bdx-frise-rdv .ev .bdx-etatp{grid-column:2;justify-self:start}.bdx .bdx-plans[data-mode=details]{grid-template-columns:1fr!important}}
/* petits carrés : rien ne dépasse, les textes reviennent à la ligne */
.bdx .bdx-collection[data-mode=carres]>*{min-width:0;overflow:hidden}.bdx .bdx-collection[data-mode=carres]>* *{min-width:0;overflow-wrap:anywhere}.bdx .bdx-collection[data-mode=carres] .bdx-etatp,.bdx .bdx-collection[data-mode=carres] .num-aff{white-space:normal}
.bdx .bdx-ents[data-mode=carres] .bdx-ent .tete>div{width:100%}.bdx .bdx-ents[data-mode=carres] .bdx-ent .pied{flex-wrap:wrap}
.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .pied{flex-wrap:wrap;gap:6px}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .pied .bdx-aide{display:none}.bdx .bdx-dossiers[data-mode=carres] .bdx-dossier .chiffres{display:block}
.bdx .bdx-ents .bdx-ent{min-width:0}.bdx .bdx-ents .bdx-ent .coord,.bdx .bdx-ents .bdx-ent .coord *{min-width:0;overflow-wrap:anywhere}
.bdx .bdx-plans[data-mode=carres] .bdx-plan,.bdx .bdx-plans[data-mode=grandes] .bdx-plan{display:flex!important;flex-direction:column}.bdx .bdx-plans[data-mode=carres] .bdx-plan .vis,.bdx .bdx-plans[data-mode=carres] .bdx-plan .c{width:100%;flex:none}

/* Survol des fiches : elles ne se déplacent plus (une fiche qui se soulève sous un curseur posé sur son bord se met à trembler).
   Le retour visuel passe par l'ombre et le filet, qui ne changent pas la zone survolée. */
.bdx .bdx-carte:hover,.bdx .bdx-dossier:hover,.bdx .bdx-prod:hover,.bdx .bdx-ent:hover,.bdx .bdx-rdv:hover,.bdx .bdx-carnet:hover,.bdx .bdx-chiffres .c:hover,.bdx .bdx-marche:hover,.bdx .bdx-ech:hover,.bdx .bdx-cr:hover,.bdx .bdx-frise-ph .ph:hover,.bdx .bdx-frise-rdv button.ev:hover{transform:none!important}
.bdx .bdx-dossier:hover,.bdx .bdx-prod:hover,.bdx .bdx-ent:hover,.bdx .bdx-rdv:hover,.bdx .bdx-carnet:hover,.bdx .bdx-marche:hover,.bdx .bdx-ech:hover,.bdx .bdx-frise-rdv button.ev:hover{box-shadow:0 10px 26px rgba(27,28,28,.2),0 0 0 1px color-mix(in srgb,var(--accent,var(--pin)) 55%,transparent)}

/* =====================================================================
   FILTRER ET TRIER : barre commune à toutes les listes, et filtres du bordereau
   ===================================================================== */
.bdx .filtre-cache{display:none!important}
.bdx .bdx-tri{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:12px;background:var(--papier);border:1px solid var(--trait)}
.bdx .bdx-tri input[type=search]{width:170px;padding:6px 10px;border-radius:9px;font-size:.86rem}.bdx .bdx-tri select{padding:6px 8px;border-radius:9px;font-size:.84rem;max-width:210px}
.bdx .bdx-tri button{width:32px;height:32px;border-radius:9px;border:1px solid var(--trait2);background:transparent;color:inherit;font-weight:800;cursor:pointer;transition:background-color var(--vif)}.bdx .bdx-tri button:disabled{opacity:.35;cursor:default}.bdx .bdx-tri button:not(:disabled):hover{background:color-mix(in srgb,var(--accent,var(--pin)) 20%,transparent)}
.bdx .bdx-tri .bdx-aide{font-size:.78rem;white-space:nowrap}
html.bdx-sombre .bdx .bdx-tri{background:var(--fond)!important;border-color:transparent;color:#F5F3EC}html.bdx-sombre .bdx .bdx-tri button{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}html.bdx-sombre .bdx .bdx-tri .bdx-aide{color:#C9C7BF}
.bdx .bdx-filtres-bord{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 10px;padding:10px 12px;border-radius:var(--R);background:var(--papier);border:1px solid var(--trait)}
.bdx .bdx-filtres-bord input[type=search]{width:220px}.bdx .bdx-filtres-bord select{max-width:190px;font-size:.86rem}.bdx .bdx-filtres-bord .bdx-coche{font-size:.86rem;white-space:nowrap}.bdx .bdx-filtres-bord [data-fb-cpt]{flex:1;min-width:200px;font-size:.8rem}
html.bdx-sombre .bdx .bdx-filtres-bord{background:var(--fond)!important;border-color:transparent;color:#F5F3EC}html.bdx-sombre .bdx .bdx-filtres-bord [data-fb-cpt]{color:var(--accent-doux)}
#bdx-app.bord-filtre .bdx-tab tr.ajout-loc{display:none}
html.bdx-fond-clair #bdx-app:not(.fond-plein) .bdx-vue>.bdx-filtres-bord{padding:10px 12px!important}
@media(max-width:760px){.bdx .bdx-tri{width:100%}.bdx .bdx-tri input[type=search]{flex:1;width:auto}.bdx .bdx-filtres-bord input[type=search]{width:100%}}
@media print{.bdx .bdx-tri,.bdx .bdx-filtres-bord{display:none}}

/* =====================================================================
   DOCUMENTS (proposition et contrat, factures, avoirs, carnets, pièces du marché, procès-verbaux, certificats, notes)
   Charte : foncé #1B1C1C, beige #EFE7D5, accent jaune. Lisible à l'écran, propre à l'impression (couleurs conservées).
   ===================================================================== */
.bdx-doc,html.bdx-sombre .bdx .bdx-doc{--d-fonce:#1B1C1C;--d-beige:#EFE7D5;--d-beige2:#F7F2E6;--d-jaune:#EFE7D5;--d-fort:#1B1C1C;--d-gris:#5B5F5C;--d-trait:#DAD3C2;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10.5pt;line-height:1.5;color:#1B1C1C;font-family:var(--f)}
.bdx-doc .page{padding:16mm 16mm 18mm}
/* — bandeau de marque et titre — */
.bdx-doc .d-bandeau{margin:-16mm -16mm 8mm;padding:12mm 16mm 9mm;background:var(--d-fonce);color:#fff;position:relative;overflow:hidden}
.bdx-doc .d-bandeau::after{content:"";position:absolute;right:-18mm;top:-18mm;width:70mm;height:70mm;border-radius:50%;background:var(--d-jaune);opacity:.16}
.bdx-doc .d-bandeau .marque{display:flex;align-items:center;gap:3mm;font-size:9pt;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--d-jaune)!important}.bdx-doc .d-bandeau .marque span{color:var(--d-jaune)!important}.bdx-doc .d-bandeau .marque img{width:9mm;height:9mm;border-radius:50%;object-fit:cover}
.bdx-doc .d-bandeau h1,html.bdx-sombre .bdx .bdx-doc .d-bandeau h1{margin:4mm 0 5mm;font-size:23pt;line-height:1.1;font-weight:800;letter-spacing:-.01em;color:#fff!important;border:0;padding:0;max-width:140mm}
.bdx-doc .d-bandeau .puces{display:flex;flex-wrap:wrap;gap:2mm;position:relative;z-index:1}.bdx-doc .d-bandeau .puce{display:inline-flex;gap:1.6mm;align-items:baseline;padding:1.2mm 3.4mm;border-radius:99px;background:rgba(255,255,255,.12);color:#fff!important;font-size:9pt;font-weight:600}.bdx-doc .d-bandeau .puce em{font-style:normal;font-weight:400;opacity:.75;color:#fff!important}.bdx-doc .d-bandeau .puce.fort{background:var(--d-jaune);color:var(--d-fonce)!important;font-weight:800}.bdx-doc .d-bandeau .puce.fort em{color:var(--d-fonce)!important;opacity:.7}
.bdx-doc .d-parties{display:grid;grid-template-columns:1fr 1fr;gap:5mm;margin:0 0 6mm}.bdx-doc .d-parties .carte{padding:4mm 5mm;border-radius:3mm;background:var(--d-beige2);border:.4pt solid var(--d-trait);font-size:9.5pt;break-inside:avoid}.bdx-doc .d-parties .carte.client{background:#fff;border:1pt solid var(--d-fonce)}
.bdx-doc .d-parties em{display:block;font-style:normal;font-size:7.5pt;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--d-gris);margin-bottom:1mm}.bdx-doc .d-parties b{font-size:11.5pt}
.bdx-doc .d-rappel{font-size:8pt;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--d-gris);padding-bottom:2mm;margin-bottom:5mm;border-bottom:1.5pt solid var(--d-fort)}
/* documents sans bandeau de marque (pièces du marché, procès-verbaux, certificats, notes) : un filet foncé et jaune en tête */
.bdx-doc:not(.piece)>.page:first-child{border-top:5mm solid var(--d-fonce);box-shadow:inset 0 1.4mm 0 var(--d-jaune),inset 0 1.8mm 0 var(--d-fort)}.bdx-doc:not(.piece) h1{font-weight:800;letter-spacing:-.01em}.bdx-doc:not(.piece)>.page:first-child>.mention:first-child{font-size:8.5pt;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--d-fonce);margin-top:0}
/* — titres — */
.bdx-doc h2,html.bdx-sombre .bdx .bdx-doc h2{font-size:15pt;font-weight:800;margin:0 0 5mm;padding:0 0 2.5mm;border:0;border-bottom:1.5pt solid var(--d-fort)!important}
.bdx-doc h3{font-size:11.5pt;font-weight:800;margin:7mm 0 2.5mm;break-after:avoid}.bdx-doc h4{font-size:10pt;font-weight:800}
.bdx-doc h3.d-titre{display:flex;align-items:center;gap:3mm;margin:8mm 0 3.5mm;font-size:12.5pt}.bdx-doc h3.d-titre::before{content:"";width:9mm;height:1.6mm;border-radius:1mm;background:var(--d-fort)}
.bdx-doc h3.d-art{display:flex;align-items:center;gap:3mm;margin:8mm 0 2.5mm;font-size:12pt}.bdx-doc h3.d-art .no{flex:none;width:7.5mm;height:7.5mm;border-radius:50%;background:var(--d-fonce);color:var(--d-jaune)!important;font-size:9.5pt;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.bdx-doc .d-enclair,html.bdx-sombre .bdx .bdx-doc .d-enclair{margin:0 0 3mm;padding:2.6mm 4mm;border-radius:2.5mm;background:var(--d-beige2)!important;border-left:1.4mm solid var(--d-fort)!important;font-size:9.8pt;break-inside:avoid}.bdx-doc .d-enclair b{display:inline-block;margin-right:2.5mm;padding:.3mm 2.4mm;border-radius:99px;background:var(--d-fonce)!important;color:#fff!important;font-size:7.5pt;letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}
/* — synthèse visuelle de la proposition — */
.bdx-doc .d-coupdoeil{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4mm;margin:2mm 0 0}.bdx-doc .d-coupdoeil>div{padding:4.5mm 5mm;border-radius:3mm;background:var(--d-beige2)!important;border:.4pt solid var(--d-trait);break-inside:avoid}
.bdx-doc .d-coupdoeil em{display:block;font-style:normal;font-size:7.5pt;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--d-gris)}.bdx-doc .d-coupdoeil b{display:block;font-size:16pt;font-weight:800;line-height:1.15;margin:1mm 0}.bdx-doc .d-coupdoeil span{font-size:8.8pt;color:var(--d-gris)}
.bdx-doc .d-coupdoeil .grand,html.bdx-sombre .bdx .bdx-doc .d-coupdoeil .grand{background:var(--d-fonce)!important;border-color:var(--d-fonce)}.bdx-doc .d-coupdoeil .grand em,.bdx-doc .d-coupdoeil .grand span{color:#D9D4C6!important}.bdx-doc .d-coupdoeil .grand b,html.bdx-sombre .bdx .bdx-doc .d-coupdoeil .grand b{color:var(--d-jaune)!important;font-size:22pt}
.bdx-doc .d-parcours{display:grid;grid-template-columns:repeat(5,1fr);gap:2.5mm;position:relative}.bdx-doc .d-parcours::before{content:"";position:absolute;left:4%;right:4%;top:5.2mm;height:.8mm;background:var(--d-trait)}
.bdx-doc .d-parcours .etape{position:relative;display:flex;flex-direction:column;gap:1mm;padding:0 1mm;text-align:center;align-items:center;break-inside:avoid}.bdx-doc .d-parcours .no{width:10.5mm;height:10.5mm;border-radius:50%;background:var(--d-fonce)!important;color:var(--d-jaune)!important;font-weight:800;font-size:11pt;display:flex;align-items:center;justify-content:center;border:1mm solid #fff;box-shadow:0 0 0 .5pt var(--d-fonce)}
.bdx-doc .d-parcours b{font-size:10pt;margin-top:1mm}.bdx-doc .d-parcours em{font-style:normal;font-size:8pt;line-height:1.3;color:var(--d-gris);min-height:9mm}.bdx-doc .d-parcours strong{font-size:9pt;padding:.8mm 2.4mm;border-radius:99px;background:var(--d-fonce)!important;color:#fff!important;white-space:nowrap}
.bdx-doc .d-parcours .hors .no{background:#fff!important;color:var(--d-gris)!important;box-shadow:0 0 0 .5pt var(--d-trait)}.bdx-doc .d-parcours .hors b,.bdx-doc .d-parcours .hors em{color:#9A9C98}.bdx-doc .d-parcours .hors strong{background:transparent!important;color:#9A9C98!important;font-weight:400;border:.4pt dashed var(--d-trait)}
.bdx-doc .d-echeances .l{display:grid;grid-template-columns:minmax(0,52%) 1fr 24mm;gap:3mm;align-items:center;padding:1.5mm 0;border-bottom:.4pt solid var(--d-trait);font-size:9.3pt;break-inside:avoid}.bdx-doc .d-echeances .b{height:3.2mm;border-radius:2mm;background:var(--d-beige2)!important;overflow:hidden}.bdx-doc .d-echeances .b i{display:block;height:100%;border-radius:2mm;background:var(--d-fort)!important}
.bdx-doc .d-echeances .m{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.bdx-doc .d-echeances .ded .t,.bdx-doc .d-echeances .ded .m{color:#4E6B2A;font-style:italic}.bdx-doc .d-echeances .ded .b{background:transparent!important}
/* — tableaux — */
.bdx-doc table{font-size:9.6pt}.bdx-doc th,html.bdx-sombre .bdx .bdx-doc th{background:var(--d-beige)!important;color:var(--d-fonce)!important;font-size:8pt;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2.2mm 2.5mm;border-bottom:0}
.bdx-doc td{padding:2.3mm 2.5mm;border-bottom:.4pt solid var(--d-trait)}.bdx-doc tbody tr:nth-child(even)>td{background:rgba(239,231,213,.28)}
.bdx-doc tr.st td,html.bdx-sombre .bdx .bdx-doc tr.st td{font-weight:800;background:var(--d-beige2)!important;border-bottom:.8pt solid var(--d-fonce)!important;border-top:.4pt solid var(--d-fonce)}
.bdx-doc tr.st.d-total td,html.bdx-sombre .bdx .bdx-doc tr.st.d-total td{background:var(--d-fonce)!important;color:#fff!important;font-size:12pt;border:0!important;padding:3.2mm 3mm}.bdx-doc tr.st.d-total td.n,html.bdx-sombre .bdx .bdx-doc tr.st.d-total td.n{color:var(--d-jaune)!important;font-size:14pt}
.bdx-doc table.deuxcol td,.bdx-doc table.comp td{background:transparent}.bdx-doc table.comp td:last-child,.bdx-doc table.comp th:last-child,html.bdx-sombre .bdx .bdx-doc table.comp td:last-child{background:var(--d-beige2)!important}.bdx-doc table.comp th:last-child,html.bdx-sombre .bdx .bdx-doc table.comp th:last-child{background:var(--d-fonce)!important;color:var(--d-jaune)!important}
.bdx-doc .inclus,html.bdx-sombre .bdx .bdx-doc .inclus{border-left:1.4mm solid #6F8F3A!important;background:#F3F6EA!important;border-radius:0 2.5mm 2.5mm 0}.bdx-doc .inclus.non,html.bdx-sombre .bdx .bdx-doc .inclus.non{border-left-color:#B8B2A3!important;background:var(--d-beige2)!important}
.bdx-doc .mention{font-size:8.6pt;color:var(--d-gris);line-height:1.45}
.bdx-doc .chiffres div{border-top:1.5pt solid var(--d-fort)}.bdx-doc .garde .bande{background:var(--d-fort)!important;height:3mm;border-radius:2mm}.bdx-doc .garde h1{font-weight:800}
/* cadres de signature : de la place, et une consigne claire */
.bdx-doc [style*="min-height:30mm"],.bdx-doc [style*="min-height: 30mm"]{border-radius:3mm!important;border:.8pt dashed var(--d-fonce)!important;background:var(--d-beige2)}
@media screen and (max-width:900px){.bdx-doc .d-bandeau{margin:-10mm -6mm 6mm;padding:8mm 6mm}.bdx-doc .d-bandeau h1{font-size:17pt}.bdx-doc .d-parties,.bdx-doc .d-coupdoeil{grid-template-columns:1fr}.bdx-doc .d-parcours{grid-template-columns:1fr 1fr}.bdx-doc .d-parcours::before{display:none}.bdx-doc .d-echeances .l{grid-template-columns:1fr auto}.bdx-doc .d-echeances .b{display:none}}
@media print{#bdx-print-root .bdx-doc .d-bandeau{margin:0 0 8mm;border-radius:3mm}#bdx-print-root .bdx-doc:not(.piece)>.page:first-child{border-top-width:3mm;padding-top:6mm}}

/* À l'impression, une page A4 fait moins de 900 px de large : les règles « petit écran » ne doivent pas s'y appliquer. */
@media print{#bdx-print-root .bdx-doc table{display:table!important;overflow:visible!important}#bdx-print-root .bdx-doc .d-parties{grid-template-columns:1fr 1fr!important}#bdx-print-root .bdx-doc .d-coupdoeil{grid-template-columns:1.5fr 1fr 1fr!important}#bdx-print-root .bdx-doc .d-parcours{grid-template-columns:repeat(5,1fr)!important}#bdx-print-root .bdx-doc .d-parcours::before{display:block!important}#bdx-print-root .bdx-doc .d-echeances .l{grid-template-columns:minmax(0,52%) 1fr 24mm!important}#bdx-print-root .bdx-doc .d-echeances .b{display:block!important}#bdx-print-root .bdx-doc{font-size:10pt}#bdx-print-root .bdx-doc .d-bandeau{padding:9mm 10mm 7mm}#bdx-print-root .bdx-doc .d-parcours em{min-height:0}}

/* ---------- logo de l'agence ---------- */
.bdx-doc .d-bandeau .marque img.logo{width:auto;height:13mm;max-width:70mm;border-radius:0;object-fit:contain}
.bdx .bdx-logo-agence{display:block;height:34px;width:auto;max-width:220px;object-fit:contain;margin:0 0 8px}
.bdx .bdx-logo-apercu{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:64px;padding:8px 14px;border-radius:12px;background:#1B1C1C;color:#C9C7BF;font-size:.8rem}.bdx .bdx-logo-apercu img{max-height:48px;max-width:200px;object-fit:contain}
.bdx-porte .carte img.logo{display:block;height:54px;width:auto;max-width:240px;object-fit:contain;margin:0 0 6px}
@media(max-width:760px){.bdx .bdx-logo-agence{height:26px}}
/* ---------- congés de l'agence ---------- */
.bdx .bdx-cg{display:grid;grid-template-columns:minmax(0,1.6fr) 170px 170px 70px 34px;gap:8px;align-items:center;margin-bottom:6px}
@media(max-width:760px){.bdx .bdx-cg{grid-template-columns:1fr 1fr}.bdx .bdx-cg input[type=text]{grid-column:1/-1}}

/* frises modifiables sur place (atelier) */
.bdx .bdx-frise-rdv .ev.edit{align-items:start;cursor:default}.bdx .bdx-frise-rdv .ev.edit .t{gap:6px}
.bdx .bdx-frise-rdv .ev.edit input.nom{width:100%;font-weight:700;font-size:1rem;padding:6px 9px;border-radius:9px}
.bdx .bdx-frise-rdv .ev.edit .champs{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.84rem}.bdx .bdx-frise-rdv .ev.edit .champs label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.bdx .bdx-frise-rdv .ev.edit .champs input{padding:5px 8px;font-size:.86rem;border-radius:8px}.bdx .bdx-frise-rdv .ev.edit .champs input.q{width:62px;text-align:right}.bdx .bdx-frise-rdv .ev.edit .champs input[type=text]:not(.q){width:200px}
html.bdx-sombre .bdx .bdx-frise-rdv .ev.edit .champs{color:#DDDAD2}
/* 1.91 — Le temps du projet : frise commune (étapes, rendez-vous, carnets, chantier, factures, signatures), calendrier complet, repères dans le Gantt */
.bdx .bdx-frise-rdv .k-tag{display:inline-block;margin:0 8px 2px 0;padding:1px 8px;border-radius:99px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;background:color-mix(in srgb,currentColor 10%,transparent)}
.bdx .bdx-frise-rdv .ev.k-rdv::before{background:var(--mer)}.bdx .bdx-frise-rdv .ev.k-chantier::before{background:var(--ocre)}.bdx .bdx-frise-rdv .ev.k-carnet::before{background:var(--olive)}.bdx .bdx-frise-rdv .ev.k-facture::before{background:var(--alerte)}.bdx .bdx-frise-rdv .ev.k-signature::before{background:var(--prune)}
.bdx .bdx-frise-rdv .ev.passe::before{background:var(--trait2)}
.bdx .bdx-frise-rdv .ev:not(.edit) .champs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bdx .ev.t-signature{background:var(--prune-c);color:var(--prune)}
.bdx .bdx-cal .ev[draggable=true]{cursor:grab}.bdx .bdx-cal .j.cible{outline:2px dashed var(--mer);outline-offset:-3px;background:var(--mer-c)}
.bdx .bdx-g-row.jalons .bdx-g-nom span{font-size:.8rem;font-weight:700;color:var(--encre2)}
.bdx .bdx-g-jalon{position:absolute;top:50%;width:11px;height:11px;margin:-6px 0 0 -6px;transform:rotate(45deg);border-radius:2px;background:var(--mer);box-shadow:0 0 0 2px var(--papier);z-index:3;cursor:help}
.bdx .bdx-g-jalon.k-chantier{background:var(--ocre)}.bdx .bdx-g-jalon.k-carnet{background:var(--olive)}.bdx .bdx-g-jalon.k-facture{background:var(--alerte)}.bdx .bdx-g-jalon.k-signature{background:var(--prune)}
.bdx .bdx-g-jalon.prevue{background:var(--papier)!important;box-shadow:inset 0 0 0 2px var(--alerte),0 0 0 2px var(--papier)}.bdx .bdx-g-jalon.passe{opacity:.55}
.bdx .bdx-legende i.lg-jalon{width:9px;height:9px;transform:rotate(45deg);border-radius:2px;background:var(--mer)}
/* 1.92 — Menus : sous-onglets, flèches précédent / suivant, compteurs des échanges, interrupteurs du pilotage */
.bdx .bdx-sousonglets{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 18px;padding:5px;border-radius:99px;background:var(--papier);box-shadow:var(--ombre-l,0 1px 3px rgba(0,0,0,.08));width:fit-content;max-width:100%}
.bdx .bdx-sousonglets button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:99px;font:inherit;font-weight:600;font-size:.92rem;color:var(--encre2);background:transparent;border:0;cursor:pointer}
.bdx .bdx-sousonglets button .bdx-svg{width:17px;height:17px}
.bdx .bdx-sousonglets button:hover{color:var(--encre)}
.bdx .bdx-sousonglets button[aria-selected=true]{background:var(--accent,var(--pin));color:var(--sur-accent,#fff)}
html.bdx-sombre .bdx .bdx-sousonglets button[aria-selected=true]{color:#1B1C1C}
.bdx .bdx-fleches{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}
.bdx .bdx-fleches .bdx-retour{display:inline-flex;align-items:center;gap:8px;max-width:48%;min-width:0}.bdx .bdx-fleches .bdx-retour .l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdx .bdx-fleches .bdx-retour .f{flex:none}
.bdx .bdx-puce b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:99px;font-size:.74rem;font-weight:800;background:color-mix(in srgb,currentColor 16%,transparent)}
.bdx .bdx-sc-opt.on[data-act=droit] .piste,html.bdx-sombre .bdx .bdx-sc-opt.on[data-act=droit] .piste{background:var(--accent,var(--pin))}
.bdx .bdx-ajout-fiche{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 16px;padding:12px 16px;border-radius:var(--R,14px);background:var(--papier)}
.bdx .bdx-ajout-fiche .lib{font-weight:700}.bdx .bdx-ajout-fiche select{width:auto;max-width:320px}
.bdx .bdx-couv .im{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.bdx .bdx-couv img{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:calc(var(--R,14px) - 4px)}
.bdx .bdx-inspi.edite{outline:3px solid var(--accent,var(--pin));outline-offset:3px}
.bdx .bdx-lien-ent{display:inline;padding:0;margin:0;border:0;background:none;font:inherit;font-weight:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);cursor:pointer}
.bdx .bdx-lien-ent:hover{text-decoration-color:currentColor}@media (pointer:coarse),(max-width:900px){.bdx .bdx-lien-ent{display:inline-block;min-height:32px;padding:6px 0;line-height:1.3}}
.bdx .bdx-timeline .ev{grid-template-columns:58px minmax(0,1fr) auto}.bdx .bdx-timeline .tl-act{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.bdx .bdx-timeline h4.retard{color:var(--alerte)}.bdx .bdx-timeline .ev.retard{box-shadow:inset 4px 0 0 var(--alerte)}.bdx .bdx-timeline .ev.retard::before{background:var(--alerte)}
.bdx .bdx-frise-rdv .ev.k-tache::before{background:var(--mer)}.bdx .bdx-frise-rdv .ev.k-methode::before{background:var(--prune)}
@media (max-width:700px){.bdx .bdx-timeline .ev{grid-template-columns:48px minmax(0,1fr)}.bdx .bdx-timeline .tl-act{grid-column:1/-1;justify-content:flex-start}}
.bdx .bdx-aplacer input[type=date]{width:auto}
.bdx .bdx-puce-phase{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;border:0;font:inherit;font-size:.86rem;background:color-mix(in srgb,var(--accent,var(--pin)) 16%,transparent);color:inherit;cursor:pointer;white-space:nowrap}
.bdx .bdx-puce-phase .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.bdx .bdx-puce-phase .j{display:inline-block;width:46px;height:6px;border-radius:99px;background:color-mix(in srgb,currentColor 18%,transparent);overflow:hidden}.bdx .bdx-puce-phase .j i{display:block;height:100%;background:var(--accent,var(--pin))}
.bdx .bdx-puce-phase.fini{cursor:default}
@media (max-width:700px){.bdx .bdx-puce-phase .j{display:none}}
/* 1.95 — proposition : sous-totaux, coût net estimé, détail du calcul, schéma des rôles, cartes « pourquoi », rétractation */
.bdx-doc tr.sst td{font-weight:700;border-top:.6pt solid #1B1C1C;background:#F7F2E6}
.bdx-doc .d-net{margin-top:5mm;padding:3mm 4mm;border-left:2.2mm solid var(--d-fort,#1B1C1C);background:var(--d-beige2,#F7F2E6)}.bdx-doc .d-net h4{margin:0 0 2mm;font-size:10.5pt}.bdx-doc .d-net table{margin:0}
.bdx-doc .d-schema{display:block;width:100%;height:auto;margin:2mm 0 4mm;font-family:var(--f)}
.bdx-doc .d-legende-pq{display:flex;gap:4mm;margin:0 0 3mm;font-size:8.5pt}.bdx-doc .d-legende-pq span{display:inline-flex;align-items:center;gap:1.6mm}.bdx-doc .d-legende-pq span::before{content:"";width:3mm;height:3mm;border-radius:50%;background:#B9B3A5}.bdx-doc .d-legende-pq .art::before{background:#D9A441}.bdx-doc .d-legende-pq .moe::before{background:#1F4A42}
.bdx-doc .d-pourquoi{display:grid;grid-template-columns:1fr 1fr;gap:3mm}.bdx-doc .d-pourquoi .c{break-inside:avoid;page-break-inside:avoid;border:.4pt solid #DAD3C2;border-radius:3mm;padding:2.6mm 3mm;font-size:8.3pt;line-height:1.35}
.bdx-doc .d-pourquoi .tt{display:flex;align-items:center;gap:2mm;margin-bottom:1.6mm;font-size:9.5pt}.bdx-doc .d-pourquoi .ic{display:inline-flex;width:6.5mm;height:6.5mm;border-radius:50%;background:#1B1C1C;color:#EFE7D5;align-items:center;justify-content:center}.bdx-doc .d-pourquoi .ic svg{width:4mm;height:4mm}
.bdx-doc .d-pourquoi .l{position:relative;padding-left:4mm;margin-top:.8mm}.bdx-doc .d-pourquoi .l::before{content:"";position:absolute;left:0;top:1.3mm;width:2.2mm;height:2.2mm;border-radius:50%;background:#B9B3A5}.bdx-doc .d-pourquoi .l.art::before{background:#D9A441}.bdx-doc .d-pourquoi .l.moe{font-weight:700}.bdx-doc .d-pourquoi .l.moe::before{background:#1F4A42}
.bdx .bdx-retract{margin:10px 0 4px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent,var(--pin)) 10%,transparent)}.bdx .bdx-retract .bdx-coche{align-items:flex-start}
.bdx .bdx-bar-dossier{padding-top:12px;padding-bottom:12px}.bdx .bdx-champ.bar .avecu{display:inline-flex;align-items:center;gap:6px}
.bdx-doc .d-pourquoi .l,.bdx-doc .d-pourquoi b,.bdx-doc .d-legende-pq span{color:#1B1C1C}
.bdx .bdx-urba-resume p{margin:0 0 6px;max-width:80ch}.bdx .bdx-urba-pieces{margin-top:14px;border-top:1px solid var(--trait);padding-top:10px}.bdx .bdx-urba-pieces summary{cursor:pointer}
.bdx .bdx-urba .bdx-ligne-fin .d{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bdx .bdx-ent-demande{margin-top:14px;padding-top:12px;border-top:1px solid var(--trait)}
.bdx .bdx-mes-projets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.bdx .bdx-projet-carte{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-radius:var(--R,14px);border:1px solid var(--trait);background:var(--papier);color:inherit;font:inherit;text-align:left;cursor:pointer}.bdx .bdx-projet-carte .go{font-weight:700;color:var(--accent,var(--pin))}
/* 1.98 — espace entreprise : menu et saisie des prix sur téléphone, contrôles, contact */
.bdx .bdx-contact-at{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent,var(--pin)) 10%,transparent)}.bdx .bdx-contact-at .bdx-svg{width:18px;height:18px}
.bdx input.invalide{outline:2px solid var(--alerte);background:color-mix(in srgb,var(--alerte) 12%,transparent)}
@media (max-width:900px){#bdx-app .bdx-nav.nav-ent,.bdx .bdx-nav.nav-ent{display:flex!important;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;width:auto!important;height:auto!important;max-height:none!important;padding:6px 0 10px!important;margin:0 0 10px!important;background:none!important;box-shadow:none!important;border:0!important}.bdx .bdx-nav.nav-ent button{flex:none!important;width:auto!important;white-space:nowrap;padding:8px 14px!important;border-radius:99px!important}.bdx .bdx-corps:has(.nav-ent){display:block!important}}
@media (max-width:700px){.bdx .bdx-dpgf{min-width:0!important;width:100%}.bdx .bdx-dpgf thead{display:none}.bdx .bdx-dpgf tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--trait)}.bdx .bdx-dpgf tbody td{display:block;border:0!important;padding:0!important;width:auto!important;text-align:left!important}.bdx .bdx-dpgf tbody td::before{content:attr(data-l);display:block;font-size:.72rem;color:var(--encre2);text-transform:uppercase;letter-spacing:.04em}.bdx .bdx-dpgf td.des{grid-column:1/-1}.bdx .bdx-dpgf td.num:first-child{grid-column:1/-1}.bdx .bdx-dpgf td.pu{grid-column:1/-1}.bdx .bdx-dpgf td.pu input{width:100%!important;font-size:1.2rem;padding:10px 12px}}
@media (max-width:700px){.bdx .bdx-vue{padding-bottom:120px}}
.bdx .bdx-afaire .n{background:var(--accent,var(--pin))!important;color:#1B1C1C!important}

/* =====================================================================
   1.99 — volets latéraux : toujours sous le menu fixe du site et au-dessus de tout, la croix toujours visible
   ===================================================================== */
.bdx-volet{z-index:99995!important;top:var(--bdx-haut-site,0px)!important;padding-top:0!important;overscroll-behavior:contain}
.bdx-volet>.tete{position:sticky;top:0;z-index:2;background:var(--papier);margin:0 -22px;padding:16px 22px 10px;border-bottom:1px solid var(--trait)}
.bdx-volet>.tete .bdx-ico{width:40px;height:40px;font-size:1.4rem;flex:none}
@media(max-width:760px){.bdx-volet{top:auto!important;max-height:calc(100dvh - var(--bdx-haut-site,0px) - 70px)}}
.bdx-volet .bdx-rdv{margin:0;border:0;padding:0;box-shadow:none;background:none}
/* dates clés du Gantt et événements du calendrier : on clique, on glisse */
/* le losange reste petit, la zone cliquable fait 28 px (doigt sur tablette) */
.bdx .bdx-g-jalon{width:28px;height:28px;margin:-14px 0 0 -14px;border:0;padding:0;cursor:pointer;transform:none;border-radius:50%;background:transparent!important;box-shadow:none!important;--jc:var(--mer)}
.bdx .bdx-g-jalon::before{content:"";position:absolute;left:8.5px;top:8.5px;width:11px;height:11px;transform:rotate(45deg);border-radius:2px;background:var(--jc);box-shadow:0 0 0 2px var(--papier)}
.bdx .bdx-g-jalon.k-chantier{--jc:var(--ocre)}.bdx .bdx-g-jalon.k-carnet{--jc:var(--olive)}.bdx .bdx-g-jalon.k-facture{--jc:var(--alerte)}.bdx .bdx-g-jalon.k-signature{--jc:var(--prune)}
.bdx .bdx-g-jalon.prevue::before{background:var(--papier);box-shadow:inset 0 0 0 2px var(--alerte),0 0 0 2px var(--papier)}
.bdx .bdx-g-jalon:hover::before,.bdx .bdx-g-jalon:focus-visible::before{outline:2px solid var(--encre);outline-offset:2px}
.bdx .bdx-g-jalon:focus-visible{outline:0}
.bdx .bdx-cal .ev{cursor:pointer}
.bdx .bdx-cal .ev[data-evdrag]{cursor:grab;touch-action:none}
.bdx .bdx-cal .ev.glisse{position:relative;z-index:20;pointer-events:none;opacity:.9;cursor:grabbing;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.bdx-survol{position:fixed;z-index:100030;max-width:320px;white-space:pre-line;pointer-events:none;background:#1B1C1C!important;color:#fff!important;font:500 .86rem/1.45 Urbanist,system-ui,sans-serif;padding:8px 12px;border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.bdx-survol b{color:#EFE7D5}
.bdx .bdx-g-jalon.k-groupe{--jc:var(--encre)}.bdx .bdx-g-jalon .nb{position:absolute;left:50%;top:-9px;transform:translateX(-50%);font-size:.66rem;font-weight:700;line-height:1;color:var(--encre);pointer-events:none}
.bdx .bdx-ev-liste{display:flex;flex-direction:column;gap:6px}.bdx .bdx-ev-liste .ligne{display:grid;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--trait);border-left:4px solid var(--mer);border-radius:var(--r);background:var(--fond);color:var(--encre);cursor:pointer;font:inherit}
.bdx .bdx-ev-liste .ligne:hover{border-color:var(--encre2)}.bdx .bdx-ev-liste .ligne em{font-style:normal;font-size:.86rem;color:var(--encre2)}.bdx .bdx-ev-liste .k-chantier{border-left-color:var(--ocre)}.bdx .bdx-ev-liste .k-carnet{border-left-color:var(--olive)}.bdx .bdx-ev-liste .k-facture{border-left-color:var(--alerte)}.bdx .bdx-ev-liste .k-signature{border-left-color:var(--prune)}

/* =====================================================================
   1.99 — audit de lisibilité (tests/lisibilite.js) : en thème sombre, le « vert » devient beige clair ;
   tout ce qui écrivait en blanc sur ces fonds écrit désormais en sombre, et plus de gris trop pâles.
   ===================================================================== */
html.bdx-sombre .bdx .bdx-point .num,html.bdx-sombre .bdx .bdx-prixchip:hover,html.bdx-sombre .bdx .bdx-prixchip:hover b,html.bdx-sombre .bdx-guide-etapes .n,html.bdx-sombre .bdx .bdx-todo-bloc .nb em,html.bdx-sombre .bdx .bdx-barrebas em,html.bdx-sombre .bdx .bdx-plan .lien-carnet:hover{color:var(--fond)!important}
html.bdx-sombre .bdx-infobulle{color:var(--fond)!important}
html.bdx-sombre .bdx .bdx-toast button{color:inherit}
html.bdx-sombre .bdx-todo-bloc.c-regler{--c:var(--ocre)}
html.bdx-sombre .bdx .bdx-tab tr.ens .bdx-point-btn:hover{background:var(--accent)!important}
html.bdx-sombre .bdx .bdx-doc .bdx-barre i em{color:var(--papier)}
html.bdx-sombre .bdx .bdx-doc .bdx-barre-lib b{color:var(--encre)!important}
html.bdx-sombre .bdx .bdx-frise-rdv .ev.passe{opacity:1}
html.bdx-sombre .bdx .bdx-frise-ph .avenir b,html.bdx-sombre .bdx .bdx-frise-ph .avenir .dt{color:var(--encre2)}
html.bdx-sombre .bdx .bdx-plan.cache{opacity:1}
html.bdx-sombre .bdx .bdx-bulle .nouv h4{color:var(--accent)}
/* même motif (fond coloré + blanc), pas croisé pendant l'audit : on prévient */
html.bdx-sombre .bdx .bdx-cal .j.auj .n,html.bdx-sombre .bdx .bdx-tag.ech:hover,html.bdx-sombre .bdx .bdx-ico.histo em,html.bdx-sombre .bdx .bdx-cr .lib:hover,html.bdx-sombre .bdx .bdx-retour:hover{color:var(--fond)!important}
html.bdx-sombre .bdx-g-bulle{background:var(--encre)!important;color:var(--fond)!important}html.bdx-sombre .bdx .bdx-tab tr.ajout-loc .bdx-btn,html.bdx-sombre .bdx .bdx-tab tr.ajout-loc[style*="--loc"] .bdx-btn{color:color-mix(in srgb,var(--loc,var(--encre2)) 60%,#fff)!important}
html.bdx-sombre .bdx h3 .bdx-aide,html.bdx-sombre .bdx h3+.bdx-aide,html.bdx-sombre .bdx .bdx-vue.entre>.bdx-bloc>.bdx-aide{color:#D6D4CD}
.bdx .bdx-etatp.e-Archive{background:var(--surface2,#EEE);color:var(--encre2);border:1px dashed var(--trait2)}

/* choix des personnes d'un clic */
.bdx .bdx-choixp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 4px}.bdx .bdx-choixp .bdx-aide{margin-right:4px}
.bdx .bdx-puce-choix{font:inherit;font-size:.86rem;padding:6px 12px;min-height:32px;border-radius:99px;border:1px dashed var(--trait2);background:transparent;color:var(--encre);cursor:pointer}
.bdx .bdx-puce-choix:hover{border-color:var(--encre2)}.bdx .bdx-puce-choix.on{border-style:solid;border-color:var(--pin);background:color-mix(in srgb,var(--pin) 14%,var(--papier));font-weight:600}
.bdx .bdx-tag.decision{border:1px dashed var(--ocre);color:var(--encre);background:transparent;margin-left:6px;white-space:nowrap}.bdx .bdx-tag.decision.ok{border:1px solid var(--pin);background:color-mix(in srgb,var(--pin) 16%,var(--papier))}
.bdx .bdx-dispo{display:block;font-size:.88rem;color:var(--encre);margin-top:4px;padding-left:10px;border-left:3px solid var(--alerte)}
.bdx .bdx-marche.resilie{opacity:.92;border-style:dashed}
/* Téléphone : l'échéancier des honoraires du client devient une fiche par échéance (libellé, montant TTC, état, facture) */
@media(max-width:700px){.bdx .bdx-tab.bdx-ech-fiches{min-width:0!important;width:100%}.bdx .bdx-ech-fiches thead{display:none}
.bdx .bdx-ech-fiches tbody tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 6px;border-bottom:1px solid var(--trait)}
.bdx .bdx-ech-fiches tbody td{border:0!important;padding:0!important;background:none!important}.bdx .bdx-ech-fiches tbody td:nth-child(2){display:none}
.bdx .bdx-ech-fiches tbody td:nth-child(3){text-align:right;font-weight:700}.bdx .bdx-ech-fiches tbody td:nth-child(n+4){grid-column:1/-1}
.bdx .bdx-ech-fiches tbody tr.grp{display:block;padding:14px 6px 6px}.bdx .bdx-ech-fiches .bdx-btn{min-height:44px}}/* Les bulles « Discussion » et « Assistant » (en bas à droite) ne doivent plus cacher le bas des pages : on laisse la place de défiler au-dessus. */
#bdx-app .bdx-vue{padding-bottom:max(var(--bdx-pad-bas,0px),110px)}
@media print{#bdx-app .bdx-vue{padding-bottom:0}}/* pastille de phase : sur petit écran, on garde « En ce moment · Projet » et l'état, sans l'avancement global */
@media(max-width:760px){.bdx-puce-phase{white-space:normal;flex-wrap:wrap;max-width:100%}.bdx-puce-phase .bdx-aide{display:none}}
/* Écrans tactiles : des cibles faites pour le doigt (44 px environ), cases à cocher agrandies, libellés de la barre du bas lisibles */
@media (pointer:coarse){
  .bdx .bdx-btn{min-height:44px}.bdx .bdx-btn.petit{min-height:40px;padding-top:8px;padding-bottom:8px}
  .bdx input[type=checkbox],.bdx-modale input[type=checkbox]{width:22px;height:22px}
  .bdx .bdx-lien{min-height:36px;display:inline-flex;align-items:center}
  .bdx .bdx-barrebas button span,.bdx .bdx-barrebas .lib{font-size:12px}
}/* « Question ou vigilance » sur chaque ouvrage : sur ordinateur, le bouton vide n'apparaît qu'au survol de la ligne ou au clavier ; ceux qui ont déjà des points restent visibles. */
@media (hover:hover) and (pointer:fine){
  .bdx .bdx-item .bdx-point-btn:not(.a),.bdx .bdx-tab tbody tr .bdx-point-btn:not(.a){opacity:0;transition:opacity .15s ease}
  .bdx .bdx-item:hover .bdx-point-btn,.bdx .bdx-item:focus-within .bdx-point-btn,.bdx .bdx-tab tbody tr:hover .bdx-point-btn,.bdx .bdx-tab tbody tr:focus-within .bdx-point-btn,.bdx .bdx-point-btn:focus-visible{opacity:1}
}.bdx .bdx-controle{border-left:4px solid var(--ocre)}.bdx .bdx-controle summary{cursor:pointer;display:flex;gap:8px;align-items:center}.bdx .bdx-controle ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.bdx .bdx-controle li{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--trait)}
/* Tablette : le bordereau défile de côté ; le sujet reste collé à gauche pour garder ses repères. */
@media (min-width:701px) and (max-width:1180px){
  #bdx-app[data-ecran="bordereau"] .bdx-tabwrap .bdx-tab tr:has(> :nth-child(16)) > :nth-child(2){position:sticky;left:0;z-index:3;background:var(--papier);box-shadow:1px 0 0 var(--trait2)}
  #bdx-app[data-ecran="bordereau"] .bdx-tabwrap .bdx-tab thead tr > :nth-child(2){z-index:5}
}/* Téléphone : les fiches d'arbitrage sur une seule colonne (la règle générale « 1fr auto » écrasait celle du téléphone) */
@media(max-width:700px){.bdx .bdx-item{grid-template-columns:1fr!important}.bdx .bdx-item-p{justify-self:start}}
@media (pointer:coarse){.bdx .bdx-puce-phase,.bdx [data-chip-prix],.bdx select,.bdx input[type=search],.bdx input[type=text],.bdx .bdx-entlien,.bdx a.bdx-lien-ent{min-height:40px}.bdx .bdx-i{min-width:36px;min-height:36px}}
/* ---------- Mode réunion : grand, lisible de loin, pensé pour le doigt ---------- */
#bdx-app[data-ecran="reunion"] .bdx-nav,#bdx-app[data-ecran="reunion"] .bdx-regle,#bdx-app[data-ecran="reunion"] .bdx-fil,#bdx-app[data-ecran="reunion"] .bdx-fleches{display:none!important}
#bdx-app[data-ecran="reunion"] .bdx-corps{grid-template-columns:minmax(0,1fr)!important}
.bdx .bdx-reunion{display:flex;flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;font-size:1.1rem}
.bdx .rn-tete{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:14px 18px;border-radius:var(--R);background:var(--papier);border:1px solid var(--trait)}
.bdx .rn-titre{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}.bdx .rn-titre b{font-size:1.25rem}
.bdx .rn-prix{display:flex;flex-direction:column;align-items:flex-end}.bdx .rn-prix b{font-size:2rem;line-height:1.1}.bdx .rn-prix span{font-size:.9rem;color:var(--encre2)}.bdx .rn-prix em{font-style:normal;font-size:.95rem;font-weight:600}.bdx .rn-prix em.plus{color:var(--alerte)}.bdx .rn-prix em.moins{color:var(--pin)}
.bdx .rn-nav{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.bdx .rn-nav .bdx-champ{min-width:240px}.bdx .rn-compte{font-weight:700}
.bdx .rn-jauge{flex:1;min-width:120px;height:8px;border-radius:99px;background:var(--trait);overflow:hidden;align-self:center}.bdx .rn-jauge i{display:block;height:100%;background:var(--pin)}
.bdx .rn-carte{padding:24px;border-radius:var(--R);background:var(--papier);border:1px solid var(--trait);display:flex;flex-direction:column;gap:14px}
.bdx .rn-loc{display:flex;gap:8px;align-items:center;font-weight:600}.bdx .rn-carte .rn-sujet{font-size:1.9rem;line-height:1.2;margin:0;font-weight:700;color:var(--encre)}.bdx .rn-desc{font-size:1.1rem;line-height:1.55;margin:0;color:var(--encre)}
.bdx .rn-chiffres{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.bdx .rn-chiffres b{font-size:1.6rem}
.bdx .rn-arb{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.bdx .rn-choix{font:inherit;font-size:1.1rem;font-weight:600;min-height:64px;border-radius:14px;border:2px solid var(--trait2);background:transparent;color:var(--encre);cursor:pointer}
.bdx .rn-choix.on{border-color:var(--pin);background:color-mix(in srgb,var(--pin) 22%,var(--papier))}
.bdx .rn-opts{display:flex;gap:10px;flex-wrap:wrap}.bdx .rn-bascule{font:inherit;min-height:52px;padding:0 18px;border-radius:99px;border:1.5px dashed var(--trait2);background:transparent;color:var(--encre);cursor:pointer}.bdx .rn-bascule.on{border-style:solid;border-color:var(--pin);font-weight:700}
.bdx .rn-decision{display:grid;gap:8px}.bdx .rn-decision textarea{font-size:1.05rem}.bdx .rn-dec{margin:0;padding-left:20px}.bdx .rn-dec li{margin:4px 0}
.bdx .rn-pied{display:flex;gap:12px;align-items:center;justify-content:space-between}.bdx .rn-pied .bdx-btn{min-height:56px;min-width:160px;font-size:1.05rem}
@media(max-width:700px){.bdx .rn-carte .rn-sujet{font-size:1.45rem}.bdx .rn-prix{align-items:flex-start}.bdx .rn-pied .bdx-aide{display:none}}/* ---------- Sur le plan : photos et réserves repérées ---------- */
.bdx .bdx-plan-pins{position:relative;display:block;width:100%;max-width:1100px;line-height:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--trait);background:#fff}
.bdx .bdx-plan-pins>img{display:block;width:100%;height:auto;user-select:none}
.bdx .bdx-plan-pins.a-placer{cursor:crosshair;outline:3px dashed var(--ocre);outline-offset:-3px}
.bdx .bdx-plan-pins .sp-pin{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.45);padding:0;cursor:pointer;overflow:hidden;background:var(--mer);color:#1B1C1C;font:700 .9rem/1 Urbanist,system-ui,sans-serif;line-height:30px}
.bdx .bdx-plan-pins .sp-pin img{width:100%;height:100%;object-fit:cover}
.bdx .bdx-plan-pins .sp-pin.reserves{background:#F28F78}.bdx .bdx-plan-pins .sp-pin.reserves.leve{background:#B4CC78}
.bdx .bdx-plan-pins .sp-pin:hover,.bdx .bdx-plan-pins .sp-pin:focus-visible{outline:3px solid #1B1C1C;z-index:2}
.bdx .bdx-plan-pins .sp-x{position:absolute;transform:translate(10px,-26px);width:22px;height:22px;border-radius:50%;border:0;background:#1B1C1C;color:#fff;font-size:.8rem;line-height:22px;padding:0;cursor:pointer;opacity:0}
.bdx .bdx-plan-pins:hover .sp-x,.bdx .bdx-plan-pins .sp-x:focus-visible{opacity:1}
@media (pointer:coarse){.bdx .bdx-plan-pins .sp-pin{width:44px;height:44px;line-height:38px}.bdx .bdx-plan-pins .sp-x{opacity:1}}/* ---------- Carte des dossiers ---------- */
.bdx .bdx-carte-dossiers .bdx-carte-projet{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--trait);background:#E9E4D8}
.bdx .bdx-carte-dossiers .bdx-carte-projet .fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bdx .cd-pin{position:absolute;transform:translate(-50%,-100%);width:26px;height:26px;padding:0;border:3px solid #fff;border-radius:50% 50% 50% 0;rotate:-45deg;background:var(--c);box-shadow:0 2px 8px rgba(0,0,0,.45);cursor:pointer}
.bdx .cd-pin:hover,.bdx .cd-pin:focus-visible{outline:3px solid #1B1C1C;z-index:3}
@media (pointer:coarse){.bdx .cd-pin{width:34px;height:34px}}.bdx .cr-fige input,.bdx .cr-fige textarea,.bdx .cr-fige select{pointer-events:none;opacity:.85}.bdx .cr-fige [data-act^="ch-pt"],.bdx .cr-fige [data-act^="ch-pres"]{display:none}
/* 2.2 : lignes des attestations et du DOE, souples sur téléphone */
.bdx .bdx-doe .bdx-ligne-fin,.bdx .bdx-assur .bdx-ligne-fin{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.bdx .bdx-doe .bdx-ligne-fin .t,.bdx .bdx-assur .bdx-ligne-fin .t{flex:1 1 260px;min-width:0}.bdx .bdx-courrier textarea{min-height:260px;font-family:inherit;line-height:1.5}
/* 2.3 — lisibilité : états des entreprises lisibles sur le thème sombre */
html.bdx-sombre .bdx .bdx-etatp.s-Retenue{background:var(--olive-c);color:var(--olive)}html.bdx-sombre .bdx .bdx-etatp.s-Écartée{background:var(--alerte-c);color:var(--alerte)}html.bdx-sombre .bdx .bdx-etatp.s-Pressentie,html.bdx-sombre .bdx .bdx-etatp.s-Consultée,html.bdx-sombre .bdx .bdx-etatp.s-Devis-reçu{background:var(--surface2);color:var(--encre)}
/* barèmes du dossier : une simple ligne, pas un bloc vide */
.bdx .bdx-bar-dossier{padding-bottom:0!important}.bdx .bdx-bar-dossier>.bdx-outils:first-child{margin-bottom:0!important}
/* chiffres clés dont la valeur est une phrase (« pas encore prononcée ») : la valeur passe sous le libellé au lieu de le recouvrir */
.bdx .bdx-chiffres .c b{min-width:0;overflow-wrap:anywhere}
@media (max-width:700px){
  .bdx .bdx-chiffres .c{grid-template-columns:minmax(0,1fr)}.bdx .bdx-chiffres .c b{grid-row:auto;text-align:left;font-size:1.3rem}.bdx .bdx-chiffres .c.principal b{font-size:1.55rem}
  /* téléphone : l'en-tête et le bandeau du prix laissent la place au contenu */
  .bdx .bdx-top-d [data-act="imprimerVue"],.bdx .bdx-etat .ok{display:none}
  .bdx .bdx-regle .bdx-barre-lib,.bdx .bdx-regle .bdx-regle-chiffres .it:not(.bud){display:none}.bdx .bdx-regle .bdx-regle-chiffres{margin-bottom:10px}
  .bdx .bdx-fleches .prec,.bdx .bdx-fleches .suiv{display:none}
  .bdx .bdx-phrase{font-size:.95rem;padding:12px 14px}
}
/* surfaces des honoraires : champs assez larges pour lire leur contenu (le tableau défile) */
.bdx .bdx-surf-hono select,.bdx .bdx-surf-hono input[type=text]{min-width:0}
.bdx .bdx-surf-hono td:nth-child(1) select{min-width:220px}.bdx .bdx-surf-hono td:nth-child(2) input,.bdx .bdx-surf-hono td:nth-child(2) select{min-width:180px}.bdx .bdx-surf-hono td:nth-child(6) select{min-width:220px}.bdx .bdx-surf-hono td:nth-child(9){white-space:nowrap}
@media (max-width:700px){.bdx .bdx-fleches{display:none}}
/* Pour bien démarrer : étapes d'un dossier neuf */
.bdx .bdx-dem{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px}.bdx .bdx-dem li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--trait);flex-wrap:wrap}.bdx .bdx-dem li:first-child{border-top:0}
.bdx .bdx-dem .coche{flex:0 0 26px;height:26px;border-radius:50%;border:2px solid var(--trait2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.bdx .bdx-dem li.fait .coche{background:var(--olive-c);border-color:var(--olive);color:var(--olive)}.bdx .bdx-dem li.suivante .coche{border-color:var(--accent,var(--ocre))}
.bdx .bdx-dem .t{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}.bdx .bdx-dem li.fait .t b{opacity:.75;text-decoration:line-through;text-decoration-thickness:1px}
/* thème sombre : les étiquettes posées dans un bandeau de titre gardent un fond sombre (texte clair lisible) */
html.bdx-sombre .bdx .bdx-bloc>.bdx-outils:first-child .bdx-etatp:not(.e-Terminé):not(.e-En-retard),html.bdx-sombre .bdx .bdx-shopens>summary .bdx-etatp:not(.e-Terminé):not(.e-En-retard){background:rgba(0,0,0,.32);color:var(--encre)}
/* 2.4 — bordereau en colonnes essentielles : largeurs propres au mode simple (10 colonnes) */
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th{width:auto}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(1){width:34px}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(3){width:11%}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(4){width:7%}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(5){width:8%}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(6),#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(7){width:9%}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(8){width:13%}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(9){width:10%}
#bdx-app[data-ecran=bordereau] .bdx-tab.simple thead th:nth-child(10){width:52px}
/* 2.5 — sous-étapes du planning : décalées dans le tableau, barres plus fines dans le Gantt */
.bdx .bdx-tab tr.sous-etape td:nth-child(2){padding-left:26px}
.bdx .bdx-tab tr.sous-etape td:nth-child(2) input{font-size:.92rem}
.bdx .bdx-g-row.sous .bdx-g-nom{padding-left:22px;font-size:.88rem;opacity:.95}
.bdx .bdx-g-row.sous .bdx-g-bar{height:9px;top:calc(50% - 4px);opacity:.92}
.bdx .bdx-g-row.mere .bdx-g-nom{font-weight:700}
/* 2.6 — client : la prochaine action mise en avant, surtout sur téléphone */
.bdx .bdx-prochaine{display:none}
@media (max-width:700px){.bdx .bdx-prochaine{display:block;background:var(--pin-c);border-left:5px solid var(--v-pin);border-radius:0 var(--R) var(--R) 0;padding:12px 14px;margin:0 0 14px}
 .bdx .bdx-prochaine .l{display:block;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--encre2);margin-bottom:2px}
 .bdx .bdx-prochaine b{font-size:1.05rem;line-height:1.3}}
/* 2.7 — plan de charge : semaine entièrement chômée (congés, fériés) */
.bdx .bdx-charge .col.chomee .zone{background:repeating-linear-gradient(135deg,var(--trait) 0 3px,transparent 3px 8px);opacity:.7}

/* Couleur de la pièce dans les graphiques « Par pièce » (carnets, synthèse) : même code couleur que le bordereau. */
.bdx .bdx-graf .l[style*="--loc"] .b .r.teinte{background:var(--loc)}

/* Tableau de bord de l'entreprise : une carte par chantier, avec ce qui l'attend. */
.bdx .bdx-projet-carte.chantier{display:grid;grid-template-columns:1fr auto;align-items:start;gap:4px 12px}
.bdx .bdx-projet-carte.chantier b{grid-column:1;font-size:1.02rem}
.bdx .bdx-projet-carte.chantier .go{grid-column:2;grid-row:1;align-self:center}
.bdx .bdx-projet-carte.chantier .sous{grid-column:1/-1;color:var(--encre2);font-size:.86rem}
.bdx .bdx-projet-carte.chantier .att{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bdx .bdx-projet-carte.chantier .att em{font-style:normal;font-size:.82rem;padding:3px 9px;border-radius:999px;background:var(--fond);border:1px solid var(--trait)}
.bdx .bdx-projet-carte.chantier.attend .att em{background:color-mix(in srgb,var(--accent,var(--pin)) 12%,var(--papier));border-color:color-mix(in srgb,var(--accent,var(--pin)) 35%,var(--trait))}
.bdx .bdx-projet-carte.chantier .att.rien{color:var(--encre2);font-size:.86rem}
.bdx .bdx-projet-carte.chantier .lim{grid-column:1/-1;margin-top:6px;font-size:.82rem;font-weight:700;color:var(--alerte)}

/* Téléphone : la barre de prix se replie et ne laisse que le prix, pour rendre l'écran au bordereau. */
.bdx .bdx-replier-prix{display:none;margin-left:auto;align-self:center;background:none;border:1px solid var(--trait);border-radius:999px;padding:5px 12px;font:inherit;font-size:.8rem;color:var(--encre2);cursor:pointer}
@media(max-width:760px){
  .bdx .bdx-replier-prix{display:block}
  .bdx .bdx-regle-chiffres{margin-bottom:10px}
  .bdx .bdx-regle.pliee .bdx-barre,.bdx .bdx-regle.pliee .bdx-grad,.bdx .bdx-regle.pliee .bdx-barre-lib,.bdx .bdx-regle.pliee .bdx-scbar{display:none}
  .bdx .bdx-regle.pliee .bdx-regle-chiffres{margin-bottom:0}
  .bdx .bdx-regle.pliee{padding-bottom:8px}
}

/* Téléphone : un tableau à trois colonnes (Lots, par exemple) devient une fiche par ligne, sans défilement latéral. */
@media(max-width:700px){
  .bdx .bdx-tab.bdx-fiches3{min-width:0!important;width:100%;display:block}
  .bdx .bdx-fiches3 tbody{display:block}
  .bdx .bdx-fiches3 thead{display:none}
  .bdx .bdx-fiches3 tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 4px;border-bottom:1px solid var(--trait)}
  .bdx .bdx-fiches3 tbody td{border:0!important;padding:0!important;background:none!important;min-width:0;overflow-wrap:anywhere}
  .bdx .bdx-fiches3 tbody td:nth-child(1){grid-column:1}
  .bdx .bdx-fiches3 tbody td:nth-child(3){grid-column:2;grid-row:1;text-align:right;font-weight:700}
  .bdx .bdx-fiches3 tbody td:nth-child(2){grid-column:1/-1}
}

/* Tablette : dans le bordereau, le montant retenu reste visible à droite quand on fait défiler le tableau,
   comme le nom de l'ouvrage reste visible à gauche. Seules les lignes d'ouvrage sont figées : les lignes de
   groupe, d'ensemble et de total gardent leur fond et défilent normalement. */
@media(max-width:1180px){
  .bdx[data-ecran=bordereau] .bdx-tab thead th:last-child,
  .bdx[data-ecran=bordereau] .bdx-tab tbody tr[data-i] td:last-child{position:sticky;right:0;z-index:3;width:58px;min-width:58px;background:var(--papier)}
  .bdx[data-ecran=bordereau] .bdx-tab thead th:nth-last-child(2),
  .bdx[data-ecran=bordereau] .bdx-tab tbody tr[data-i]:not(.detail) td:nth-last-child(2){position:sticky;right:58px;z-index:3;background:var(--papier);box-shadow:-6px 0 8px -6px rgba(27,38,34,.18)}
  .bdx[data-ecran=bordereau] .bdx-tab thead th:last-child,
  .bdx[data-ecran=bordereau] .bdx-tab thead th:nth-last-child(2){background:var(--cat-c);z-index:6}
  .bdx[data-ecran=bordereau] .bdx-tab tbody tr.detail td:last-child,
  .bdx[data-ecran=bordereau] .bdx-tab tbody tr.detail td:nth-last-child(2){position:static;background:none}
}

/* Documents : trois densités pour les images, deux pour les fichiers. Le choix est gardé sur l'appareil. */
.bdx .bdx-galerie[data-mode=carres]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px}
.bdx .bdx-galerie[data-mode=carres] .im{aspect-ratio:1}
.bdx .bdx-galerie[data-mode=carres] figcaption{font-size:.74rem}
.bdx .bdx-galerie[data-mode=grandes]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bdx .bdx-galerie[data-mode=grandes] .im{aspect-ratio:3/2}
.bdx .bdx-liste-fichiers[data-mode=liste] .bdx-fichier{padding:6px 0;gap:10px}
.bdx .bdx-liste-fichiers[data-mode=liste] .bdx-fichier .ext{width:30px;height:30px;font-size:.62rem;border-radius:7px}
.bdx .bdx-liste-fichiers[data-mode=liste] .bdx-fichier .n>.bdx-aide{display:none}
.bdx .bdx-liste-fichiers[data-mode=liste] .bdx-fichier .gest select,
.bdx .bdx-liste-fichiers[data-mode=liste] .bdx-fichier .gest label{display:none}