/* DT Cerberus: navegación lateral desplazable en pantallas de escritorio. */
@media (min-width: 981px) {
  .sidebar .brand {
    flex-shrink: 0;
  }

  .sidebar nav {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    align-content: start;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: var(--gold) rgba(28, 58, 86, 0.35);
  }

  .sidebar nav::-webkit-scrollbar {
    width: 7px;
  }

  .sidebar nav::-webkit-scrollbar-track {
    background: rgba(28, 58, 86, 0.35);
    border-radius: 999px;
  }

  .sidebar nav::-webkit-scrollbar-thumb {
    background: var(--gold);
    border-radius: 999px;
  }

  .sidebar nav::-webkit-scrollbar-thumb:hover {
    background: #ffe263;
  }

  .sidebar .account {
    flex-shrink: 0;
    margin-top: 12px;
  }
}