/* Le champ où coller le jeton de l'équipe (jeton-equipe.js), ouvert par l'adresse « #equipe ». Une petite fenêtre au
   centre, les rôles Topo de jetons.css et les boutons des pages (sections.css). Aucune couleur codée ici. */
.jeton-equipe {
  width: min(380px, calc(100vw - 32px));
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: var(--papier);
  color: var(--encre);
}
.jeton-equipe::backdrop {
  background: var(--voile);
}
.jeton-equipe-cadre {
  display: grid;
  gap: var(--e-m);
  padding: 18px 20px 20px;
}
.jeton-equipe-cadre h2 {
  margin: 0;
  font: 400 24px/1.1 var(--titre);
  letter-spacing: -0.01em;
}
.jeton-equipe-texte,
.jeton-equipe-message {
  margin: 0;
  color: var(--encre-2);
  font-size: 13px;
}
.jeton-equipe-message:empty {
  display: none;
}
.jeton-equipe-champ {
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid var(--trait-2);
  border-radius: var(--r-s);
  background: var(--papier);
  color: var(--encre);
  font: 400 14px var(--police);
}
.jeton-equipe-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--e-s);
}
.jeton-equipe-actions [hidden] {
  display: none;
}