/* Web app : ergonomie (voir tools/ergo.js) */
/* une seule barre d’onglets, toujours en bas */
#sh-tabs{position:fixed; left:0; right:0; bottom:0; z-index:36; padding-left:max(6px,env(safe-area-inset-left,0px)); padding-right:max(6px,env(safe-area-inset-right,0px)); box-shadow:0 -6px 18px -12px rgba(0,0,0,.25)}
body:not(.sh-on) #sh-tabs{z-index:31}
body.fo #sh-tabs, body.tu-lock #sh-tabs{display:none}
#shell{padding-bottom:calc(59px + env(safe-area-inset-bottom,0px))}
#views, #sh-more, #sh-back{display:none !important}
/* icônes du haut, avec leur nom */
.sh-icons{gap:2px}
.sh-ic{width:auto; height:auto; min-width:60px; padding:2px 2px 0; border:0; border-radius:12px; background:transparent; display:flex; flex-direction:column; align-items:center; gap:2px}
.sh-ic svg{box-sizing:border-box; width:34px; height:34px; padding:8px; border:1px solid var(--line-strong); border-radius:50%; background:var(--panel)}
.sh-ic span{font-size:10.5px; font-weight:700; line-height:1.1; color:var(--muted)}
.sh-ic:active svg{background:var(--line)}
/* manche repliable */
body.neck-closed #stage-neck, body.neck-closed .stage-lg, body.neck-closed #stage-opt{display:none !important}
#stg-fold{font-weight:700}
body.ergo-tools #sh-neck{display:none}
/* onglet Outils */
.eg-quick{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.eg-quick .sh-card{min-height:72px; justify-content:center}
#eg-q{width:100%}
#eg-tiles .tiles{grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){ .eg-quick{grid-template-columns:repeat(3,minmax(0,1fr))} #eg-tiles .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* son des accompagnements : bascule Avant / Après */
.son-ab{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:10px 12px; border-radius:14px; border:1px dashed var(--line-strong); background:var(--panel)}
.son-ab .seg button{min-height:40px; min-width:76px; font-weight:700}
.son-ab .seg button[aria-pressed="true"]{background:var(--sel-bg); color:var(--sel-fg); box-shadow:var(--sel-edge)}
.son-tip{flex-basis:100%; font-size:12.5px; color:var(--muted)}
.son-mx{margin-bottom:12px}