/* ===================================================
   MESSAGE INFO - PAGE D'ACCUEIL
   Affiché sous le titre de bienvenue
=================================================== */
.Header__titleDescription:after {
    content: "Pour une demande de 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝘁𝗲𝗰𝗵𝗻𝗶𝗾𝘂𝗲 : cliquez sur « Ajouter Ticket » puis choisissez le service support technique » dans la liste.\APour une demande de 𝗥𝗲́𝗽𝗮𝗿𝗮𝘁𝗶𝗼𝗻 : cliquez sur « Ajouter Ticket » puis choisissez le service réparation » dans la liste.";
    display: block;
    white-space: pre; /* permet le retour à la ligne */
    background: #fff4c4;
    color: #333;
    padding: 14px;
    border: 1px solid #e5d28a;
    border-radius: 8px;
    font-size: 16px;
    margin-top: 18px;
    line-height: 1.4;
    font-weight: 500;
}
/* ===================================================
   BOUTON INFO - PAGE MON ESPACE
   Pop-up flottant au survol ou clic
=================================================== */
.Layout__layout2 {
    position: relative; /* nécessaire pour positionner le pop-up */
}

/* Le petit bouton info */
.Layout__layout2:before {
    content: "ℹ️ Je ne vois pas un ticket";
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    font-size: 16px;
}

/* Le pop-up flottant (initialement caché) */
.Layout__layout2:after {
    content: "Les tickets sont affichés selon votre rôle sur la demande :\A• Mes tickets : tickets que vous avez créés ou dont vous êtes le demandeur principal.\A• Tickets en copie : tickets sur lesquels vous avez été ajouté en copie (CC).\A Ces vues sont séparées volontairement.\A Si vous ne retrouvez pas un ticket, pensez à vérifier les deux vues.";
    position: absolute;
    top: 24px; /* sous le bouton info */
    left: 0;
    width: 320px;
    padding: 10px;
    background: #eef5ff;
    color: #333;
    border: 1px solid #c7dbff;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
    white-space: pre-line;
    z-index: 1000;
    display: none; /* caché par défaut */
}

/* Affiche le pop-up au survol du bouton */
.Layout__layout2:hover:after {
    display: block;
}