
.menu-pieces-bouton{font:inherit;font-size:1rem;line-height:1.2;cursor:pointer;
  padding:0 8px;border-radius:6px;border:1px solid transparent;background:none;
  color:var(--encre);flex:0 0 auto}
.menu-pieces-bouton:hover,.menu-pieces-bouton[aria-expanded=true]{
  border-color:var(--trait);background:var(--fond)}
.menu-pieces-bouton:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.arbre-pieces-liste li > .menu-pieces-bouton{order:10}
.menu-pieces-plie > button:not(.menu-pieces-bouton){display:none}
.menu-pieces-version{display:inline-block;margin-left:6px;padding:0 7px;
  border:1px solid var(--trait);border-radius:999px;background:var(--fond);
  font-size:.76rem;white-space:nowrap;font-variant-numeric:tabular-nums;
  vertical-align:middle}
.menu-pieces{position:fixed;z-index:130;min-width:250px;
  max-width:min(380px,calc(100vw - 16px));max-height:70vh;overflow:auto;padding:4px 0;
  background:var(--blanc);border:1px solid var(--trait);border-radius:10px;
  box-shadow:0 12px 32px rgba(0,0,0,.18)}
.menu-pieces[hidden]{display:none}
.menu-pieces-tete{padding:5px 14px 7px;font-size:.8rem;opacity:.72;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--trait);
  margin-bottom:4px}
.menu-pieces-entree{display:block;width:100%;text-align:left;font:inherit;
  font-size:.9rem;padding:6px 14px;border:0;background:none;color:var(--encre);
  cursor:pointer}
.menu-pieces-entree:hover,.menu-pieces-entree:focus{background:var(--accent-clair);
  outline:none}
.menu-pieces-entree:focus-visible{box-shadow:inset 3px 0 0 var(--accent)}
.menu-pieces-entree[aria-disabled=true]{opacity:.6;cursor:default;font-style:italic}
.menu-pieces-separateur{height:1px;margin:4px 0;background:var(--trait)}
.menu-pieces-voile{position:fixed;inset:0;z-index:110;background:rgba(24,30,27,.42);
  display:flex;align-items:center;justify-content:center;padding:16px}
.menu-pieces-voile > section{background:var(--blanc);border-radius:12px;
  padding:18px 20px;width:min(640px,100%);max-height:86vh;overflow:auto;
  display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px rgba(0,0,0,.24)}
.menu-pieces-voile h3{margin:0;font-size:1.05rem}
.menu-pieces-texte{margin:0;font-size:.9rem;line-height:1.5}
.menu-pieces-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;
  margin-top:4px}
.menu-pieces-liste{margin:0;padding:0;list-style:none;border:1px solid var(--trait);
  border-radius:8px;max-height:32vh;overflow:auto}
.menu-pieces-liste:empty{display:none}
.menu-pieces-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  padding:6px 10px;border-bottom:1px solid var(--trait);font-size:.88rem}
.menu-pieces-liste li:last-child{border-bottom:0}
.menu-pieces-liste li > span{flex:1;min-width:0;overflow-wrap:anywhere}
.menu-pieces-champ{display:flex;flex-direction:column;gap:4px;font-size:.88rem}
.menu-pieces-champ input{font:inherit;padding:5px 8px}
@media (max-width:720px){
  .menu-pieces-voile > section{padding:14px}
  .menu-pieces-liste li > span{flex-basis:100%}
  .menu-pieces-bouton{min-width:34px;min-height:30px}
  .arbre-pieces-liste li > .menu-pieces-bouton{order:2}
  .arbre-pieces-liste li > .menu-pieces-version{order:4;margin-left:0}
  td > .menu-pieces-version{display:table;margin:3px 0 0}
}
