/* =========================================================
   QUARZEO ADMIN V12.7
   Menu métier final — une seule icône SVG par rubrique
   ========================================================= */

#app.app:not(.hidden) #nav{
  padding:2px 4px 30px !important;
}

/* Sections métier */

#app.app:not(.hidden) #nav .qza-v127-group{
  margin:0 0 17px !important;
}

#app.app:not(.hidden) #nav .qza-v127-group-title{
  display:block !important;

  margin:0 9px 8px !important;
  padding:0 !important;

  color:#668ba0 !important;

  font-size:8px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
}

/* Liens */

#app.app:not(.hidden) #nav .qza-v127-link{
  position:relative !important;

  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  width:100% !important;
  min-height:43px !important;

  margin:3px 0 !important;
  padding:6px 10px !important;

  border:1px solid transparent !important;
  border-radius:13px !important;

  background:transparent !important;
  color:#d1e1e9 !important;

  font-size:9px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  text-align:left !important;
  text-decoration:none !important;

  cursor:pointer !important;
  pointer-events:auto !important;

  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease,
    color .15s ease !important;
}

/*
 * Neutralisation des anciennes icônes :
 * - pseudo-éléments ajoutés par les versions précédentes ;
 * - SVG/spans natifs identifiés par le script V12.7.
 */

#app.app:not(.hidden) #nav .qza-v127-link::before,
#app.app:not(.hidden) #nav .qza-v127-link::after{
  display:none !important;
  content:none !important;
}

#app.app:not(.hidden) #nav .qza-v127-old-icon{
  display:none !important;
}

/* Icône SVG unique */

#app.app:not(.hidden) #nav .qza-v127-icon{
  display:grid !important;
  place-items:center !important;

  width:29px !important;
  height:29px !important;
  flex:0 0 29px !important;

  border:1px solid color-mix(
    in srgb,
    currentColor 22%,
    transparent
  ) !important;

  border-radius:9px !important;

  background:var(
    --qza-v127-icon-bg,
    rgba(40,206,224,.13)
  ) !important;

  color:var(
    --qza-v127-icon-color,
    #78e7ee
  ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#app.app:not(.hidden) #nav .qza-v127-icon svg{
  display:block !important;

  width:16px !important;
  height:16px !important;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* Palette des familles */

#app.app:not(.hidden) #nav .qza-tone-cyan{
  --qza-v127-icon-bg:rgba(40,206,224,.15);
  --qza-v127-icon-color:#76e9ef;
}

#app.app:not(.hidden) #nav .qza-tone-blue{
  --qza-v127-icon-bg:rgba(49,139,215,.18);
  --qza-v127-icon-color:#82c7f4;
}

#app.app:not(.hidden) #nav .qza-tone-green{
  --qza-v127-icon-bg:rgba(37,185,133,.17);
  --qza-v127-icon-color:#7fe0b7;
}

#app.app:not(.hidden) #nav .qza-tone-purple{
  --qza-v127-icon-bg:rgba(117,109,230,.20);
  --qza-v127-icon-color:#b0a9f5;
}

#app.app:not(.hidden) #nav .qza-tone-orange{
  --qza-v127-icon-bg:rgba(239,163,59,.18);
  --qza-v127-icon-color:#f4c277;
}

#app.app:not(.hidden) #nav .qza-tone-red{
  --qza-v127-icon-bg:rgba(232,102,114,.19);
  --qza-v127-icon-color:#f1949f;
}

/* Survol et actif */

#app.app:not(.hidden) #nav .qza-v127-link:hover{
  transform:translateX(2px) !important;

  border-color:rgba(255,255,255,.07) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
}

#app.app:not(.hidden) #nav .qza-v127-link:hover .qza-v127-icon{
  filter:brightness(1.10);
}

#app.app:not(.hidden) #nav .qza-v127-link.active,
#app.app:not(.hidden) #nav .qza-v127-link[aria-current="page"]{
  border-color:rgba(40,206,224,.29) !important;

  background:
    linear-gradient(
      90deg,
      rgba(40,206,224,.21),
      rgba(40,206,224,.07)
    ) !important;

  color:#fff !important;

  box-shadow:
    inset 3px 0 0 #28cee0,
    0 8px 20px rgba(0,0,0,.08) !important;
}

#app.app:not(.hidden)
#nav
.qza-v127-link.active
.qza-v127-icon{
  border-color:rgba(112,234,241,.22) !important;
  filter:brightness(1.12);
}

/* Badges et compteurs natifs conservés */

#app.app:not(.hidden) #nav .qza-v127-link b,
#app.app:not(.hidden) #nav .qza-v127-link .badge,
#app.app:not(.hidden) #nav .qza-v127-link [class*="count"]{
  margin-left:auto !important;
}

/* ZÉO uniquement via le robot flottant */

#app.app:not(.hidden) #nav [data-page="zeo"],
#app.app:not(.hidden) #nav [data-route="zeo"],
#app.app:not(.hidden) #nav [data-view="zeo"],
#app.app:not(.hidden) #nav [data-qza-route="zeo"]{
  display:none !important;
}