/* Étape 6 : Mes morceaux */
body.mo-on #sh-neck{display:none}
.mo-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.mo-it{display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:16px; background:var(--panel); border:1px solid var(--line)}
.mo-h{display:flex; flex-direction:column}
.mo-h b{font-family:var(--f-display); font-weight:400; font-size:1.3rem; line-height:1.15}
.mo-h span, .mo-g{font-size:13px; color:var(--muted)}
.mo-g{margin:0; font-family:var(--f-chord); font-weight:600; font-size:14px}
.mo-plan{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px}
.mo-plan li{display:flex; align-items:center; gap:8px; font-size:14.5px}
.mo-d{width:24px; height:24px; flex:none; border-radius:50%; display:grid; place-items:center; font-family:var(--f-chord); font-weight:700; font-size:13px; border:1.5px solid var(--line-strong); color:var(--muted)}
.mo-plan li.ok .mo-d{background:var(--two); border-color:var(--two); color:var(--on-fam)}
.mo-plan li.cur{font-weight:700} .mo-plan li.cur .mo-d{border-color:#C2410C; color:#C2410C}
.mo-b{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.mo-b .play, .mo-b .btn{min-height:46px}
.mo-fin{margin:0; font-size:14px; color:var(--two); font-weight:600}
.mo-add .field{display:flex; flex-direction:column; gap:4px}
.mo-add input, .mo-add select, .mo-add textarea{font:inherit; font-size:16px; padding:9px 11px; border-radius:10px; border:1px solid var(--line-strong); background:var(--panel); color:var(--ink); width:100%; min-height:44px}
.mo-add .sh-row .field{flex:1 1 40%}
.mo-err{margin:0; padding:10px 12px; border-radius:12px; background:var(--dom-tint); font-weight:600; font-size:14px}