/* ==========================================================================
   BE IA — les 8 démos animées (devis, signature, documents, mail, planning, tâches, paiements, compta)
   Contrat : voir site/DESIGN.md « Contrat des démos ». Préfixe .bi- partout.
   Dimensionnement par container queries sur .bi-demo :
     >= 1100 px : téléphone | faisceau | fenêtre (barre latérale ouverte)
     760-1099   : idem, téléphone plus étroit, barre latérale réduite aux icônes
     < 760      : téléphone AU-DESSUS, fenêtre EN DESSOUS (lisible à 390 px d'écran)
     < 900      : signature, téléphone de la cliente en surimpression CENTRÉE sur la fenêtre (il repart une fois signé)
   Mouvement : transform + opacity, piloté par demos.js (pas d'animation CSS).
   ========================================================================== */

.bi-demo{
  /* alias des jetons du site (avec valeurs de repli) */
  --bi-encre:var(--encre,#17337A); --bi-encre2:var(--encre-2,#0F2559); --bi-douce:var(--encre-douce,#D9E2F4);
  --bi-blanc:var(--blanc,#FDFEFF); --bi-papier:var(--papier,#F7F9FB);
  --bi-pierre:var(--pierre,#EBEFF3); --bi-pierre2:var(--pierre-2,#E0E6ED);
  --bi-txt:var(--texte,#0E1B2F); --bi-doux:var(--texte-doux,#475467);
  --bi-trait:var(--trait,#C3CCD7); --bi-trait2:var(--trait-2,#A3AFBE);
  --bi-nuit:var(--nuit,#0C1D3D); --bi-nuit2:var(--nuit-2,#14305F); --bi-nuit3:var(--nuit-3,#1B3A70);
  --bi-sur:var(--sur-nuit,#E8EEF8); --bi-sur-doux:var(--sur-nuit-doux,#A9B8D2); --bi-trait-nuit:var(--trait-nuit,#2B4676);
  --bi-signal:var(--signal,#8FB0F5);
  --bi-ok:var(--ok,#1F7A4D); --bi-att:var(--attente,#B5530F);
  --bi-titre:var(--f-titre,"Barlow Condensed","Oswald","Roboto Condensed","Arial Narrow",Impact,sans-serif);
  --bi-sans:var(--f-texte,"IBM Plex Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);
  --bi-mono:var(--f-mono,"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace);

  /* fond clair (par défaut) */
  --bi-leg:var(--bi-doux);
  --bi-fx:var(--bi-encre); --bi-fx-base:var(--bi-trait); --bi-fx-glow:rgba(23,51,122,.38);
  --bi-tel:var(--bi-nuit); --bi-tel-trait:var(--bi-nuit3);
  --bi-ombre:0 34px 60px -30px rgba(14,27,47,.55);
  --bi-etiq:var(--bi-doux); --bi-etiq-fond:var(--bi-pierre2);
  --bi-mini-fond:var(--bi-blanc); --bi-mini-trait:var(--bi-trait); --bi-mini-txt:var(--bi-doux); --bi-mini-barre:var(--bi-pierre2); --bi-mini-b:var(--bi-trait);
  --bi-strike:var(--bi-att);

  container:bi / inline-size;
  position:relative; display:block; width:100%; min-width:0;
  font-family:var(--bi-sans); font-size:14px; line-height:1.4; text-align:left;
}
.bi-demo[data-fond="nuit"]{
  --bi-leg:var(--bi-sur-doux);
  --bi-fx:var(--bi-signal); --bi-fx-base:var(--bi-trait-nuit); --bi-fx-glow:rgba(143,176,245,.45);
  --bi-tel:var(--bi-nuit2); --bi-tel-trait:var(--bi-trait-nuit);
  --bi-ombre:0 40px 70px -28px rgba(0,0,0,.75);
  --bi-etiq:var(--bi-sur-doux); --bi-etiq-fond:rgba(232,238,248,.08);
  --bi-mini-fond:rgba(232,238,248,.06); --bi-mini-trait:var(--bi-trait-nuit); --bi-mini-txt:var(--bi-sur-doux); --bi-mini-barre:rgba(232,238,248,.16); --bi-mini-b:var(--bi-sur-doux);
  --bi-strike:#E58A47; --bi-ghost-on:var(--bi-sur-doux); --bi-ghost-fg:var(--bi-nuit);
}
.bi-demo *,.bi-demo *::before,.bi-demo *::after{box-sizing:border-box}
.bi-demo[hidden]{display:none!important}
.bi-demo p,.bi-demo h4{margin:0}

/* texte réservé aux lecteurs d'écran (le repli statique y est rangé quand la scène est montée) */
.bi-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

.bi-scene{display:block;opacity:0}
.bi-leg{margin-top:14px;font:400 11.5px/1.4 var(--bi-mono);letter-spacing:.04em;color:var(--bi-leg)}

/* ---------- pictos ---------- */
.bi-ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- grille de la scène ---------- */
.bi-grille{display:grid;grid-template-columns:300px 64px minmax(0,1fr);align-items:stretch}
.bi-grille>*{min-width:0}

/* ---------- téléphone de l'assistant ---------- */
.bi-tel{position:relative;display:flex;flex-direction:column;align-self:center;min-height:var(--bi-tel-h,420px);
  padding:12px 12px 14px;border:1px solid var(--bi-tel-trait);border-radius:30px;background:var(--bi-tel);
  color:var(--bi-sur);box-shadow:var(--bi-ombre);contain:layout paint}
.bi-tel-haut{display:flex;align-items:center;gap:9px;padding:8px 8px 12px;border-bottom:1px solid var(--bi-tel-trait)}
.bi-av{width:28px;height:28px;border-radius:50%;background:var(--bi-signal);color:var(--bi-nuit);display:grid;place-items:center;font-size:16px}
.bi-tel-haut b{font:600 13px/1 var(--bi-sans)}
.bi-ptdot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--bi-signal);box-shadow:0 0 0 4px rgba(143,176,245,.2)}
.bi-msgs{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px 2px 8px;min-height:var(--bi-msgs-h,0)}
.bi-bulle{padding:10px 13px;font-size:13.5px;line-height:1.45;max-width:92%;opacity:0;overflow-wrap:anywhere}
.bi-u{align-self:flex-end;background:rgba(232,238,248,.13);border-radius:16px 16px 4px 16px;color:var(--bi-sur)}
.bi-a{align-self:flex-start;border:1px solid rgba(143,176,245,.55);background:rgba(143,176,245,.1);border-radius:16px 16px 16px 4px;color:var(--bi-sur)}
.bi-rep{display:grid;align-self:flex-start;max-width:92%}
.bi-rep>*{grid-area:1/1}
.bi-rep .bi-a{max-width:none}
.bi-pts{display:flex;align-items:center;gap:5px;align-self:start;justify-self:start;padding:13px 15px;border:1px solid var(--bi-tel-trait);border-radius:16px 16px 16px 4px;opacity:0}
.bi-pts i{display:block;width:6px;height:6px;border-radius:50%;background:var(--bi-sur-doux)}
.bi-r{visibility:hidden}
.bi-curs{display:inline-block;width:0;height:1em;position:relative;vertical-align:-.16em;opacity:0}
.bi-curs::after{content:"";position:absolute;left:1px;top:0;width:2px;height:100%;background:var(--bi-signal)}
.bi-bas{display:flex;align-items:center;gap:10px;margin-top:8px;padding:6px 6px 6px 14px;border:1px solid var(--bi-tel-trait);border-radius:999px}
.bi-onde{flex:1;display:flex;align-items:center;justify-content:space-between;height:26px;gap:2px}
.bi-onde i{display:block;width:3px;height:100%;border-radius:2px;background:var(--bi-sur-doux);opacity:.55;transform:scaleY(.16)}
.bi-bas.on .bi-onde i{background:var(--bi-signal);opacity:1}
.bi-micro{width:34px;height:34px;border-radius:50%;background:rgba(232,238,248,.13);display:grid;place-items:center;font-size:17px;flex:none}
.bi-bas.on .bi-micro{background:var(--bi-signal);color:var(--bi-nuit)}
/* pièces jointes (scène documents) */
.bi-u.bi-pj{padding:9px 10px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.bi-pj-grille{display:grid;grid-template-columns:repeat(9,auto);gap:4px}
.bi-pj-grille .bi-fic{width:15px;height:18px;font-size:5.5px;padding-bottom:2px}
.bi-pj-n{font:500 10.5px/1 var(--bi-mono);letter-spacing:.04em;color:var(--bi-sur-doux)}

/* ---------- faisceau ---------- */
.bi-fx{position:relative;align-self:center;height:12px;overflow:hidden}
.bi-fx::before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;border-radius:1px;background:var(--bi-fx-base)}
.bi-fx-p{position:absolute;left:0;top:4px;width:42%;height:4px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--bi-fx));opacity:0;
  transform:translateX(calc(var(--p,0)*250% - 100%))}
.bi-fx-a,.bi-fx-b{position:absolute;top:2px;width:8px;height:8px;border-radius:50%;background:var(--bi-fx);opacity:.35}
.bi-fx-a{left:0}.bi-fx-b{right:0}

/* ---------- fenêtre du logiciel ---------- */
.bi-fen{position:relative;min-width:0;display:flex}
.bi-lueur{position:absolute;inset:-1px;border-radius:11px;pointer-events:none;opacity:0;
  box-shadow:0 0 0 1.5px var(--bi-fx),0 0 54px -6px var(--bi-fx-glow)}
.bi-fen-in{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--bi-trait2);border-radius:10px;background:var(--bi-blanc);color:var(--bi-txt);box-shadow:var(--bi-ombre)}
.bi-barre{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--bi-pierre2);border-bottom:1px solid var(--bi-trait)}
.bi-barre>i{width:9px;height:9px;border-radius:1px;background:var(--bi-trait2);flex:none}
.bi-titre{margin-left:8px;min-width:0;display:grid;font:500 11px/1 var(--bi-mono);letter-spacing:.02em;color:var(--bi-doux)}
.bi-titre>span{grid-area:1/1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bi-corps{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);min-height:0}
.bi-lat{width:158px;padding:10px 8px;display:flex;flex-direction:column;gap:2px;background:var(--bi-nuit);color:var(--bi-sur-doux)}
.bi-marque{display:flex;align-items:center;gap:8px;padding:2px 6px 12px;color:var(--bi-sur);font:600 11.5px/1.2 var(--bi-sans)}
.bi-marque b{flex:none;width:24px;height:24px;border-radius:5px;background:var(--bi-nuit3);display:grid;place-items:center;font:800 15px/1 var(--bi-titre)}
.bi-marque span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bi-marque small{display:block;margin-top:2px;font:400 10px/1 var(--bi-mono);letter-spacing:.04em;color:var(--bi-sur-doux)}
.bi-onglet{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:5px;font-size:12px;line-height:1.2;white-space:nowrap}
.bi-onglet .bi-ic{font-size:15px}
.bi-onglet em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bi-onglet.on{background:var(--bi-nuit3);color:#fff;box-shadow:inset 2px 0 0 var(--bi-signal)}
.bi-princ{min-width:0;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;background:var(--bi-blanc)}

.bi-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:6px 12px;flex-wrap:wrap}
.bi-fil{font:500 10.5px/1 var(--bi-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-doux)}
.bi-h{margin:6px 0 0;font:800 22px/1.05 var(--bi-titre);letter-spacing:.015em;text-transform:uppercase;color:var(--bi-txt)}
.bi-meta{margin-top:5px;font:400 11px/1.3 var(--bi-mono);color:var(--bi-doux)}
.bi-act{display:flex;align-items:center;gap:8px}
.bi-puces{display:grid}
.bi-puces>*{grid-area:1/1;justify-self:end}
.bi-puce{display:inline-flex;align-items:center;gap:6px;font:500 10.5px/1 var(--bi-mono);padding:6px 9px;border-radius:99px;border:1px solid var(--bi-trait);color:var(--bi-doux);background:var(--bi-papier);white-space:nowrap}
.bi-puce-att{background:#FBEBDC;border-color:#E3B88E;color:var(--bi-att)}
.bi-puce-ok{background:#E2F2EA;border-color:#9DCDB4;color:var(--bi-ok)}
.bi-pastille{width:6px;height:6px;border-radius:50%;background:currentColor}
.bi-valider,.bi-envoyer{appearance:none;border:0;position:relative;font:600 12px/1 var(--bi-sans);padding:9px 16px;border-radius:6px;background:var(--bi-encre);color:#fff;cursor:default;white-space:nowrap}
.bi-valider::after,.bi-envoyer::after{content:"";position:absolute;inset:-3px;border-radius:9px;border:2px solid var(--bi-encre);opacity:0;pointer-events:none}
.bi-valider.pu::after,.bi-envoyer.pu::after{opacity:calc(.55*(1 - var(--pu,0)));transform:scale(calc(1 + var(--pu,0)*.14))}

/* ---------- tableau du devis ---------- */
.bi-tab{position:relative;border:1px solid var(--bi-trait);border-radius:6px;overflow:hidden;font-size:12px}
.bi-lg{display:grid;grid-template-columns:minmax(0,1fr) 40px 46px 64px 36px 82px;column-gap:8px;align-items:center;min-height:28px;padding:4px 10px;border-top:1px solid var(--bi-pierre2);will-change:transform,opacity}
.bi-lg:first-child{border-top:0}
.bi-th{min-height:26px;background:var(--bi-papier);font:500 9.5px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bi-doux);will-change:auto}
.bi-ch{display:block;min-height:24px;padding-block:5px;background:var(--bi-douce);color:var(--bi-encre2);font:700 12.5px/1.2 var(--bi-titre);letter-spacing:.09em;text-transform:uppercase}
.bi-d{min-width:0;line-height:1.25}
.bi-sous{display:none;margin-top:2px;font:400 10px/1.2 var(--bi-mono);color:var(--bi-doux)}
.bi-n{font:400 11.5px/1.2 var(--bi-mono);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-cu{font:400 11px/1.2 var(--bi-mono);color:var(--bi-doux)}
.bi-th .bi-n,.bi-th .bi-cu{font:inherit;color:inherit}
.bi-ct{color:var(--bi-doux)}
.bi-plus{background:var(--bi-papier);border-top:1px dashed var(--bi-trait2);color:var(--bi-doux)}
.bi-plus .bi-d{grid-column:1/-3;font:500 11.5px/1.2 var(--bi-mono)}
.bi-plus .bi-n{color:var(--bi-txt)}
.bi-sq{position:absolute;left:0;right:0;top:26px;bottom:0;padding:14px 12px;display:flex;flex-direction:column;gap:15px;background:var(--bi-blanc)}
.bi-sq i{display:block;height:9px;border-radius:3px;background:var(--bi-pierre2)}
.bi-sq i:nth-child(1){width:34%}.bi-sq i:nth-child(2){width:88%}.bi-sq i:nth-child(3){width:72%}
.bi-sq i:nth-child(4){width:80%}.bi-sq i:nth-child(5){width:58%}.bi-sq i:nth-child(6){width:76%}.bi-sq i:nth-child(7){width:48%}
.bi-pied{display:flex;border:1px solid var(--bi-trait);border-radius:6px;background:var(--bi-papier);overflow:hidden}
.bi-cell{flex:1 1 0;min-width:0;padding:8px 10px;border-left:1px solid var(--bi-trait)}
.bi-cell:first-child{border-left:0}
.bi-cell small{display:block;font:500 9.5px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bi-doux)}
.bi-cell b{display:block;margin-top:6px;font:500 14px/1 var(--bi-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-cell.bi-ttc{flex:1.3 1 0;background:var(--bi-douce)}
.bi-cell.bi-ttc b{font-size:17px;color:var(--bi-encre2)}

/* ---------- documents ---------- */
.bi-doc{display:grid;grid-template-columns:minmax(0,214px) minmax(0,1fr);gap:14px;align-items:start}
.bi-plateau{position:relative;padding:10px 10px 12px;border:1.5px dashed var(--bi-trait2);border-radius:8px;background:var(--bi-papier);min-height:344px}
.bi-pl-t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font:700 13px/1 var(--bi-titre);letter-spacing:.09em;text-transform:uppercase;color:var(--bi-encre2)}
.bi-pl-n{min-width:24px;text-align:center;font:500 11px/1 var(--bi-mono);padding:4px 7px;border-radius:99px;background:var(--bi-encre);color:#fff;letter-spacing:0}
.bi-chips{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.bi-fich{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 6px;background:var(--bi-blanc);border:1px solid var(--bi-trait);border-radius:6px;font:400 10.5px/1 var(--bi-mono);color:var(--bi-txt);white-space:nowrap;
  box-shadow:0 1px 0 rgba(14,27,47,.06),0 8px 14px -9px rgba(14,27,47,.4);will-change:transform,opacity;position:relative;z-index:2}
.bi-fic{flex:none;position:relative;width:18px;height:22px;display:grid;place-items:end center;padding-bottom:3px;border-radius:2px;
  font:500 6.5px/1 var(--bi-mono);letter-spacing:.02em;color:#fff;clip-path:polygon(0 0,64% 0,100% 28%,100% 100%,0 100%)}
.bi-fic::after{content:"";position:absolute;left:64%;top:0;width:36%;height:28%;background:rgba(255,255,255,.42);clip-path:polygon(0 0,0 100%,100% 100%)}
.bi-fic-pdf{background:#B3382A}.bi-fic-xls{background:var(--bi-ok)}.bi-fic-jpg{background:var(--bi-encre)}.bi-fic-eml{background:#5B6B86}
.bi-pl-ok{position:absolute;left:10px;right:10px;top:46px;display:flex;align-items:center;gap:8px;font:500 11px/1.3 var(--bi-mono);color:var(--bi-ok);opacity:0}
.bi-fiche{border:1px solid var(--bi-trait);border-radius:8px;overflow:hidden;background:var(--bi-blanc)}
.bi-fiche-t{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;padding:11px 12px 10px;background:var(--bi-papier);border-bottom:1px solid var(--bi-trait)}
.bi-fiche-t span{font:500 10px/1 var(--bi-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-doux)}
.bi-fiche-t b{width:100%;font:800 17px/1.05 var(--bi-titre);letter-spacing:.015em;text-transform:uppercase;color:var(--bi-txt)}
.bi-fiche-t em{font:500 10.5px/1 var(--bi-mono);font-style:normal;color:var(--bi-encre)}
.bi-dos{margin:0;padding:0;list-style:none}
.bi-dos li{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 12px;border-top:1px solid var(--bi-pierre2);font-size:13px;font-weight:500}
.bi-dos li:first-child{border-top:0}
.bi-dos li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bi-encre);opacity:var(--fl,0)}
.bi-dos .bi-ic{font-size:18px;color:var(--bi-encre)}
.bi-dos span{flex:1;min-width:0}
.bi-dos-n{min-width:28px;text-align:center;font:500 13px/1 var(--bi-mono);padding:6px 8px;border-radius:5px;background:var(--bi-pierre);color:var(--bi-txt);font-variant-numeric:tabular-nums;will-change:transform}

/* ---------- mail ---------- */
.bi-avant{position:relative;margin-bottom:18px;padding:16px 16px 12px;border:1px dashed var(--bi-mini-trait);border-radius:10px;color:var(--bi-mini-txt)}
.bi-avant-in{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.4cqw,26px)}
.bi-etiq{position:absolute;left:12px;top:-9px;padding:3px 8px;font:500 10.5px/1 var(--bi-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--bi-etiq);background:var(--bi-etiq-bg,var(--bi-etiq-fond));border-radius:3px}
.bi-etiq-av{background:var(--bi-etiq-fond)}
.bi-avec-t{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:500 10.5px/1 var(--bi-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--bi-etiq)}
.bi-avec-t b{padding:4px 9px;border-radius:3px;background:var(--bi-encre);color:#fff;font-weight:500}
.bi-demo[data-fond="nuit"] .bi-avec-t b{background:var(--bi-signal);color:var(--bi-nuit)}
.bi-mini{position:relative;flex:1 1 0;min-width:0;max-width:300px;border:1px solid var(--bi-mini-trait);border-radius:7px;background:var(--bi-mini-fond);overflow:hidden}
.bi-mini-b{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--bi-mini-trait)}
.bi-mini-b i{width:6px;height:6px;border-radius:1px;background:var(--bi-mini-b);opacity:.6}
.bi-mini-c{padding:9px 10px 10px;display:flex;flex-direction:column;gap:6px;min-height:68px}
.bi-bar{display:block;height:6px;border-radius:3px;background:var(--bi-mini-barre);transform-origin:0 50%;will-change:transform}
.bi-bar.u{transform-origin:100% 50%}
.bi-bar.u{align-self:flex-end;width:46%}
.bi-bar.w1{width:94%}.bi-bar.w2{width:80%}.bi-bar.w3{width:56%}
.bi-ghost{align-self:flex-start;font:500 9.5px/1 var(--bi-mono);letter-spacing:.04em;padding:5px 8px;border:1px solid var(--bi-mini-trait);border-radius:99px;color:var(--bi-mini-txt);margin-top:2px}
.bi-ghost.on{background:var(--bi-ghost-on,var(--bi-doux));border-color:transparent;color:var(--bi-ghost-fg,#fff)}
.bi-mini-b .bi-ghost{margin:0 0 0 auto;padding:3px 7px}
.bi-mini-mail{font:400 11px/1.45 var(--bi-sans);white-space:pre-wrap;color:var(--bi-mini-txt);min-height:48px}
.bi-av-fl{flex:0 0 clamp(54px,9cqw,92px);display:flex;flex-direction:column;align-items:center;gap:5px;font:500 9.5px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase}
.bi-av-fl .bi-trait-fl{position:relative;width:100%;height:10px}
.bi-av-fl .bi-trait-fl::before{content:"";position:absolute;left:0;right:6px;top:4px;height:1.5px;background:currentColor;opacity:.4}
.bi-av-fl .bi-trait-fl::after{content:"";position:absolute;right:1px;top:1px;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.5}
.bi-av-fl .bi-trait-fl{overflow:hidden}
.bi-av-fl .bi-trait-fl i{position:absolute;left:0;top:2px;width:100%;height:6px;opacity:0;transform:translateX(calc(var(--p,0)*100% - 100%))}
.bi-av-fl .bi-trait-fl i::after{content:"";position:absolute;right:0;top:0;width:6px;height:6px;border-radius:50%;background:currentColor}
.bi-strike{position:absolute;left:2%;right:2%;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--bi-strike);transform-origin:0 50%;transform:scaleX(0)}
.bi-hist{display:flex;flex-direction:column;border:1px solid var(--bi-trait);border-radius:6px;overflow:hidden}
.bi-hist-t{padding:8px 11px;background:var(--bi-papier);border-bottom:1px solid var(--bi-trait);font:500 9.5px/1 var(--bi-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-doux)}
.bi-hl{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;border-top:1px solid var(--bi-pierre2);font-size:12.5px;line-height:1.3;will-change:opacity}
.bi-hist-t+.bi-hl{border-top:0}
.bi-hl::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bi-encre);opacity:var(--al,0)}
.bi-hl .bi-ic{font-size:16px;color:var(--bi-encre)}
.bi-hl em{font:400 10.5px/1 var(--bi-mono);font-style:normal;color:var(--bi-doux);white-space:nowrap}
.bi-hl q{quotes:none;color:var(--bi-doux)}
.bi-compo{border:1px solid var(--bi-trait);border-radius:8px;background:var(--bi-blanc);box-shadow:0 14px 26px -18px rgba(14,27,47,.45);overflow:hidden}
.bi-compo-t{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;background:var(--bi-papier);border-bottom:1px solid var(--bi-trait);font:700 12.5px/1 var(--bi-titre);letter-spacing:.09em;text-transform:uppercase;color:var(--bi-encre2)}
.bi-champ{display:flex;gap:10px;padding:7px 11px;border-bottom:1px solid var(--bi-pierre2);font-size:12px}
.bi-champ small{flex:none;width:44px;font:500 10px/1.6 var(--bi-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--bi-doux)}
.bi-champ span{min-width:0}
.bi-mail-corps{padding:11px 12px 6px;font-size:13px;line-height:1.5;white-space:pre-wrap;color:var(--bi-txt);min-height:116px}
.bi-mail-corps .bi-r{visibility:hidden}
.bi-compo-b{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px 11px}

/* ---------- tâches ---------- */
.bi-sous-onglets{display:flex;gap:2px;margin-top:2px;border-bottom:1px solid var(--bi-trait);overflow:hidden}
.bi-sous-onglets span{padding:7px 11px 8px;font:500 11px/1 var(--bi-mono);letter-spacing:.03em;color:var(--bi-doux);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.bi-sous-onglets span.on{color:var(--bi-encre2);border-bottom-color:var(--bi-encre);font-weight:500}
.bi-vues{display:grid}
.bi-vue{grid-area:1/1;min-width:0;display:flex;flex-direction:column;gap:10px;will-change:transform,opacity}
.bi-zone{display:grid;min-height:66px;align-items:center;justify-items:center;border:1.5px dashed var(--bi-trait2);border-radius:8px;background:var(--bi-papier);font:500 10.5px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bi-doux)}
.bi-liste-t{display:flex;justify-content:space-between;font:500 9.5px/1 var(--bi-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-doux)}
.bi-taches{display:flex;flex-direction:column;gap:8px}
.bi-slot{display:grid;position:relative}
.bi-slot>*{grid-area:1/1}
.bi-vide{border:1.5px dashed var(--bi-trait2);border-radius:8px;background:transparent}
.bi-tache{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:10px;row-gap:7px;align-content:center;padding:9px 12px;border:1px solid var(--bi-trait);border-radius:8px;background:var(--bi-blanc);will-change:transform,opacity}
.bi-tache>i{width:16px;height:16px;margin-top:1px;border:1.5px solid var(--bi-trait2);border-radius:4px}
.bi-tache>b{min-width:0;font:600 13px/1.3 var(--bi-sans)}
.bi-tache>b .bi-curs::after{background:var(--bi-encre)}
.bi-tags{grid-column:2;display:flex;flex-wrap:wrap;gap:5px}
.bi-tag{font:500 10px/1 var(--bi-mono);letter-spacing:.02em;padding:4px 7px;border-radius:99px;background:var(--bi-pierre);color:var(--bi-doux);border:1px solid var(--bi-pierre2);white-space:nowrap;will-change:opacity}
.bi-tag.c{background:var(--bi-douce);border-color:#BFCDEA;color:var(--bi-encre2)}
.bi-tag.e{background:#FBEBDC;border-color:#E3B88E;color:var(--bi-att)}
.bi-tache.nv{border-color:var(--bi-encre);box-shadow:0 0 0 1px var(--bi-encre)}
.bi-tache.fl{box-shadow:0 0 0 1px var(--bi-encre),0 18px 30px -14px rgba(14,27,47,.5)}
.bi-jour{border-color:var(--bi-encre);background:var(--bi-douce)}
.bi-jour.bi-tache>i{border-color:var(--bi-encre)}
.bi-vue-b .bi-tache{will-change:transform,opacity}

/* ---------- signature ---------- */
.bi-sgb{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:14px;align-items:start;min-height:338px}
.bi-sg-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.bi-sg-doc{border:1px solid var(--bi-trait);border-radius:6px;overflow:hidden}
.bi-sg-doc-t{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:9px 12px;background:var(--bi-papier);border-bottom:1px solid var(--bi-trait);font:700 13px/1 var(--bi-titre);letter-spacing:.09em;text-transform:uppercase;color:var(--bi-encre2)}
.bi-sg-doc-t span{display:inline-flex;align-items:center;gap:8px}
.bi-sg-doc-t .bi-ic{font-size:16px}
.bi-sg-doc-t em{font:400 10px/1.2 var(--bi-mono);font-style:normal;letter-spacing:0;text-transform:none;color:var(--bi-doux)}
.bi-sg-l{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid var(--bi-pierre2);font:400 12px/1.2 var(--bi-mono)}
.bi-sg-doc-t+.bi-sg-l{border-top:0}
.bi-sg-l span{color:var(--bi-doux)}
.bi-sg-l b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.bi-sg-tot{background:var(--bi-douce)}
.bi-sg-tot b{color:var(--bi-encre2);font-size:14px}
.bi-sg-btn{display:flex}
.bi-sg-btn .bi-envoyer{padding:11px 18px;font-size:12.5px}
.bi-etapes{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.bi-etapes li{flex:1 1 0;min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:7px;row-gap:1px;align-items:center;padding:8px 9px;border:1px solid var(--bi-pierre2);border-radius:6px;font:500 11.5px/1.2 var(--bi-sans);color:var(--bi-doux)}
.bi-etapes i{grid-row:1/3;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--bi-trait2);background:var(--bi-blanc)}
.bi-etapes span{grid-column:2}
.bi-etapes em{grid-column:2;font:400 10px/1.2 var(--bi-mono);font-style:normal;color:var(--bi-doux)}
.bi-etapes li.on{border-color:var(--bi-trait);background:var(--bi-papier);color:var(--bi-txt)}
.bi-etapes li.on i{background:var(--bi-encre);border-color:var(--bi-encre);box-shadow:inset 0 0 0 3px var(--bi-papier)}
.bi-etapes .bi-e3.on i{background:var(--bi-ok);border-color:var(--bi-ok)}
.bi-acompte{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--bi-trait);border-left:4px solid var(--bi-att);border-radius:6px;background:var(--bi-papier);font:600 13px/1.2 var(--bi-sans);will-change:transform,opacity;opacity:0}
.bi-acompte .bi-ic{font-size:17px;color:var(--bi-att)}
.bi-acompte em{margin-left:auto;font-style:normal}
.bi-sg-cli{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--bi-trait);border-radius:8px;background:var(--bi-papier)}
.bi-sg-cli-t{font:500 9.5px/1 var(--bi-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-doux)}
.bi-sg-cli b{font:800 18px/1.05 var(--bi-titre);letter-spacing:.015em;text-transform:uppercase}
.bi-sg-cli>span{font-size:12px;color:var(--bi-doux)}
.bi-sg-cli-m{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:11.5px;color:var(--bi-encre2)}
.bi-sg-cli-m .bi-ic{font-size:15px}
.bi-souris{position:absolute;left:0;top:0;z-index:6;width:24px;height:24px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(14,27,47,.35))}
/* téléphone de la cliente (surimpression à droite de la fenêtre) */
.bi-telc{position:absolute;z-index:4;right:16px;top:44px;width:216px;pointer-events:none}
.bi-telc-in{opacity:0;padding:7px;border-radius:30px;background:var(--bi-nuit);box-shadow:0 0 0 1px var(--bi-trait-nuit),0 34px 54px -20px rgba(0,0,0,.65)}
.bi-ecran{position:relative;height:372px;border-radius:23px;overflow:hidden;background:var(--bi-blanc);color:var(--bi-txt)}
.bi-tc-s{position:absolute;inset:0;display:flex;flex-direction:column;gap:11px;padding:13px 13px 14px;opacity:0}
.bi-tc-h{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--bi-pierre2);font:600 12.5px/1.1 var(--bi-sans)}
.bi-tc-h .bi-ic{font-size:16px;color:var(--bi-encre)}
.bi-tc-h em{margin-left:auto;font:400 10px/1 var(--bi-mono);font-style:normal;color:var(--bi-doux)}
.bi-tc-mail{display:flex;flex-direction:column;gap:8px;padding:11px;border:1px solid var(--bi-trait);border-radius:9px;background:var(--bi-papier)}
.bi-tc-mail small{font:500 9.5px/1 var(--bi-mono);letter-spacing:.03em;color:var(--bi-doux)}
.bi-tc-mail b{font:600 14px/1.25 var(--bi-sans)}
.bi-tc-mail p{display:grid;gap:5px;margin:2px 0 6px}
.bi-tc-mail p i{display:block;height:5px;border-radius:3px;background:var(--bi-pierre2)}
.bi-tc-mail p i:nth-child(2){width:88%}.bi-tc-mail p i:nth-child(3){width:58%}
.bi-tc-btn{display:block;text-align:center;padding:10px 12px;border-radius:7px;background:var(--bi-encre);color:#fff;font:600 12px/1 var(--bi-sans)}
.bi-tc-btn.tap{background:var(--bi-encre2);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.bi-tc-s>.bi-tc-btn{margin-top:auto}
.bi-tc-p{margin:0;font-size:12px;line-height:1.4;color:var(--bi-doux)}
.bi-tc-code{display:flex;justify-content:center;align-items:center;gap:5px;margin:10px 0}
.bi-tc-code i{width:25px;height:36px;display:grid;place-items:center;border:1.5px solid var(--bi-trait2);border-radius:6px;background:var(--bi-papier);font:500 18px/1 var(--bi-mono);font-style:normal}
.bi-tc-code u{text-decoration:none;opacity:0}
.bi-tc-code s{width:8px;height:2px;margin:0 3px;background:var(--bi-trait2)}
.bi-tc-m{margin:2px 0 4px;font:500 18px/1.1 var(--bi-mono);color:var(--bi-encre2)}
.bi-tc-case{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--bi-trait);border-radius:8px;font-size:12px;line-height:1.3}
.bi-tc-bx{flex:none;width:20px;height:20px;display:grid;place-items:center;border:1.5px solid var(--bi-trait2);border-radius:5px;background:#fff}
.bi-tc-bx svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.bi-tc-bx path{stroke-dasharray:1;stroke-dashoffset:1}
.bi-tc-case.on{border-color:var(--bi-encre)}
.bi-tc-case.on .bi-tc-bx{background:var(--bi-encre);border-color:var(--bi-encre)}
.bi-tc-pad{position:relative;height:150px;display:grid;place-items:center;border:1.5px dashed var(--bi-trait2);border-radius:9px;background:var(--bi-papier)}
.bi-tc-pad svg{width:92%;height:auto;overflow:visible;fill:none;stroke:var(--bi-encre2);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.bi-tc-tr{stroke-dasharray:1;stroke-dashoffset:1}
.bi-tc-pad i{position:absolute;left:12px;right:12px;bottom:24px;border-top:1px solid var(--bi-trait)}
.bi-tc-ok{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bi-blanc);opacity:0}
.bi-tc-rond{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--bi-ok)}
.bi-tc-rond svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.bi-tc-rond path{stroke-dasharray:1;stroke-dashoffset:1}
.bi-tc-ok b{font:800 28px/1 var(--bi-titre);letter-spacing:.05em;text-transform:uppercase;color:var(--bi-ok)}
.bi-tc-ok small{font:500 11px/1 var(--bi-mono);color:var(--bi-doux)}

/* ---------- planning ---------- */
.bi-pl{display:grid;grid-template-columns:128px repeat(5,minmax(0,1fr));grid-template-rows:30px repeat(3,56px) 64px;border:1px solid var(--bi-trait);border-radius:6px;overflow:hidden;background:var(--bi-blanc)}
.bi-plh{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--bi-papier);border-left:1px solid var(--bi-pierre2);font:500 10px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bi-doux)}
.bi-plh b{font-weight:500;font-size:12px;color:var(--bi-txt)}
.bi-plh.hi{background:var(--bi-douce);color:var(--bi-encre2)}
.bi-plh.hi b{color:var(--bi-encre2)}
.bi-pl0{border-left:0}
.bi-pll{grid-column:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:0 10px;background:var(--bi-papier);border-top:1px solid var(--bi-pierre2)}
.bi-pll b{font:700 14px/1 var(--bi-titre);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-encre2)}
.bi-pll small{font:400 10px/1.2 var(--bi-mono);color:var(--bi-doux)}
.bi-plc{border-top:1px solid var(--bi-pierre2);border-left:1px solid var(--bi-pierre2)}
.bi-plb{z-index:1;min-width:0;margin:5px 4px;padding:6px 8px;display:flex;flex-direction:column;justify-content:center;gap:2px;border-radius:5px;background:var(--bi-pierre);border:1px solid var(--bi-trait);color:var(--bi-doux);font:500 11.5px/1.15 var(--bi-sans)}
.bi-plb b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bi-plb small{font:400 9.5px/1.2 var(--bi-mono)}
.bi-plb.rdv{background:#FBEBDC;border-color:#E3B88E;color:#7A3A09}
.bi-plb.nv{opacity:0;background:var(--bi-encre);border-color:var(--bi-encre2);color:#fff;will-change:transform,opacity;
  box-shadow:0 0 0 calc(var(--fl,0)*4px) rgba(23,51,122,.28),0 10px 18px -12px rgba(14,27,47,.6)}
.bi-plb.nv.rdv{background:var(--bi-att);border-color:#8C3F08;box-shadow:0 0 0 calc(var(--fl,0)*4px) rgba(181,83,15,.3),0 10px 18px -12px rgba(14,27,47,.6)}

/* ---------- paiements ---------- */
.bi-pm-bar{padding:10px 12px 12px;border:1px solid var(--bi-trait);border-radius:8px;background:var(--bi-papier);will-change:transform,opacity}
.bi-pm-bar-t{display:flex;flex-wrap:wrap;gap:6px 24px;margin-bottom:9px;font:500 10.5px/1.2 var(--bi-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--bi-doux)}
.bi-pm-bar-t span{display:inline-flex;align-items:baseline;gap:7px}
.bi-pm-bar-t b{font:500 14px/1 var(--bi-mono);letter-spacing:0;text-transform:none;color:var(--bi-txt);font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-sw{width:9px;height:9px;align-self:center;border-radius:2px}
.bi-sw.f{background:#9FB3DD}.bi-sw.e{background:var(--bi-ok)}
.bi-pm-track{position:relative;height:12px;border-radius:6px;overflow:hidden;background:var(--bi-pierre2)}
.bi-pm-track i{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:0 50%;transform:scaleX(0)}
.bi-pm-f{background:#9FB3DD}.bi-pm-e{background:var(--bi-ok)}
.bi-pm-ls{display:flex;flex-direction:column;gap:8px}
.bi-pm-l{display:grid;grid-template-columns:24px minmax(0,1fr) auto 62px;column-gap:12px;align-items:center;padding:9px 12px;border:1px solid var(--bi-trait);border-radius:8px;background:var(--bi-blanc);will-change:transform,opacity}
.bi-pm-ic{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--bi-trait2);font-size:13px;color:#fff;will-change:opacity}
.bi-pm-ic.bi-ok{background:var(--bi-ok);border-color:var(--bi-ok)}
.bi-pm-ic.bi-pret{background:var(--bi-douce);border-color:var(--bi-encre);color:var(--bi-encre)}
.bi-pm-tx{min-width:0}
.bi-pm-tx b{display:block;font:600 13px/1.25 var(--bi-sans)}
.bi-pm-tx small{display:block;margin-top:2px;font:400 10.5px/1.2 var(--bi-mono);color:var(--bi-doux)}
.bi-pm-l em{font:500 13px/1 var(--bi-mono);font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-pm-l>.bi-puce{justify-self:end}
.bi-puce-pret{background:var(--bi-douce);border-color:#BFCDEA;color:var(--bi-encre2)}
.bi-l3{grid-template-columns:24px minmax(0,1fr) auto 62px 104px;border-color:var(--bi-encre);box-shadow:0 0 0 1px var(--bi-encre)}
.bi-qr{grid-column:5;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:4px;margin:-1px 0;opacity:0}
.bi-qr svg{display:block;width:84px;height:84px;border:1px solid var(--bi-trait);border-radius:4px;background:#fff}
.bi-qr-p{fill:#0E1B2F}
.bi-qr small{font:500 9px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bi-doux);white-space:nowrap}
.bi-l4{border-style:dashed;background:var(--bi-papier)}
.bi-l4 em{color:var(--bi-doux)}
.bi-relances{display:flex;align-items:center;gap:10px;font:400 11.5px/1.3 var(--bi-mono);color:var(--bi-doux);will-change:transform,opacity}
.bi-tg{flex:none;position:relative;width:30px;height:17px;border-radius:99px;background:var(--bi-trait2)}
.bi-tg i{position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff}

/* ---------- compta ---------- */
.bi-cp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.bi-cp-g{display:flex;flex-direction:column;gap:12px;min-width:0}
.bi-cp-ks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bi-cp-k{min-width:0;padding:10px 11px;border:1px solid var(--bi-trait);border-radius:7px;background:var(--bi-papier);will-change:transform,opacity}
.bi-cp-k small{display:block;font:500 9.5px/1 var(--bi-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bi-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bi-cp-k b{display:block;margin-top:8px;font:500 16px/1 var(--bi-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-k0{background:var(--bi-douce);border-color:#BFCDEA}.bi-k0 b{color:var(--bi-encre2)}
.bi-ko b{color:var(--bi-ok)}
.bi-kr{background:#FBEBDC;border-color:#E3B88E}.bi-kr b,.bi-kr small{color:var(--bi-att)}
.bi-tva{border:1px solid var(--bi-trait);border-radius:7px;overflow:hidden}
.bi-tva-t{padding:8px 11px;background:var(--bi-papier);border-bottom:1px solid var(--bi-trait);font:500 9.5px/1 var(--bi-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--bi-doux)}
.bi-tva-l{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:9px 11px;border-top:1px solid var(--bi-pierre2);font:400 12px/1.2 var(--bi-mono);will-change:transform,opacity}
.bi-tva-t+.bi-tva-l{border-top:0}
.bi-tva-l b{font:700 14px/1 var(--bi-titre);letter-spacing:.08em;text-transform:uppercase;color:var(--bi-encre2);white-space:nowrap}
.bi-tva-l span{text-align:right;color:var(--bi-doux);white-space:nowrap}
.bi-tva-l i{font-style:normal;color:var(--bi-txt)}
.bi-tva-l em{font-style:normal;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.bi-zip{border:1px solid var(--bi-trait);border-radius:8px;background:var(--bi-blanc);overflow:hidden}
.bi-zip-t{padding:8px 12px;background:var(--bi-papier);border-bottom:1px solid var(--bi-trait);font:700 12.5px/1 var(--bi-titre);letter-spacing:.09em;text-transform:uppercase;color:var(--bi-encre2)}
.bi-pdfs{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:84px;padding:12px}
.bi-pdfs .bi-fic{width:15px;height:19px;font-size:5px;opacity:0;will-change:transform,opacity}
.bi-zip-c{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 11px;align-items:center;padding:12px;border-top:1px solid var(--bi-trait);background:var(--bi-papier)}
.bi-zip-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bi-encre);opacity:var(--fl,0)}
.bi-zip-c .bi-fic{width:26px;height:32px;font-size:8px}
.bi-fic-zip{background:var(--bi-encre)}
.bi-zip-tx b{display:block;font:500 12.5px/1.2 var(--bi-mono);overflow-wrap:anywhere}
.bi-zip-tx small{display:block;margin-top:3px;font:400 11px/1.2 var(--bi-mono);color:var(--bi-doux)}
.bi-zip-b{grid-column:1/-1;display:block;height:4px;border-radius:2px;overflow:hidden;background:var(--bi-pierre2)}
.bi-zip-b i{display:block;height:100%;background:var(--bi-encre);transform-origin:0 50%;transform:scaleX(0)}
.bi-zip-act{display:flex;padding:11px 12px}

/* ==========================================================================
   Intermédiaire : 760 - 1099 px
   ========================================================================== */
@container bi (max-width:1099.98px){
  .bi-grille{grid-template-columns:240px 44px minmax(0,1fr)}
  .bi-msgs{min-height:calc(var(--bi-msgs-h,0px) + 60px)}
  .bi-lat{width:48px;padding:10px 6px;align-items:center}
  .bi-marque{padding:2px 0 12px}
  .bi-marque span,.bi-onglet em{display:none}
  .bi-onglet{padding:8px;justify-content:center}
  .bi-onglet .bi-ic{font-size:17px}
  .bi-princ{padding:12px 12px 14px}
  .bi-doc{grid-template-columns:minmax(0,176px) minmax(0,1fr);gap:10px}
  .bi-fich{font-size:9.5px;gap:6px;padding:5px 7px 5px 5px}
  .bi-lg{grid-template-columns:minmax(0,1fr) 34px 78px}
  .bi-lg .bi-cq,.bi-lg .bi-cu,.bi-lg .bi-cp{display:none}
  .bi-sous{display:block}
  .bi-plus .bi-d{grid-column:1}
  .bi-lg{min-height:36px}
  .bi-th,.bi-ch{min-height:0}
  .bi-ch{min-height:24px}
  .bi-th{min-height:26px}
  .bi-pied{flex-wrap:wrap}
  .bi-cell{flex:1 1 40%;border-left:0;border-top:1px solid var(--bi-trait)}
  .bi-cell:nth-child(-n+2){border-top:0}
  .bi-cell:nth-child(even){border-left:1px solid var(--bi-trait)}
  .bi-cell.bi-ttc{flex:1 1 40%}
  .bi-h{font-size:20px}
  .bi-pm-l,.bi-l3{grid-template-columns:24px minmax(0,1fr) auto}
  .bi-l3{grid-template-columns:24px minmax(0,1fr) auto 96px}
  .bi-pm-l>.bi-puce{display:none}
  .bi-l1 .bi-pm-tx small,.bi-l2 .bi-pm-tx small{color:var(--bi-ok)}
  .bi-l3 .bi-pm-tx small{color:var(--bi-encre2)}
  .bi-qr{grid-column:4}
  .bi-qr svg{width:76px;height:76px}
  .bi-pl{grid-template-columns:104px repeat(5,minmax(0,1fr))}
  .bi-pll small{display:none}
  .bi-cp{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   Signature : sous 900 px, le téléphone de la cliente se pose au centre de la fenêtre
   ========================================================================== */
@container bi (max-width:899.98px){
  .bi-scene{--bi-cover:1}
  .bi-sgb{grid-template-columns:minmax(0,1fr);min-height:344px}
  .bi-sg-cli{display:none}
  .bi-telc{right:auto;left:50%;margin-left:-108px;top:44px}
}

/* ==========================================================================
   Étroit : < 760 px — téléphone au-dessus, fenêtre en dessous
   ========================================================================== */
@container bi (max-width:759.98px){
  .bi-grille{grid-template-columns:minmax(0,1fr);justify-items:center}
  .bi-tel{width:min(100%,340px);min-height:0;--bi-tel-h:0px;border-radius:26px}
  .bi-msgs{min-height:var(--bi-msgs-h-s,150px)}
  .bi-fx{width:12px;height:42px;align-self:center}
  .bi-fx::before{left:5px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .bi-fx-p{left:4px;top:0;width:4px;height:42%;background:linear-gradient(180deg,transparent,var(--bi-fx));transform:translateY(calc(var(--p,0)*250% - 100%))}
  .bi-fx-a,.bi-fx-b{left:2px;right:auto}
  .bi-fx-a{top:0}.bi-fx-b{top:auto;bottom:0}
  .bi-fen{width:100%}
  .bi-corps{grid-template-columns:minmax(0,1fr)}
  .bi-lat{width:auto;flex-direction:row;padding:0 6px;gap:0;align-items:stretch;overflow:hidden}
  .bi-marque,.bi-onglet:not(.bi-cle):not(.on){display:none}
  .bi-onglet{flex:1 1 0;justify-content:center;gap:6px;padding:10px 4px;border-radius:0;font-size:11.5px}
  .bi-onglet em{display:inline}
  .bi-onglet .bi-ic{font-size:14px}
  .bi-onglet.on{box-shadow:inset 0 -2px 0 var(--bi-signal)}
  .bi-princ{padding:12px 11px 14px}
  .bi-h{font-size:19px}
  .bi-meta{font-size:10.5px}
  .bi-act{width:100%;justify-content:space-between}
  .bi-puces>*{justify-self:start}
  .bi-doc{grid-template-columns:minmax(0,1fr);gap:10px}
  .bi-plateau{min-height:0}
  .bi-chips{display:grid;grid-template-columns:repeat(2,max-content);justify-content:space-between;align-items:start;gap:5px 4px}
  .bi-fich{font-size:9px;gap:4px;padding:4px 7px 4px 4px;min-width:0;max-width:100%}
  .bi-fich>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
  .bi-fic{width:13px;height:17px;font-size:5px}
  .bi-pl-ok{top:44px}
  .bi-dos li{min-height:40px}
  .bi-avant{flex-wrap:wrap;gap:8px;padding:14px 10px 10px}
  .bi-avant .bi-mini{flex:1 1 0;max-width:none}
  .bi-av-fl{flex:0 0 46px}
  .bi-av-fl span{display:none}
  .bi-mini-b .bi-ghost{margin:0 0 0 auto;padding:3px 7px}
.bi-mini-mail{font-size:10px}
  .bi-mini-c{min-height:60px;padding:8px}
  .bi-hl{grid-template-columns:16px minmax(0,1fr);row-gap:3px}
  .bi-hl em{grid-column:2;grid-row:2}
  .bi-mail-corps{font-size:12.5px;min-height:150px}
  .bi-champ small{width:40px}
  .bi-vide{min-height:60px}
  .bi-tag{font-size:9.5px;padding:4px 6px}
  .bi-sous-onglets span{padding:7px 8px 8px;font-size:10px}
  /* signature */
  .bi-sg-btn .bi-envoyer{width:100%}
  .bi-etapes{flex-direction:column}
  .bi-etapes li{padding:6px 9px}
  .bi-sg-doc-t em{display:none}
  /* planning */
  .bi-s-planning .bi-princ{padding-inline:8px}
  .bi-pl{grid-template-columns:58px repeat(5,minmax(0,1fr));grid-template-rows:28px repeat(3,50px) 74px}
  .bi-pll{padding:0 5px}
  .bi-pll b{font-size:10.5px;letter-spacing:.03em}
  .bi-plh{gap:2px;font-size:8.5px;letter-spacing:.02em}
  .bi-plh b{font-size:10px}
  .bi-plb{margin:3px 2px;padding:3px 4px;font-size:9px;border-radius:4px}
  .bi-plb b{white-space:normal;overflow:visible;line-height:1.1}
  .bi-plb small{font-size:8px}
  /* paiements */
  .bi-l3{grid-template-columns:24px minmax(0,1fr) auto;row-gap:8px}
  .bi-qr{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-start;gap:12px}
  .bi-pm-bar-t{flex-direction:column;gap:5px}
  .bi-pm-tx b{font-size:12.5px}
  .bi-pm-l{column-gap:9px;padding:9px 10px}
  .bi-pm-l em{font-size:12px}
  /* compta */
  .bi-cp-k b{font-size:14px}
  .bi-tva-l{gap:6px;padding:9px 9px;font-size:11px}
  .bi-tva-l b{font-size:13px}
  .bi-pdfs{min-height:76px}
}

@container bi (max-width:339.98px){
  .bi-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bi-fich{font-size:8.5px}
}

/* mouvement réduit : tout est posé par demos.js sur l'état final, rien ne bouge */
@media (prefers-reduced-motion:reduce){
  .bi-scene *{transition:none!important;animation:none!important}
}