/* Garante que o body e html ocupem 100% da altura da tela */
html, body {
  height: 100%;
}

/* Garante que o wrapper principal estique até o fim da tela */
.wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Estende o conteúdo do menu lateral até o final */
.main-sidebar, .main-sidebar .sidebar {
  height: 100%;
  min-height: 100vh;
}