/* =========================================================
   QUARZEO PILOT V10.7
   Sidebar plus contrastée et plus lisible
   ========================================================= */

.qz9-shell aside,
.qz9-sidebar,
aside.qz9-sidebar {
  background:
    linear-gradient(
      180deg,
      #eef4f8 0%,
      #e8f0f5 100%
    ) !important;
  border-right: 1px solid #d3e0e8 !important;
}

/* bloc logo */
.qz9-shell aside .qz9-brand,
.qz9-sidebar .qz9-brand {
  background:
    linear-gradient(135deg, #083d68, #0a67a2) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: 0 10px 22px rgba(10, 59, 95, .14) !important;
}

/* nom utilisateur */
.qz9-shell aside .qz9-user strong,
.qz9-sidebar .qz9-user strong,
.qz9-shell aside strong,
.qz9-sidebar strong {
  color: #17384b !important;
}

/* sous-texte utilisateur */
.qz9-shell aside .qz9-user small,
.qz9-sidebar .qz9-user small,
.qz9-shell aside small,
.qz9-sidebar small {
  color: #6e8796 !important;
}

/* badge zone */
.qz9-shell aside .qz9-pill,
.qz9-sidebar .qz9-pill {
  background: #dff6fb !important;
  color: #087e9a !important;
  border: 1px solid #b9e8f0 !important;
  font-weight: 800 !important;
}

/* titres de groupes */
.qz9-shell aside .qz9-nav-title,
.qz9-sidebar .qz9-nav-title,
.qz9-shell aside h6,
.qz9-sidebar h6 {
  color: #587484 !important;
  opacity: 1 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* liens menu */
.qz9-shell aside nav a,
.qz9-sidebar nav a,
.qz9-shell aside .qz9-nav a,
.qz9-sidebar .qz9-nav a,
.qz9-shell aside button.qz9-nav-link,
.qz9-sidebar button.qz9-nav-link {
  color: #5d7685 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  border-radius: 13px !important;
  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease,
    box-shadow .16s ease !important;
}

/* icônes menu */
.qz9-shell aside nav a svg,
.qz9-sidebar nav a svg,
.qz9-shell aside nav a i,
.qz9-sidebar nav a i,
.qz9-shell aside nav a::before,
.qz9-sidebar nav a::before {
  color: #7b95a4 !important;
  opacity: 1 !important;
}

/* hover */
.qz9-shell aside nav a:hover,
.qz9-sidebar nav a:hover,
.qz9-shell aside .qz9-nav a:hover,
.qz9-sidebar .qz9-nav a:hover {
  background: rgba(9, 146, 181, .08) !important;
  color: #12384d !important;
  transform: translateX(1px);
}

.qz9-shell aside nav a:hover svg,
.qz9-sidebar nav a:hover svg,
.qz9-shell aside nav a:hover i,
.qz9-sidebar nav a:hover i,
.qz9-shell aside nav a:hover::before,
.qz9-sidebar nav a:hover::before {
  color: #1297b4 !important;
}

/* lien actif */
.qz9-shell aside nav a.active,
.qz9-sidebar nav a.active,
.qz9-shell aside nav a[aria-current="page"],
.qz9-sidebar nav a[aria-current="page"],
.qz9-shell aside .qz9-nav a.active,
.qz9-sidebar .qz9-nav a.active {
  background:
    linear-gradient(135deg, #dff6fb, #cceef7) !important;
  color: #0f3850 !important;
  border: 1px solid #b7e5ef !important;
  box-shadow: inset 3px 0 0 #25cce8 !important;
}

.qz9-shell aside nav a.active svg,
.qz9-sidebar nav a.active svg,
.qz9-shell aside nav a.active i,
.qz9-sidebar nav a.active i,
.qz9-shell aside nav a[aria-current="page"] svg,
.qz9-sidebar nav a[aria-current="page"] svg {
  color: #0f9bb8 !important;
}

/* badge notif */
.qz9-shell aside .qz9-badge,
.qz9-sidebar .qz9-badge,
.qz9-shell aside .badge,
.qz9-sidebar .badge {
  background: #ef6b72 !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(239, 107, 114, .22) !important;
}

/* liens bas de sidebar */
.qz9-shell aside .qz9-side-bottom a,
.qz9-sidebar .qz9-side-bottom a,
.qz9-shell aside .qz9-footer-links a,
.qz9-sidebar .qz9-footer-links a {
  color: #698391 !important;
}

.qz9-shell aside .qz9-side-bottom a:hover,
.qz9-sidebar .qz9-side-bottom a:hover,
.qz9-shell aside .qz9-footer-links a:hover,
.qz9-sidebar .qz9-footer-links a:hover {
  color: #0d829f !important;
}