
.bc-info{flex:0 0 auto;position:relative;height:24px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--bordure);
  display:inline-flex;align-items:center;gap:5px;font-family:var(--police-mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--n-500);white-space:nowrap;background:none;transition:color var(--d-rapide) var(--courbe),
  border-color var(--d-rapide) var(--courbe)}
.bc-info::after{content:"";position:absolute;inset:-10px -5px}
.bc-info svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.bc-info:hover,.bc-info[aria-expanded="true"]{color:var(--menthe-moyen);border-color:rgba(143,217,210,.5)}
.ident:has(.direct:not([hidden])) .bc-info .bc-lib{display:none}
.ident:has(.direct:not([hidden])) .bc-info{padding:0;width:24px;justify-content:center}

.bc-feuille{position:absolute;inset:0;z-index:40;display:block;font-family:var(--police)}
@media (min-width:521px){ .bc-feuille.bc-f-plan{top:44px} }
.bc-voile{position:absolute;inset:0;background:rgba(5,6,6,.62)}
.bc-carte{position:absolute;display:flex;flex-direction:column;min-height:0;background:#0E1111;border:1px solid var(--bordure-forte);
  color:var(--n-900)}
.bc-panneau .bc-carte{left:0;right:0;top:var(--bc-haut,96px);max-height:calc(100% - var(--bc-haut,96px) - 14px);border-top:0;
  border-radius:0 0 22px 22px;padding:14px 14px 16px;box-shadow:0 24px 50px -16px #000}
.bc-feuille .bc-defile{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;
  -webkit-overflow-scrolling:touch}
.bc-feuille .bc-defile::-webkit-scrollbar{display:none}

.bc-entete{display:flex;align-items:center;gap:9px;margin-bottom:6px;flex:0 0 auto}
.bc-barre{width:3px;height:15px;background:var(--menthe)}
.bc-titre{font-family:var(--police-mono);font-size:10.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--n-800)}
.bc-x{margin-left:auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--n-600);border-radius:12px}
.bc-x svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.bc-x:hover{color:var(--n-900)}

.bc-sec{font-family:var(--police-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--n-500);margin:12px 3px 6px}
.bc-sec:first-child{margin-top:4px}

.bc-braquet{display:flex;align-items:center;gap:8px}
.bc-puce{flex:1 1 0;min-width:0;min-height:52px;border-radius:12px;background:#161919;border:1px solid var(--bordure);padding:7px 10px 6px;position:relative;
  display:block}
.bc-puce .bc-et{display:block;font-family:var(--police-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--n-500)}
.bc-puce select{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:2px 0 0;width:100%;
  font-family:var(--police-mono);font-size:19px;color:var(--n-900);line-height:1.1;border-radius:6px}
.bc-puce svg{position:absolute;right:9px;top:50%;margin-top:-6px;width:12px;height:12px;stroke:var(--n-500);fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.bc-fois{font-family:var(--police-mono);font-size:16px;color:var(--n-500);flex:0 0 auto}
.bc-dev{flex:0 0 auto;min-width:78px;text-align:right}
.bc-dev b{display:block;font-family:var(--police-mono);font-size:21px;font-weight:400;color:var(--cncb-ambre);padding-left:2px}
.bc-dev small{display:block;font-family:var(--police-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--n-500)}

.bc-poids{display:flex;align-items:flex-start;gap:8px}
.bc-poids .bc-champ{flex:1 1 auto}
.bc-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.bc-duo .bc-champ .bc-et{display:block;margin:12px 3px 6px;font-family:var(--police-mono);font-size:8.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--n-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-champ{display:block;min-width:0}
.bc-saisie{display:flex;align-items:center;gap:6px;min-height:52px;border-radius:12px;background:#161919;border:1px solid var(--bordure);
  padding:7px 12px;transition:border-color var(--d-rapide) var(--courbe)}
.bc-saisie:focus-within{border-color:rgba(143,217,210,.6)}
.bc-saisie input{flex:1 1 auto;min-width:0;width:100%;background:none;border:0;padding:0;margin:0;outline:0;font-family:var(--police-mono);
  font-size:20px;color:var(--n-900)}
.bc-saisie input:focus-visible{outline:0}
.bc-u{font-style:normal;font-family:var(--police-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-500);flex:0 0 auto}
.bc-invalide .bc-saisie{border-color:rgba(242,72,58,.7)}
.bc-err{display:block;margin:5px 4px 0;font-family:var(--police-mono);font-size:9px;letter-spacing:.06em;color:var(--rouge-vif)}
.bc-err[hidden]{display:none}
.bc-seg{display:flex;flex:0 0 auto;border:1px solid var(--bordure);border-radius:11px;overflow:hidden;background:#141717;height:52px}
.bc-seg button{min-width:44px;padding:0 12px;font-family:var(--police-mono);font-size:11px;letter-spacing:.1em;color:var(--n-500);
  display:flex;align-items:center;justify-content:center}
.bc-seg button[aria-pressed="true"]{background:#22201d;color:var(--cncb-ambre)}

.bc-etat{display:flex;align-items:center;gap:8px;min-height:18px;margin:14px 2px 0;font-family:var(--police-mono);font-size:9px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--n-500)}
.bc-etat:empty{display:none}
.bc-etat b{font-weight:500}
.bc-pt{width:6px;height:6px;border-radius:50%;flex:0 0 auto}
.bc-ambre{background:var(--cncb-ambre)}
.bc-menthe{background:var(--menthe-moyen)}
.bc-rouge{background:var(--rouge-vif)}
.bc-etat:has(.bc-ambre) b{color:var(--cncb-ambre)}
.bc-etat:has(.bc-menthe) b{color:var(--menthe-moyen)}
.bc-etat:has(.bc-rouge) b{color:var(--rouge-vif)}
.bc-lien{margin-left:auto;min-height:36px;padding:0 4px;font-family:var(--police-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--menthe-moyen);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

.bc-actions{display:flex;gap:8px;margin-top:12px}
.bc-bt{min-height:44px;padding:0 14px;border-radius:11px;border:1px solid var(--bordure-forte);background:#161919;display:inline-flex;align-items:center;
  justify-content:center;gap:7px;font-family:var(--police-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--n-800);
  white-space:nowrap;flex:0 0 auto}
.bc-bt svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bc-pri{flex:1 1 0;border-color:rgba(143,217,210,.45);color:var(--menthe-moyen)}
.bc-pri[disabled]{opacity:.45;cursor:default}
.bc-pri:not([disabled]){background:rgba(143,217,210,.1)}
.bc-pri.bc-fait{background:transparent}
.bc-seul{margin:12px 2px 0;font-family:var(--police-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--n-500);line-height:1.8}

.bc-codes{margin:18px 2px 4px;padding-top:6px;border-top:1px solid var(--bordure)}
.bc-codes:empty{display:none}
.bc-codes .bc-etat{margin-top:8px}
.bc-discret{min-height:44px;padding:0 2px;font-family:var(--police-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--n-500);
  text-decoration:underline;text-underline-offset:3px;text-align:left}
.bc-discret:hover{color:var(--n-800)}
.bc-codes-q{margin:10px 0 0;font-family:var(--police-mono);font-size:10px;letter-spacing:.06em;line-height:1.7;color:var(--n-800)}
.bc-codes-actions{display:flex;gap:8px;margin-top:10px}
.bc-codes-actions .bc-bt{flex:1 1 0;min-width:0;white-space:normal;text-align:center;line-height:1.3;padding:8px 10px}
.bc-danger{border-color:rgba(226,106,106,.5);color:var(--rouge-vif)}

@media (min-width:1024px){
  body.fichier.bureau .bc-info{order:9;margin-right:10px}
  body.fichier.bureau .bc-panneau .bc-carte{left:min(var(--bc-gauche,120px),calc(100% - 468px));right:auto;width:452px;top:calc(var(--bc-haut,96px) + 4px);
    border:1px solid var(--bordure-forte);border-radius:20px;background:var(--b-tuile,#121515);box-shadow:0 30px 70px -20px #000}
  body.fichier.bureau .bc-voile{background:rgba(5,6,6,.5)}
}
