/* compte.css : connexion (lien, cadenas des tuiles IA), liens discrets, et mode
   intégré dans une page d'iav.lu. Aucune valeur en dur : tout vient de tokens.css. */

.lien-compte,
.lien-discret a {
  color: var(--bleu-lien);
  font-weight: var(--graisse-semi);
  text-decoration: none;
}
.lien-compte:hover,
.lien-discret a:hover { text-decoration: underline; }

/* --- Barre du compte, au-dessus des tuiles --------------------------------- */
.barre-compte {
  display: flex;
  justify-content: flex-end;
  max-width: calc(var(--mesure-lecture) + 2 * var(--marge-laterale));
  margin-inline: auto;
  padding: var(--espace-1) var(--marge-laterale) 0;
}
.lien-compte {
  display: inline-flex;
  align-items: center;
  min-height: var(--pilule-hauteur);
}

/* --- Tuile IA sans connexion : le cadenas ---------------------------------- */
.tuile-verrou {
  display: inline-flex;
  align-items: center;
  gap: var(--espace-1);
  color: var(--texte-secondaire);
  font-size: var(--taille-petite);
  font-weight: var(--graisse-semi);
}
.tuile-verrou .icone { width: var(--pilule-icone); height: var(--pilule-icone); }

/* --- Lien discret en bas du contenu (confidentialité) ---------------------- */
.lien-discret {
  max-width: calc(var(--mesure-lecture) + 2 * var(--marge-laterale));
  margin: 0 auto;
  padding: 0 var(--marge-laterale) var(--espace-3);
  font-size: var(--taille-petite);
  text-align: center;
}

@media (min-width: 48rem) {
  .barre-compte,
  .lien-discret {
    max-width: calc(var(--mesure-lecture) + 2 * var(--marge-laterale-large));
    padding-inline: var(--marge-laterale-large);
  }
}

/* --- Mode intégré (cadre d'iav.lu) ------------------------------------------
   Le cadre prend la hauteur du contenu : un outil ouvert ne peut pas être un
   calque fixe (il apparaîtrait en haut d'un cadre très haut, hors de vue). Il
   remplace donc les tuiles, dans le flux, et la page hôte défile jusqu'à lui.
   Aucune unité liée à la hauteur de l'écran : le cadre ne doit jamais grandir
   parce qu'il a grandi. */
body.integre { background: transparent; }
body.integre .panneau {
  position: static;
  background: transparent;
  animation: none;
}
body.integre .panneau-boite {
  min-height: 0;
  box-shadow: none;
}
body.integre.panneau-ouvert { overflow: visible; }
body.integre.panneau-ouvert .contenu { display: none; }