.SearchContainer__searchIcon {
  background-color: #77717a !important; /* Fond du bouton */
}

.SearchContainer__searchIcon .Icon__icon {
  fill: #ffff !important; /* Couleur SVG loupe */
}

.SearchContainer__searchIcon .Icon__white {
  fill: #ffff !important; /* Force override blanc */
}

.SearchContainer__downArrow {
  border-color: #77717a transparent transparent transparent !important; /* Flèche orange → nouvelle couleur */
  color: #77717a !important;
}
.AppContainer__backToTop {
  background-color: #77717a !important; /* ex: #007BFF pour bleu */
}

.AppContainer__backToTop .Icon__icon {
  fill: #ffff !important; /* Couleur de la flèche */
}

.AppContainer__backToTop .Icon__white {
  fill: #ffff !important; /* Override blanc */
}

.Button__footerBtn { 
  background-color: #77717a !important; /* Gardez orange ou changez */
}

.Button__footerBtn:hover {
  background-color: #a29da5 !important;
  border-color: #a29da5 !important;
  box-shadow: 0 2px 4px rgba(162, 157, 165, 0.3) !important; /* Ombre subtile optionnelle */
}
svg.Icon__icon[alt="Help Center"],
svg.Icon__greyShade70[alt="Help Center"] {
  background-image: url('https://www.metronome.audio/wp-content/uploads/2026/02/Picto-Help-center.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100px !important;
  height: 100px !important;
  fill: none !important;
}

svg[alt="Help Center"] use {
  visibility: hidden !important;
}
svg.Icon__icon[alt="Tickets"],
svg.Icon__greyShade70[alt="Tickets"] {
  background-image: url('https://www.metronome.audio/wp-content/uploads/2026/02/Picto-Ticket.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100px !important;
  height: 100px !important;
  fill: none !important;
}

svg[alt="Tickets"] use {
  visibility: hidden !important;
}
img[data-id="AQWO 2_logo_image"],
img[src*="5987240000000004026"][alt="AQWO 2"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="AQWO 2_logo_image"][src*="5987240000000004033"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="AQWO 2+_logo_image"],
img[src*="5987240000000004026"][alt="AQWO 2+"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="AQWO 2+_logo_image"][src*="5987240000000005023"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="t|AQWO 2_logo_image"],
img[src*="5987240000000004026"][alt="t|AQWO 2"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="t|AQWO 2_logo_image"][src*="5987240000000005024"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="c|AQWO 2_logo_image"],
img[src*="5987240000000004026"][alt="c|AQWO 2"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="c|AQWO 2_logo_image"][src*="5987240000000006017"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="LE PLAYER 4_logo_image"],
img[src*="5987240000000004026"][alt="LE PLAYER 4"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="LE PLAYER 4_logo_image"][src*="5987240000000007026"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="LE PLAYER 4+_logo_image"],
img[src*="5987240000000004026"][alt="LE PLAYER 4+"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="LE PLAYER 4+_logo_image"][src*="5987240000000007027"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="LE DAC 2_logo_image"],
img[src*="5987240000000004026"][alt="LE DAC 2"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="LE DAC 2_logo_image"][src*="5987240000000006018"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="LE DAC 3_logo_image"],
img[src*="5987240000000004026"][alt="LE DAC 3"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="LE DAC 3_logo_image"][src*="5987240000000007028"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="LE STREAMER_logo_image"],
img[src*="5987240000000004026"][alt="LE STREAMER"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="LE STREAMER_logo_image"][src*="5987240000000006019"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="DSAS_logo_image"],
img[src*="5987240000000004026"][alt="DSAS"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="DSAS_logo_image"][src*="5987240000000007029"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="DST_logo_image"],
img[src*="5987240000000004026"][alt="DST"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="DST_logo_image"][src*="5987240000000005025"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="DSC Mini_logo_image"],
img[src*="5987240000000004026"][alt="DSC Mini"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="DSC Mini_logo_image"][src*="5987240000000006020"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="DSS 2_logo_image"],
img[src*="5987240000000004026"][alt="DSS 2"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="DSS 2_logo_image"][src*="5987240000000006021"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="DSC_logo_image"],
img[src*="5987240000000004026"][alt="DSC"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="DSC_logo_image"][src*="5987240000000004034"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
}
img[data-id="Mantax_logo_image"],
img[src*="5987240000000004026"][alt="Mantax"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="Mantax_logo_image"][src*="5987240000000005026"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
 }
img[data-id="Dreamplay X_logo_image"],
img[src*="5987240000000004026"][alt="Dreamplay X"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="Dreamplay X_logo_image"][src*="5987240000000005027"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
 }
img[data-id="Dreamplay XC_logo_image"],
img[src*="5987240000000004026"][alt="Dreamplay XC"] {
  width: 100px !important; /* Nouvelle taille large */
  height: 100px !important; /* Hauteur proportionnelle */
  object-fit: contain !important; /* Affiche entier sans crop */
  min-width: 75px !important;
}
img[data-id="Dreamplay XC_logo_image"][src*="5987240000000004035"] {
  height: 50px !important;      /* ajuste la valeur (ex : 40, 60…) */
  width: auto !important;       /* garde les proportions */
  max-height: 50px !important;
  object-fit: contain !important;
  }
.Header__tabsTab.Header__active .Header__tabs__link,
a.Header__tabs__link.active {
  font-size: 16px !important; /* Taille plus grosse, ex: 20px */
  font-weight: bold !important; /* Gras optionnel */
  text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; /* Effet pro */
}
/* Cible précise icône recherche */
svg[alt="Search"].Icon__brand,
.Icon__small.Icon__brand[alt="Search"] {
  color: #77717a !important;
}

.Icon__brand use[xlink\\:href="#search"],
.Icon__icon.Icon__brand use {
  fill: #77717a !important;
  stroke: #77717a !important;
  color: #77717a !important;
}

/* Override toutes variantes */
.Icon__brand path,
.Icon__brand circle,
.Icon__brand * {
  fill: #77717a !important;
  stroke: #77717a !important;
}

.Icon__brand {
  color: #77717a !important;
  fill: #77717a !important;
}
/* Fond + contour avatar PI et tous identiques */
.commonStyle__zt3Brand,
.AvatarText__avatarText.commonStyle__zt3Brand,
.enduser_avatar.commonStyle__zt3Brand {
  background-color: #77717a !important;
  background: #77717a !important;
  border: 2px solid #77717a !important;
  border-radius: 50% !important; /* Rond parfait */
  color: white !important;
  box-shadow: 0 2px 8px rgba(119, 113, 122, 0.3) !important;
}
.Button__primaryBorder.commonStyle__zt3Brand,
.Button__primaryBorder.commonStyle__zt3BrandBorder {
  border: none !important; /* Supprime contour blanc */
  outline: none !important;
  box-shadow: none !important;
  border-width: 0 !important;
}

/* Fond uni cohérent */
.Button__primaryBorder {
  background-color: #77717a !important;
  border-radius: 4px !important;
}

.Button__primaryBorder:hover {
  background-color: #a29da5 !important;
}
.Avatar__avatarImg,
img[data-id*="logo_image"][alt="AQWO 2"],
img.Avatar__square {
  width: 64px !important; /* Taille identique */
  height: 64px !important;
  object-fit: contain !important; /* Proportions intactes */
  border-radius: 8px !important; /* Coins uniformes */
}

/* Spécifique AQWO 2 */
img[data-id="category_logo_image"][alt="AQWO 2"],
img[data-id="AQWO 2_logo_image"] {
  width: 64px !important;
  height: 64px !important;
}
.kb-category .Avatar__avatarImg {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
}
.Link__active,
.Link__active.commonStyle__zt3LinkActive,
a[href*="/kb/"].Link__active {
  font-weight: 700 !important; /* Gras uniquement */
  font-size: 16px !important; /* Optionnel plus grand */
  text-decoration: none !important; /* NO soulignement */
}

/* Hover sans underline */
.Link__active:hover,
.commonStyle__zt3LinkActive:hover {
  text-decoration: none !important;
  font-weight: 700 !important;
  color: inherit !important;
}
/* SCROLLBARS GLOBALES - 100% compatibles */

/* Chrome/Edge/Safari/Webkit */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #77717a, #c2c2c2);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to right, #a29da5, #d0d0d0);
}

/* Barre lecture Zoho */
.Readingprogress__progressBar {
  background: linear-gradient(to right, #77717a 0%, #c2c2c2 100%) !important;
  border-radius: 3px !important;
}

/* Firefox fallback (optionnel, ignoré Chrome) */
html {
  scrollbar-color: #77717a #f1f1f1;
  scrollbar-width: thin;
}
img.Avatar__xmedium[data-id*="230906000000401067_logo_image"],
img[alt="Métronome"].Avatar__avatarImg {
  width: 48px !important; /* RÉDUIT */
  height: 48px !important;
  object-fit: contain !important; /* Entier sans crop */
  object-position: center !important;
  max-width: 48px !important;
  max-height: 48px !important;
}

/* Conteneur */
.Avatar__square:has(img[alt="Métronome"]) {
  width: 48px !important;
  height: 48px !important;
  overflow: visible !important;
}
.TicketListItem__replyCount.commonStyle__zt3Brand,
span[data-id*="reply"] {
  background-color: #77717a !important; /* Fond bouton */
  color: white !important; /* Texte blanc */
  border-radius: 4px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}
/* Hover comme Add ticket */
.TicketListItem__replyCount:hover {
  background-color: #a29da5 !important;
}
.Signin__userLink.commonStyle__zt3Brand,
a[data-id="reset_pwd"],
a[data-id="agent_signin"] {
  display: inline-block !important;
  padding: 2px 8px !important;
  line-height: 1.2 !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important; /* PAS CONTOUR */
  outline: none !important;
}

/* Hover SEULEMENT fond #c2c2c2 */
.Signin__userLink:hover,
.Signin__userLink:focus {
  background-color: #c2c2c2 !important;
  border-color: transparent !important; /* ZERO contour */
  box-shadow: none !important;
}
.NoContent__title,
h3[data-id="no_ticket_title"],
.NoContent__title .modulesname {
  color: #77717a !important;
}