/* ════════════════════════════════════════════════════════════════════════════════ FENÊTRE EMPLOYÉ — feuille de la fenêtre partagée (Components/Shared/FenetreEmploye). ── MISE AU GABARIT (2026-09-10) ─────────────────────────────────────────────── Cette feuille faisait 123 lignes et redessinait une fenêtre entière : le voile, le cadre, la tête et sa pastille, la rangée d'onglets, la grille de champs, les contrôles, les cases, les erreurs, l'encart, le pied. Le gabarit portait déjà tout cela — c'est le troisième écran de la fiche personnel à recevoir le même traitement, et ici la couture se voyait à l'œil nu : on ouvrait une fenêtre à 34 px de champs depuis une fiche à 34 px de champs, mais avec le libellé AU-DESSUS d'un côté et à droite sur 158 px de l'autre. Ce qui est PARTI d'ici, et où c'est allé : .fen-fond, .fen → .mx-voile / .mx-modale-cadre .fen-tete, .fen-ico, .fen-titres, .fen-sous, .fen-fermer → .mx-modale-tete + .mx-modale-tete-txt + .mx-modale-titre / -sous + .mx-btn-ico .fen-onglets, .fen-onglet, .fen-point → dans .mx-modale-fiche (le point devient le COMPTE d'erreurs) .fen-corps → .mx-modale-corps .fen-groupe-tete/-titre/-note → (.mx-groupe) .fen-champs, .fen-champ, .fen-lib, .fen-requis, .fen-champ-case → (.mx-form / .mx-champ) .fen-input et ses quatre états → .mx-input / .mx-select / .est-faux .fen-input-wrap, .fen-input-ico → / (.mx-canal) .fen-case → .mx-check .fen-erreur → la ligne sous le champ (.mx-sous.est-erreur), et .mx-blocage pour l'erreur DE GROUPE .fen-vide → .mx-note .fen-encart → .mx-effets .fen-refus → .mx-blocage.est-erreur .fen-pied, .fen-pied-erreurs, .fen-btn → .mx-modale-pied + .mx-modale-mention + .mx-modale-actions + .mx-btn ── CE QUI RESTE, ET POURQUOI ────────────────────────────────────────────────── Deux choses, et rien d'autre : une LARGEUR que le gabarit ne peut pas deviner, et un « flex: none » que la colonne de la fenêtre exige. ════════════════════════════════════════════════════════════════════════════════ */ /* LA LARGEUR N'EST PLUS ÉCRITE ICI (2026-09-10). Elle l'a été deux fois — 820 px pour la saisie, 620 pour la duplication —, et les deux raisonnements étaient justes : la colonne de libellés du formulaire dense fait 158 px, à 660 il reste 430 px de valeur pour « Contrat à durée indéterminée », et quatre rangées dans un cadre de 820 se lisent comme un formulaire tronqué. Ce qui était faux, c'est qu'il s'agissait de DEUX largeurs de plus dans un back-office qui en comptait déjà seize autres : le même raisonnement, tenu écran par écran, avait produit DIX-HUIT valeurs entre 440 et 1140 px pour 124 fenêtres. Les deux besoins sont maintenant dits par les crans de la charte — le cran LARGE (880 px) pour la saisie, le cran courant (660) pour la duplication —, et c'est la classe calculée de la page qui choisit. Voir docs/modele-modale.md. NE REVENEZ PAS À UN « style="max-width:…" » EN PAGE : c'est ce dont ces deux règles étaient déjà la correction (docs/conventions-responsive.md). Si aucun des quatre crans ne convient, c'est la charte qui bouge, pas la fenêtre. */ /* LE BANDEAU DE REFUS est posé ENTRE la tête et le corps, donc dans la colonne flex que le gabarit donne à une fenêtre portant une fiche (.mx-modale-cadre:has( .mx-modale-fiche)). Sans « flex: none » il se comprimerait au profit des panneaux, et un message de deux lignes serait rogné. Même règle que .term-fenetre, et pour la même raison. */ .fen-cadre > .mx-blocage { flex: none; }