/* ============================================================================ MAGIC HANDS - POLISH UX (v2 - 2026-07-13) Charge dans le de espace-eleve-connexion.html et MAGIC-MAP/espace-pro.html. Doit etre present au PREMIER RENDU : c'est ce qui empeche le zoom-out mobile (le viewport se fige au chargement). Additif, reversible (retirer le ). --------------------------------------------------------------------------- PRO : header qui replie sur petit ecran, badge "X elements a completer" multi-lignes, boite de connexion bornee a l'ecran, barre d'onglets basse defilable. ELEVE : suppression des icones dupliquees du menu. ============================================================================ */ /* ---- Barre d'app basse (les 2 pages) : defile au doigt, sans casser le viewport */ #mh-appbar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} #mh-appbar::-webkit-scrollbar{display:none} #mh-appbar>*{flex:0 0 auto} /* indice visuel "il y a plus a droite" (classe posee par mh-polish.js) */ #mh-appbar.mhp-more{-webkit-mask-image:linear-gradient(90deg,#000 86%,rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 86%,rgba(0,0,0,.15))} /* ---- PRO : l'en-tete ne doit jamais imposer sa largeur au telephone */ .header-in{flex-wrap:wrap;min-width:0} body .header .header-cta{flex-wrap:wrap!important;min-width:0!important;row-gap:6px!important} /* le badge "7 elements a completer..." : bloc pleine largeur, multi-lignes */ div#mh-gate-badge{white-space:normal!important;display:block!important;flex:1 1 100%!important;width:auto!important;max-width:100%!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important} div#mh-gate-badge span{white-space:normal!important;display:inline!important} @media(max-width:640px){ div#mh-gate-badge span+span{display:none!important} /* le detail entre parentheses */ } /* boite de connexion : jamais plus large que l'ecran */ .bkbox{max-width:calc(100vw - 28px);box-sizing:border-box} /* ---- ELEVE : le menu avait 2 icones par bouton (patch + HTML) : on garde celle du HTML */ .dash2 .item>svg.lucide{display:none}