/* Styles basiques pour la sidebar */
.sidebar {
  min-height: 100vh;
  border-right: 1px solid rgba(0,0,0,.05);
  padding-top: 1rem;
}
.sidebar .nav-link {
  color: rgba(0,0,0,.85);
}
.sidebar .sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  /* Sidebar offcanvas behavior on small screens */
  .sidebar.collapse {
    display: none;
  }
  .sidebar.collapse.show {
    display: block;
    position: absolute;
    z-index: 1045;
    top: 56px; /* navbar height */
    left: 0;
    width: 75%;
    height: calc(100vh - 56px);
    background: #f8fafc;
    padding: 1rem;
  }
}

/* Etat actif */
.nav-link.active {
  background-color: rgba(37,140,251,0.1);
  color: #258cfb !important;
  font-weight: 600;
}