/* (07/11/2026) Benelyon, cycle comptable : création des dépenses (cycle_depenses.js), d'après la maquette validée du 07/11 (lot 3, v4).
   Tout est sous #bcpRoot. Les fenêtres posées sur la page reprennent .bcd-pop et .bcd-flot du lot 1. Couleurs par variables de thème, clair et sombre. */
#s54.bcp-on>:not(#bcpRoot){display:none!important}
#s54:not(.bcp-on)>#bcpRoot{display:none}
#bcpRoot{--bcd-cf:#f6f8f9;--bcd-mut:#5f707a;--bcd-w:#92580a;--bcd-wf:#fdf3e1;--bcd-ok:#18794e;--bcd-r:#e63946;--bcd-rd:#c92d3a;--bcd-lk:#1b5fa8;--bcd-nv:#20506a;
  --bcp-wl:#f0dcb6;--bcp-ia:#4c3dc4;--bcp-iam:#5b4bd6;--bcp-mq:#2f6fbf;--bcp-mqw:#b7791f}
html.theme-dark #bcpRoot{--bcd-cf:#1a3a47;--bcd-mut:#a3b8c3;--bcd-w:#f0c26e;--bcd-wf:#3a3320;--bcd-ok:#5fd19b;--bcd-lk:#7fb8ec;--bcd-nv:#dbe8ed;--bcp-wl:#5b4d2b;--bcp-ia:#b8aeff;--bcp-iam:#8f80ff}
/* La place des boutons flottants (téléphone, Chat, copilote), avec 16 px de marge au moins */
#bcpRoot{container-type:inline-size;color:var(--txt);padding-right:80px}
@media (max-width:700px){#bcpRoot{padding-right:0}}
#bcpRoot *{box-sizing:border-box}
#bcpRoot button{font-family:inherit;cursor:pointer}
#bcpRoot a{color:var(--bcd-lk);font-weight:700;text-decoration:none}
#bcpRoot a:hover{text-decoration:underline}
#bcpRoot svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}

/* Barre : onglets et pièce courante */
.bcp-sub{display:flex;align-items:center;gap:10px;margin-bottom:12px;height:34px}
.bcp-seg{display:inline-flex;gap:2px;padding:3px;background:var(--card);border:1px solid var(--line);border-radius:10px;height:34px;flex:0 0 auto}
.bcp-seg button{border:0;background:transparent;border-radius:7px;padding:0 8px 0 10px;height:26px;font-weight:700;font-size:12.5px;color:var(--bcd-mut);white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.bcp-seg button:hover{color:var(--ink)}
.bcp-seg button.on{background:var(--card2);color:var(--ink)}
.bcp-seg .cnt{width:24px;height:18px;border-radius:5px;background:var(--card2);color:var(--bcd-mut);font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.bcp-seg button.on .cnt{background:var(--card);color:var(--ink)}
.bcp-sp{flex:1}
.bcp-txt{font-size:12.5px;color:var(--bcd-mut);white-space:nowrap}
.bcp-txt b{color:var(--ink);font-weight:700}
.bcp-ib{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--card);display:inline-flex;align-items:center;justify-content:center;color:var(--bcd-mut);padding:0;flex:0 0 auto}
.bcp-ib:hover{color:var(--ink);border-color:var(--ink)}
.bcp-ib:disabled{opacity:.45;cursor:default}
.bcp-ib svg{width:15px;height:15px;stroke-width:2.2}

/* La pièce à gauche, la décision à droite */
.bcp-crea{display:grid;grid-template-columns:440px minmax(0,1fr);gap:14px;align-items:stretch}
.bcp-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(15,29,51,.05)}
html.theme-dark .bcp-card{box-shadow:none}
.bcp-doc{overflow:hidden;align-self:start}
.bcp-doc-b{display:flex;align-items:center;gap:8px;height:42px;padding:0 8px 0 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink)}
.bcp-doc-b svg{width:15px;height:15px;stroke-width:2;flex:0 0 auto}
.bcp-doc-b .nom{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-doc-b .pg{color:var(--bcd-mut);font-weight:600;white-space:nowrap}
.bcp-feuille{position:relative;margin:12px;border:1px solid var(--line);background:#fff;min-height:200px}
.bcp-feuille img{display:block;width:100%;height:auto}
.bcp-mq{position:absolute;border:1.5px solid var(--bcp-mq);background:rgba(47,111,191,.13);border-radius:3px;pointer-events:none}
.bcp-mq i{position:absolute;left:-9px;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--bcp-mq);color:#fff;font-size:9.5px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center}
.bcp-mq.ia{border-color:#5b4bd6;background:rgba(91,75,214,.14)}
.bcp-mq.ia i{background:#5b4bd6}
.bcp-mq.dt{border-color:var(--bcp-mqw);background:rgba(240,180,60,.22)}
.bcp-mq.dt i{background:var(--bcp-mqw)}
.bcp-dec{padding:16px 18px 16px;display:flex;flex-direction:column;min-width:0}
.bcp-dec-h{display:flex;align-items:flex-start;gap:14px}
.bcp-dec-h .q{flex:1;min-width:0}
.bcp-ti{font-size:18px;font-weight:800;color:var(--ink);line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-so{font-size:12px;color:var(--bcd-mut);line-height:17px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-am{font-size:24px;font-weight:800;color:var(--ink);white-space:nowrap;letter-spacing:-.2px;line-height:28px;text-align:right;font-variant-numeric:tabular-nums}
.bcp-am span{display:block;font-size:11.5px;font-weight:600;letter-spacing:0;color:var(--bcd-mut);line-height:16px}
.bcp-src{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--bcd-mut);white-space:nowrap;margin-top:5px}
.bcp-src svg{width:13px;height:13px;stroke-width:2}
.bcp-src.ia{color:var(--bcp-ia)}
.bcp-fld{margin-top:12px;border-top:1px solid var(--line)}
.bcp-fr{display:grid;grid-template-columns:20px 104px minmax(0,1fr) 92px;align-items:center;column-gap:10px;min-height:48px;padding:5px 0;border-bottom:1px solid var(--line)}
.bcp-pi{width:18px;height:18px;border-radius:50%;background:var(--bcp-mq);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.bcp-pi.ia{background:var(--bcp-iam)}
.bcp-pi.dt{background:var(--bcp-mqw)}
.bcp-pi.vide{background:transparent;border:1.5px solid var(--line)}
.bcp-la{font-size:12px;color:var(--bcd-mut);font-weight:600;white-space:nowrap}
.bcp-va{font-size:13.5px;font-weight:700;color:var(--ink);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-va.vide{color:var(--bcd-mut);font-weight:600}
.bcp-pr{font-size:11.5px;color:var(--bcd-mut);line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-cf{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap}
.bcp-cf svg{width:13px;height:13px;stroke-width:2.6}
.bcp-cf.ok{color:var(--bcd-ok)}
.bcp-cf.dt{color:var(--bcd-w);background:var(--bcd-wf);border:1px solid var(--bcp-wl);border-radius:7px;height:26px;padding:0 8px;font-size:11.5px;width:92px}
button.bcp-cf.dt:hover{border-color:var(--bcd-w)}
.bcp-ed{display:flex;gap:6px;align-items:center}
.bcp-in{height:28px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:inherit;font-size:13px;font-weight:700;padding:0 8px;min-width:0;flex:1}
.bcp-in:focus{outline:2px solid var(--bcd-lk);outline-offset:0}
.bcp-mini{height:28px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font-size:11.5px;font-weight:700;padding:0 9px;white-space:nowrap}
.bcp-mini:hover{border-color:var(--ink)}
.bcp-lien{border:0;background:transparent;padding:0;color:var(--bcd-lk);font-size:11.5px;font-weight:700}
.bcp-lien:hover{text-decoration:underline}
.bcp-ch{display:inline-flex;gap:3px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--card2);height:30px;align-items:center;max-width:100%;overflow:hidden}
.bcp-ch button{height:24px;padding:0 9px;border:0;border-radius:5px;background:var(--card);font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap;display:inline-flex;align-items:center}
.bcp-ch button:hover{box-shadow:0 0 0 1px var(--ink)}
.bcp-four{margin-top:4px}
.bcp-etq{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bcd-mut)}
.bcp-ctl{margin-top:12px}
.bcp-cl{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--txt);line-height:18px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-cl svg{width:14px;height:14px;flex:0 0 14px;stroke:var(--bcd-ok);stroke-width:2.6}
.bcp-cl.dt svg{stroke:var(--bcd-w);stroke-width:2.2}
.bcp-cl.dt{color:var(--bcd-w)}
.bcp-cq{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--bcd-cf);border:1px solid var(--line);font-size:12px;line-height:17px;color:var(--txt)}
.bcp-cq.dt{background:var(--bcd-wf);border-color:var(--bcp-wl)}
.bcp-cq b{font-weight:700;color:var(--ink)}
.bcp-acts{margin-top:auto;padding-top:12px}
.bcp-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bcp-p,.bcp-o{height:36px;border-radius:10px;font-weight:800;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:0 14px;width:100%}
.bcp-p{background:var(--bcd-r);color:#fff;border:1px solid var(--bcd-r)}
.bcp-p:hover{background:var(--bcd-rd);border-color:var(--bcd-rd);color:#fff}
.bcp-p:disabled,.bcp-p.off{background:var(--card2);border-color:var(--line);color:var(--bcd-mut);cursor:not-allowed}
.bcp-o{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.bcp-o:hover{border-color:var(--ink);background:var(--card);color:var(--ink)}
.bcp-o:disabled{opacity:.5;cursor:default}

/* Plusieurs pièces dans un PDF */
.bcp-t{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bcp-r{display:grid;grid-template-columns:48px minmax(0,1fr) 92px 82px 160px;column-gap:10px;align-items:center;height:31px;padding:0 12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink)}
.bcp-r:last-child{border-bottom:0}
.bcp-r .p{color:var(--bcd-mut);font-weight:600}
.bcp-r .n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-r .d{color:var(--bcd-mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.bcp-r .m{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bcp-r.on{background:var(--sel)}
.bcp-th{height:27px;background:var(--bcd-cf);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bcd-mut)}
.bcp-th span{color:var(--bcd-mut)!important;font-weight:800!important}
.bcp-etat{justify-self:start;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap}
.bcp-gris{background:var(--card2);color:var(--bcd-mut)}
.bcp-cr{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--ink);border:0}
button.bcp-cr:hover{box-shadow:0 0 0 1.5px var(--ink)}

/* Benetton : un lot */
.bcp-lot{overflow:hidden}
.bcp-lh{display:flex;align-items:flex-start;gap:14px;padding:14px 18px 12px}
.bcp-lh>div:first-child{flex:1;min-width:0}
.bcp-b{display:grid;grid-template-columns:minmax(0,1fr) 104px 92px 130px 104px 92px;column-gap:14px;align-items:center;padding:0 18px;height:36px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink)}
.bcp-b .n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-b .n2,.bcp-b .d{color:var(--bcd-mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.bcp-b .g2{white-space:nowrap;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.bcp-b .g2.w{color:var(--bcd-w);font-weight:700}
.bcp-b .m{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bcp-b.cols{height:30px;background:var(--bcd-cf);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bcd-mut)}
.bcp-g{display:flex;align-items:center;gap:9px;height:30px;padding:0 18px;background:var(--bcd-cf);border-bottom:1px solid var(--line);font-size:12px;font-weight:800;color:var(--ink);white-space:nowrap}
.bcp-g .gd{font-weight:600;color:var(--bcd-mut)}
.bcp-lf{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:center;padding:12px 18px 14px}
.bcp-lf .bcp-cq{margin-top:0}

/* Traitées : créées, déjà là, en attente, écartées */
.bcp-liste{overflow:hidden}
.bcp-tr{display:grid;grid-template-columns:minmax(0,1.2fr) 120px 92px 104px minmax(0,1.4fr) 110px;column-gap:12px;align-items:center;height:44px;padding:0 16px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink)}
.bcp-tr:last-child{border-bottom:0}
.bcp-tr .n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-tr .s{color:var(--bcd-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.bcp-tr .m{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.bcp-tr .a{justify-self:end}
.bcp-tr.cols{height:32px;background:var(--bcd-cf);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bcd-mut);border-radius:12px 12px 0 0}

/* États de l'écran */
.bcp-vide{padding:28px 18px;text-align:center;color:var(--bcd-mut);font-size:13px}
.bcp-err{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:var(--bcd-wf);border:1px solid var(--bcp-wl);color:var(--bcd-w);font-size:12.5px;font-weight:600}
.bcp-avis{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:var(--bcd-cf);border:1px solid var(--line);color:var(--ink);font-size:12.5px;font-weight:600;display:flex;gap:10px;align-items:center}
.bcp-avis span{flex:1}

/* Étroit : la pièce au-dessus de la décision, les tableaux défilent dans leur carte */
@container (max-width:980px){
  .bcp-crea{grid-template-columns:minmax(0,1fr)}
  .bcp-sub{height:auto;flex-wrap:wrap}
  .bcp-seg{max-width:100%;overflow-x:auto}
  .bcp-lot,.bcp-liste{overflow-x:auto}
  .bcp-b,.bcp-tr{min-width:760px}
  .bcp-lf{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:560px){
  .bcp-pr,.bcp-va,.bcp-so,.bcp-ti,.bcp-txt{white-space:normal}
  .bcp-suiv{display:none}
  .bcp-fr{grid-template-columns:20px minmax(0,1fr) 92px}
  .bcp-fr .bcp-la{display:none}
  .bcp-pair{grid-template-columns:1fr}
  .bcp-dec-h{flex-direction:column}
  .bcp-am{text-align:left}
}

/* Les menus de l'étape : assez larges pour le libellé et sa précision, sur une ligne */
.bcd-pop.bcp-pop{width:340px;max-width:calc(100vw - 16px)}
.bcd-pop.bcp-pop button{white-space:nowrap}
.bcd-pop.bcp-pop .bcp-in{font-size:12.5px}