/* (07/11/2026) Benelyon, cycle comptable : bandeau et fiches fournisseurs (cycle_fiches.js), d'après la maquette validée
   du 07/11. Tout est sous #bccRoot. Couleurs par variables de thème, clair et sombre ; ambre pour ce qui reste à préciser. */
#s54.bcc-on>:not(#bccRoot){display:none!important}
#s54:not(.bcc-on)>#bccRoot{display:none}
#bccRoot{container-type:inline-size;--bcc-ec:#92580a;--bcc-ec-f:#fdf3e1;--bcc-cf:#f6f8f9;--bcc-ok:#18794e;--bcc-mut:#5f707a;color:var(--txt)}
html.theme-dark #bccRoot{--bcc-ec:#f0c26e;--bcc-ec-f:#3a3320;--bcc-cf:#1a3a47;--bcc-ok:#5fd19b;--bcc-mut:#a3b8c3}
#bccRoot *{box-sizing:border-box}
#bccRoot button{font-family:inherit}
.bcc-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.bcc-hd h1{margin:0;font-size:20px;line-height:26px;font-weight:800;letter-spacing:.3px;color:var(--ink);white-space:nowrap}
.bcc-hd p{margin:1px 0 0;font-size:12.5px;line-height:17px;color:var(--bcc-mut)}
.bcc-hd-r{display:flex;gap:8px;flex:0 0 auto}
.bcc-bt{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.bcc-bt:hover{background:var(--bcc-cf);color:var(--ink);border-color:var(--line)}
.bcc-bt svg{width:15px;height:15px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.bcc-steps{display:flex;gap:3px;padding:6px;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.bcc-st{flex:1 1 auto;min-width:0;height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:var(--mut);font-size:12.5px;font-weight:700;white-space:nowrap}
.bcc-st .pa{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;flex:0 0 auto}
.bcc-st .av{font-size:10.5px;font-weight:600;flex:0 0 auto}
.bcc-st.off{opacity:.55;cursor:default}
.bcc-st.on{background:var(--sel);color:var(--ink)}
.bcc-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-height:34px}
.bcc-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--card);flex:0 0 auto}
.bcc-f{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 12px;border:0;border-radius:7px;background:transparent;color:var(--mut);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.bcc-f .n{display:inline-block;min-width:24px;height:18px;line-height:18px;padding:0 5px;border-radius:5px;background:var(--card2);color:var(--mut);font-size:10.5px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}
.bcc-f:hover{background:var(--card2);color:var(--ink)}
.bcc-f.on{background:var(--card2);color:var(--ink)}
.bcc-f.on .n{background:var(--card);color:var(--ink)}
.bcc-rech{flex:1;min-width:120px;height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--mut)}
.bcc-rech svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;flex:0 0 auto}
.bcc-rech input{flex:1;min-width:0;width:auto;height:30px;padding:0;border:0;outline:0;box-shadow:none;background:transparent;color:var(--txt);font:inherit;font-size:12.5px}
.bcc-err{margin:0 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--mut);font-size:12.5px}
.bcc-cols{display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px;align-items:start}
.bcc-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.bcc-gauche{display:flex;flex-direction:column;min-height:0}
.bcc-liste{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.bcc-droite{overflow-y:auto;overscroll-behavior:contain;transition:opacity .12s}
.bcc-droite.bcc-attente{opacity:.55}
.bcc-note{flex:0 0 auto;padding:9px 14px;border-top:1px solid var(--line);font-size:11.5px;line-height:16px;color:var(--bcc-mut)}
.bcc-vide{padding:16px 14px;font-size:12.5px;line-height:18px;color:var(--mut)}
.bcc-ob{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-height:50px;padding:7px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}
.bcc-ob:last-child{border-bottom:0}
.bcc-ob:hover{background:var(--card2)}
.bcc-ob.on{background:var(--sel)}
.bcc-ob.on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--ink)}
.bcc-ob .g{display:block;min-width:0}
.bcc-ob .t1{display:block;font-size:12.5px;line-height:17px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.bcc-ob .t2{display:block;font-size:11.5px;line-height:15px;color:var(--bcc-mut);overflow-wrap:anywhere}
.bcc-ob .t2 .k{color:var(--bcc-ec);font-weight:600}
.bcc-ob .m{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.bcc-th{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:11px 14px 10px}
.bcc-th .a{font-size:13.5px;font-weight:800;color:var(--ink)}
.bcc-th .b{font-size:12px;color:var(--bcc-mut);font-variant-numeric:tabular-nums}
.bcc-th .v{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--bcc-ok);white-space:nowrap}
.bcc-chg{padding:8px 14px;border-top:1px solid var(--line);background:var(--bcc-ec-f);color:var(--bcc-ec);font-size:12px;line-height:17px;font-weight:600}
.bcc-c,.bcc-l{display:grid;grid-template-columns:146px 208px minmax(0,1fr) 78px;column-gap:12px;align-items:center;padding:0 14px}
.bcc-c{height:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bcc-cf);color:var(--bcc-mut);font-size:11px;font-weight:700}
.bcc-l{min-height:44px;padding-top:6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.bcc-l .a{font-size:12px;font-weight:600;color:var(--bcc-mut)}
.bcc-l .b{min-width:0;font-size:12.5px;line-height:17px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.bcc-l .c{min-width:0;font-size:11.5px;line-height:15px;color:var(--bcc-mut);overflow-wrap:anywhere}
.bcc-l .c a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.bcc-l .d{text-align:right}
.bcc-q{color:var(--bcc-ec)}
.bcc-ribv{padding:0;border:0;border-bottom:1px dotted var(--mut);background:transparent;color:var(--ink);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.bcc-ribc{font-variant-numeric:tabular-nums;letter-spacing:.2px}
.bcc-m{width:72px;height:26px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font-size:11.5px;font-weight:700;cursor:pointer}
.bcc-m:hover{background:var(--bcc-cf);color:var(--ink);border-color:var(--ink)}
.bcc-lien{padding:0;border:0;background:transparent;color:var(--mut);font-size:11.5px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.bcc-lien:hover{color:var(--ink);background:transparent}
.bcc-in{width:100%;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--txt);font:inherit;font-size:12.5px;font-weight:600;box-shadow:none}
.bcc-p{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px}
.bcc-p .bcc-v,.bcc-p .bcc-s{width:176px;height:36px;border-radius:10px;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.bcc-v{border:1px solid var(--red);background:var(--red);color:#fff}
.bcc-v:hover{border-color:var(--red-d);background:var(--red-d);color:#fff}
.bcc-v[disabled]{opacity:.5;cursor:default}
.bcc-s{border:1px solid var(--line);background:var(--card);color:var(--ink)}
.bcc-s:hover{border-color:var(--ink);background:var(--card);color:var(--ink)}
.bcc-t{flex:1 1 200px;min-width:0;font-size:12px;line-height:16px;color:var(--bcc-mut)}
.bcc-rf{flex:1 1 100%;font-size:12px;line-height:16px;color:var(--bcc-ec);font-weight:600}
.bcc-retour{display:flex;align-items:center;gap:10px;margin:0 0 10px}
/* Prise en main : un projecteur sur le vrai écran, une bulle, Précédent / Suivant / Passer */
.bcc-tfond{position:fixed;inset:0;z-index:99990}
.bcc-tspot{position:fixed;z-index:99991;border-radius:10px;box-shadow:0 0 0 9999px rgba(10,28,38,.55);pointer-events:none;transition:all .18s ease}
.bcc-tb{position:fixed;z-index:99992;width:340px;max-width:calc(100vw - 24px);padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--txt);box-shadow:0 14px 40px rgba(0,0,0,.28)}
.bcc-tb .h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px;font-weight:800;color:var(--ink)}
.bcc-tb .h span{font-size:11.5px;font-weight:600;color:var(--mut);white-space:nowrap}
.bcc-tb p{margin:6px 0 12px;font-size:12.5px;line-height:18px}
.bcc-tb .a{display:flex;align-items:center;gap:8px}
.bcc-tb .a .sp{flex:1}
@container (max-width:1040px){
  .bcc-st .av{display:none}
  .bcc-c,.bcc-l{grid-template-columns:128px 180px minmax(0,1fr) 78px}
}
@container (max-width:1000px){
  .bcc-cols{grid-template-columns:minmax(0,1fr)}
  .bcc-liste{max-height:300px}
  .bcc-droite{overflow:visible}
}
@container (max-width:760px){
  .bcc-hd{flex-direction:column;gap:10px}
  .bcc-hd h1{white-space:normal}
  .bcc-hd-r{flex-wrap:wrap}
  .bcc-steps{flex-wrap:wrap}
  .bcc-bar{flex-direction:column;align-items:stretch}
  .bcc-seg{display:flex;flex-wrap:wrap}
  .bcc-rech{flex:0 0 34px}
  .bcc-c{display:none}
  .bcc-l{grid-template-columns:minmax(0,1fr) 78px;row-gap:3px}
  .bcc-l .a{grid-column:1 / -1}
  .bcc-l .b{grid-column:1}
  .bcc-l .c{grid-column:1;grid-row:3}
  .bcc-l .d{grid-column:2;grid-row:2 / span 2}
  .bcc-p .bcc-v,.bcc-p .bcc-s{width:100%}
}
@container (max-width:560px){
  .bcc-steps{display:none}
}