/**
 * Style spécifique à l'item de menu "Tableau de bord".
 * Fond vert repris du bouton "Labels et Reconnaissances" sur /les-labels.
 * On hérite intentionnellement de la police/taille/hauteur des autres items
 * du menu — on n'override QUE le background, la couleur du texte et l'icône.
 */

.rse-menu-dashboard {
  background-color: #1DE9B6 !important;
  color: #000 !important;
  border-radius: 4px;
  text-decoration: none !important;
  transition: background-color 120ms ease;
}

.rse-menu-dashboard:hover,
.rse-menu-dashboard:focus {
  background-color: #0fbf95 !important;
  color: #000 !important;
}

/**
 * Icône lien externe en SVG inline, alignée verticalement au texte.
 */
.rse-menu-dashboard::after {
  content: "";
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  vertical-align: middle;
  margin-left: 0.65em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h6v6'/><path d='M10 14 21 3'/><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}