/* Corrections de mise en page mobile et de navigation sur écrans moins hauts. */
@media (max-width: 720px) {
  :root { --sidebar: 0px; }
  main { margin-left: 0; width: 100%; }
  .topbar { width: 100%; }
}

@media (min-width: 721px) {
  .sidebar nav {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 28px;
    padding-bottom: 14px;
    scrollbar-width: thin;
    scrollbar-color: #493a66 transparent;
  }
  .sidebar-bottom {
    flex-shrink: 0;
    margin-top: 12px;
  }
}

@media (min-width: 721px) and (max-height: 800px) {
  .sidebar { padding-top: 18px; padding-bottom: 12px; }
  .sidebar nav { gap: 3px; margin-top: 18px; }
  .nav-link { padding-top: 9px; padding-bottom: 9px; }
  .sidebar-bottom { display: none; }
}