:root{color-scheme:light;--couleur-fond: #f7f5f2;--couleur-texte: #1f2a24;--couleur-primaire: #1f6f4f;--couleur-primaire-hover: #17553d;--couleur-erreur: #b3261e;--couleur-bordure: #d8d3cb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--couleur-fond);color:var(--couleur-texte)}.carte{width:100%;max-width:380px;background:#fff;border:1px solid var(--couleur-bordure);border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000000f}.carte h1{font-size:1.25rem;margin:0 0 1.5rem;text-align:center}.champ{margin-bottom:1rem}.champ label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.champ input{width:100%;padding:.625rem .75rem;border:1px solid var(--couleur-bordure);border-radius:8px;font-size:1rem}.champ input:focus{outline:2px solid var(--couleur-primaire);outline-offset:1px}button[type=submit]{width:100%;padding:.625rem .75rem;border:none;border-radius:8px;background:var(--couleur-primaire);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}button[type=submit]:hover{background:var(--couleur-primaire-hover)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.message-erreur{color:var(--couleur-erreur);font-size:.875rem;margin:.75rem 0 0;min-height:1.25em}.regles-mdp{font-size:.8125rem;color:#5a6b62;margin:-.5rem 0 1rem;padding-left:1.1rem}.regles-mdp li.ok{color:var(--couleur-primaire)}.carte--large{max-width:900px;align-self:flex-start;margin:2rem auto}.carte--large h1{text-align:left}.ds-nav{margin-bottom:1.5rem}.ds-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.ds-nav__lien{display:inline-block;text-decoration:none;color:var(--couleur-primaire);font-weight:600;font-size:.875rem;padding:.375rem .75rem;border-radius:6px}.ds-nav__lien:hover{background:#eef4f0}.ds-nav__lien--actif{background:var(--couleur-primaire);color:#fff}.ds-nav__item-deconnexion{margin-left:auto}.ds-nav__deconnexion{width:auto;background:none;border:none;color:var(--couleur-primaire);font-weight:600;font-size:.875rem;padding:.375rem .75rem;border-radius:6px;cursor:pointer;margin:0}.ds-nav__deconnexion:hover{background:#eef4f0}.liste-utilisateurs,#liste-utilisateurs{display:flex;flex-direction:column;gap:1rem}.utilisateur{border:1px solid var(--couleur-bordure);border-radius:8px;padding:1rem}.utilisateur h2{margin:0 0 .25rem;font-size:1rem}.role-global{font-size:.8125rem;color:#5a6b62;margin:0 0 .75rem}.permissions-app{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0}.permissions-app li{background:#eef4f0;border-radius:6px;padding:.25rem .625rem;font-size:.8125rem;display:inline-flex;align-items:center;gap:.375rem}.bouton-retirer-permission{border:none;background:none;color:var(--couleur-erreur);font-size:.75rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.form-permission{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.form-permission select{padding:.375rem .5rem;border:1px solid var(--couleur-bordure);border-radius:6px;font-size:.875rem}.form-permission button[type=submit]{width:auto;margin-top:0;padding:.375rem .75rem;font-size:.875rem}.bouton-secondaire{width:auto;background:none;color:var(--couleur-primaire);border:1px solid var(--couleur-primaire);border-radius:8px;padding:.5rem .875rem;font-size:.875rem;font-weight:600;cursor:pointer;margin:0 0 1.25rem}.bouton-secondaire:hover{background:#eef4f0}.form-nouvel-utilisateur{border:1px solid var(--couleur-bordure);border-radius:8px;padding:1.25rem;margin:0 0 1.5rem;max-width:420px}.actions-formulaire{display:flex;gap:.5rem}.actions-formulaire button[type=submit]{width:auto}.actions-formulaire button[type=button]{width:auto;background:none;border:1px solid var(--couleur-bordure);border-radius:8px;padding:.625rem .75rem;font-size:1rem;cursor:pointer}.alerte-mot-de-passe{border:2px solid var(--couleur-primaire);background:#eef4f0;border-radius:8px;padding:1rem 1.25rem;margin:0 0 1.5rem}.alerte-mot-de-passe p{margin:0 0 .5rem}.mdp-temporaire-valeur{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mdp-temporaire-valeur code{font-size:1.125rem;font-weight:700;background:#fff;border:1px solid var(--couleur-bordure);border-radius:6px;padding:.375rem .625rem;-webkit-user-select:all;user-select:all}.mdp-temporaire-valeur button{width:auto;padding:.375rem .75rem;font-size:.875rem;margin-top:0}.alerte-mot-de-passe .avertissement{font-size:.8125rem;color:#5a6b62;font-style:italic}.alerte-mot-de-passe .bouton-fermer{width:auto;background:none;border:1px solid var(--couleur-bordure);border-radius:8px;padding:.375rem .75rem;font-size:.8125rem;cursor:pointer}.bouton-reset-mdp{width:auto;background:none;border:1px solid var(--couleur-bordure);border-radius:6px;padding:.25rem .625rem;font-size:.75rem;cursor:pointer;margin-left:.5rem}.bouton-supprimer-compte{color:var(--couleur-erreur);border-color:var(--couleur-erreur)}