/* ======================================================

   FIX DEFINITIVO LAYOUT / FOOTER - HJT

   ====================================================== */



html, body {

    height: 100%;

    margin: 0;

}



body {

    background: #f7f9fb;

    display: flex;

    flex-direction: column;

    min-height: 100vh;

}



/* Wrapper principal da aplicacao */

.main-wrapper {

    flex: 1 0 auto;

    display: flex;

    flex-direction: column;

}



/* Conteudo principal */

main.main-content {

    flex: 1 0 auto;

}



/* Footer sempre no final */

footer.app-footer {

    flex-shrink: 0;

}



/* ======================================================
   FIX ALTURA CONTEUDO PRINCIPAL (HJT)
   ====================================================== */

/* Altura do header fixo (ajuste se mudar o navbar) */
:root {
    --hjt-header-height: 56px;
}

/* Wrapper principal abaixo do header */
.main-wrapper {
    min-height: calc(100vh - var(--hjt-header-height));
    display: flex;
    flex-direction: column;
}

/* Conteudo cresce, mas respeita o footer */
.main-wrapper main {
    flex: 1 0 auto;
}

/* Footer sempre visivel */
footer.app-footer {
    margin-top: auto;
}