body {
    padding-top: 70px; 
  }

  /*.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }*/

  /* ==== Animation de la navbar ==== */
  nav.navbar {
    animation: slideNav 0.6s ease-in-out both;
  }

  html, body {
    height: 100%;
    margin: 0;
  }

  body {
    display: flex;
    flex-direction: column;
  }

  main {
    flex: 1;
  }

  footer {
    margin-top: auto;
  }

  @keyframes slideNav {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ==== Effet pulse sur icône QR ==== */
  .navbar-brand i.bi-qr-code-scan {
    animation: pulseIcon 1.8s ease-in-out infinite;
  }

  @keyframes pulseIcon {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
  }

  /* ==== Hover sur les liens nav ==== */
  .navbar-nav .nav-link {
    transition: color 0.3s ease, transform 0.2s ease;
  }

  .navbar-nav .nav-link:hover {
    color: #0984e3;
    transform: translateY(-2px);
  }

  /* ==== Dropdown stylisé ==== */
  .dropdown-menu {
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    animation: fadeDropdown 0.3s ease;
  }

  @keyframes fadeDropdown {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ==== Avatar dans le menu ==== */
  .navbar .dropdown-toggle img {
    border: 2px solid #0984e3;
    transition: transform 0.3s ease;
  }

  .navbar .dropdown-toggle:hover img {
    transform: rotate(-4deg);
  }

  /* Couleurs individuelles */
  .bi-qr-code-scan { color: #0984e3; }
  .bi-plus-circle { color: #00cec9; }
  .header-info { color: #00cec9; }
  .header-mdp { color: #00cec9; }
  .bi-person-circle { color: #2d3436; }
  .bi-shield-lock-fill { color: #d63031; }
  .bi-box-arrow-right { color: #d63031; }

  /* Icône active */
  .active-icon {
    color: #6c5ce7 !important;
    transform: scale(1.2);
    transition: transform 0.2s ease;
  }

  /* Lien actif */
  .active-link {
    color: #6c5ce7 !important;
    font-weight: bold;
  }