#app{

    display:flex;

    width:100vw;

    height:100vh;

}

.content{

    flex:1;

    display:flex;

    flex-direction:column;

}

#header{

    height:70px;

    background:white;

    border-bottom:1px solid #E8E8E8;

}

#view{

    flex:1;

    padding:35px;

    background:#F4F6F9;

    /* body{overflow:hidden} (css/style.css) some com a rolagem da
       página inteira de propósito — mas sem rolagem NENHUMA em algum
       lugar, uma tela com mais conteúdo que a altura da janela (ex:
       Assembleias, com cards + tabela + legenda embaixo) fica com a
       parte de baixo simplesmente inacessível, sem barra de rolagem
       nenhuma pra chegar lá (bug reportado pelo usuário, 2026-07-18).
       #view é o contêiner compartilhado por TODAS as telas (ver
       carregarPagina, js/app.js) — arrumando aqui resolve pra
       Assembleias e evita o mesmo problema em qualquer tela futura
       que cresça mais que a janela; em telas que já cabem na tela,
       isso não muda nada visualmente. */
    overflow-y:auto;

}