/* Mantém todo o menu lateral acessível em notebooks e janelas de pouca altura. */
@media (min-width: 769px) {
  .sidebar {
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(111, 98, 255, .65) transparent;
  }

  .sidebar::-webkit-scrollbar { width: 6px; }
  .sidebar::-webkit-scrollbar-track { background: transparent; }
  .sidebar::-webkit-scrollbar-thumb {
    background: rgba(111, 98, 255, .65);
    border-radius: 999px;
  }

  .sidebar-content {
    height: auto;
    min-height: 100%;
  }

  .sidebar .btn-secondary { flex: 0 0 auto; }
}

@media (min-width: 769px) and (max-height: 820px) {
  .sidebar { padding: 24px 20px; }
  .sidebar .logo {
    margin-bottom: 28px;
    font-size: 1.9rem;
  }
  .sidebar .nav-links { gap: 14px; }
  .sidebar .nav-links a {
    font-size: 1rem;
    line-height: 1.3;
  }
  .sidebar .btn-secondary {
    margin-top: 22px;
    padding: 10px 18px;
  }
}

@media (min-width: 769px) and (max-height: 650px) {
  .sidebar {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .sidebar .logo {
    margin-bottom: 20px;
    font-size: 1.7rem;
  }
  .sidebar .nav-links { gap: 10px; }
  .sidebar .nav-links a { font-size: .92rem; }
  .sidebar .btn-secondary { margin-top: 18px; }
}

@media (max-width: 768px) {
  .sidebar {
    max-height: none;
    overflow: visible;
  }
  .sidebar-content { min-height: 0; }
}