/* =========================================================
   QUARZEO ADMIN V12.1 — FINALISATION
   ========================================================= */

/* Sidebar sans séparateur/scrollbar visible */

#app.app:not(.hidden) > .sidebar{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}

#app.app:not(.hidden) > .sidebar::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

#app.app:not(.hidden) > .sidebar{
  border-right:0 !important;
}

/* ZÉO reste disponible en bas à droite uniquement */

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

/* Retirer les groupes devenus vides */

#app.app:not(.hidden) #nav .navGroup.qza-empty-group{
  display:none !important;
}

/* Le ZÉO décoratif du hero est retiré */

.qza-hero{
  grid-template-columns:minmax(0,1fr) auto !important;
}

.qza-hero > .qza-zeo{
  display:none !important;
}

/* Meilleur contraste du hero */

.qza-hero-copy h2{
  text-shadow:0 2px 14px rgba(0,0,0,.13);
}

.qza-hero-copy p{
  color:#c9e2ea !important;
}

/* Une seule footbar : garder la footbar native située derrière */

#app.app:not(.hidden) .qza-footbar{
  display:none !important;
}

/* Nettoyage de la recherche dans la topbar */

#app.app:not(.hidden) .topbar .search{
  overflow:hidden !important;
}

#app.app:not(.hidden) .topbar .search input{
  width:100% !important;
  min-width:0 !important;

  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  outline:0 !important;

  background:transparent !important;

  box-shadow:none !important;
  appearance:none !important;
}

#app.app:not(.hidden) .topbar .search input:focus{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Carte vectorielle réelle */

.qza-network-map{
  display:grid !important;
  place-items:center !important;

  min-height:560px !important;
  padding:18px !important;

  background:
    radial-gradient(
      circle at 50% 40%,
      rgba(40,206,224,.075),
      transparent 48%
    ),
    linear-gradient(180deg,#fbfdfe,#f2f8fb) !important;
}

.qza-network-map > img.qza-france-real-map{
  display:block !important;

  width:100% !important;
  height:auto !important;
  max-height:570px !important;

  object-fit:contain !important;
}

/* Nettoyage écran de connexion */

#loginView.qz-auth{
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(40,206,224,.075),
      transparent 32%
    ),
    #f4f9fc !important;
}

#loginView .qz-auth-box{
  border:0 !important;
  outline:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}

#loginView .qz-auth-box::before,
#loginView .qz-auth-box::after{
  display:none !important;
  content:none !important;
}

#loginView .loginCard,
#loginView form{
  border:1px solid rgba(185,216,229,.55) !important;
  border-radius:22px !important;

  background:rgba(255,255,255,.94) !important;

  box-shadow:
    0 22px 60px rgba(6,48,73,.12) !important;

  backdrop-filter:blur(15px) !important;
}

/* Menu réorganisé */

#app.app:not(.hidden) #nav .navGroup{
  margin-bottom:14px !important;
}

#app.app:not(.hidden) #nav .navGroup > span{
  margin-bottom:7px !important;
}

/* Le menu peut défiler mais sans scrollbar visible */

#app.app:not(.hidden) #nav{
  overflow:visible !important;
}

/* Diminution de la largeur du texte pour éviter les retours inutiles */

#app.app:not(.hidden) #nav a,
#app.app:not(.hidden) #nav button{
  line-height:1.2 !important;
}

/* Responsive carte */

@media(max-width:900px){
  .qza-network-map{
    min-height:420px !important;
  }

  .qza-network-map > img.qza-france-real-map{
    max-height:430px !important;
  }
}