/* modules/connexion/module.css - mise en forme MINIMALE du formulaire de connexion (le Template systeme la complete). */
.conn label { display: block; margin-top: 12px; }
.conn input { width: 100%; box-sizing: border-box; }
.conn button { margin-top: 16px; }
.conn .conn-msg { min-height: 1em; margin-top: 12px; }

/* Oeil voir / cacher le mot de passe : un PETIT bouton dans le champ, quelles que soient les regles generiques « button » du Template
   (largeur, marges, fond...) : specificite elevee et dimensions imposees. */
.ese-mdp { position: relative; display: block; }
.ese-mdp > input { padding-right: 44px !important; }
.ese-mdp .ese-mdp-oeil { position: absolute !important; top: 50% !important; right: 6px !important; left: auto !important; bottom: auto !important; transform: translateY(-50%); display: inline-flex !important; align-items: center; justify-content: center; flex: none !important; box-sizing: border-box !important; width: 34px !important; min-width: 0 !important; max-width: 34px !important; height: 34px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; color: #5b6578; line-height: 1; font-size: inherit; cursor: pointer; text-transform: none; }
.ese-mdp .ese-mdp-oeil:hover, .ese-mdp .ese-mdp-oeil:focus-visible { color: #1d2433; background: rgba(0,0,0,.06) !important; }
.ese-mdp .ese-mdp-oeil svg { display: block; width: 20px; height: 20px; flex: none; }

.conn .ese-mdp .ese-mdp-oeil { margin-top: 0 !important; }