body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 /* Corrige o espaçamento do topo */
 #menuTop {
     z-index: 1030;
 }

 #menu {
     position: fixed;
     left: 0;
     top: 40px;
     /* altura do menu superior */
     width: 250px;
     height: calc(100% - 56px);
     /* para não ultrapassar o topo */
     background-color: #f5f5f5;
     overflow-y: auto;
     padding: 0;
     /* zera padding interno */
 }

 /* Remove margens/padding de todos os elementos internos */
 #menu * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: Helvetica, Arial, sans-serif;
 }

 /* Acordeão ocupa largura total */
 #menu .accordion {
     width: 100%;
 }

 /* Remove bordas dos blocos */
 #menu .accordion-item {
     border: none;
 }

 /* Botões do acordeão sem padding e borda arredondada */
 #menu .accordion-button {
     width: 100%;
     border-radius: 0;
     padding: 0.75rem 1rem;
     background: #36aae7;
     color: white;
     /* font-weight: bold; */
     font-size: 12px;
     font-weight: bold;
     text-decoration: none;
     border-color: rgba(0, 0, 0, 0.35);
 }

 /* Botão expandido */
 #menu .accordion-button:not(.collapsed) {
     background-color: #36aae7;
 }

 /* Hover nos botões principais */
 #menu .accordion-button:hover {
     background-color: #36aae7;
 }

 /* Submenu (links dentro da accordion-body) */
 #menu .accordion-body {
     padding: 0;
 }

 #menu .accordion-body ul {
     list-style: none;
 }

 #menu .accordion-body li a {
     display: block;
     width: 100%;
     padding: 0.5rem 1rem;
     color: white;
     background-color: #49505a;
     text-decoration: none;
 }

 #menu .accordion-body li a:hover {
     background-color: rgba(0, 0, 0, 0.65);
 }

 #modulo {
     width: calc(100% - 250px);
     margin-left: 250px;
     margin-top: 60px;
     padding: 1rem;
 }

 .logo {
     height: 40px;
 }

 .avatar {
     height: 30px;
     border-radius: 50%;
     margin-right: 5px;
 }

 .avatar-name {
     color: white;
     margin-left: 5px;
 }