/*
 * Ajustes de empilhamento do layout Demo1.
 *
 * O botao de minimizar a sidebar (`#kt_app_sidebar_toggle`, `Sidebar/_Logo.cshtml`) e
 * `position-absolute start-100 translate-middle`: metade dele fica dentro da sidebar e
 * metade fora, sobre a faixa do header.
 *
 * No tema o header fixo esta em `z-index: 110` e a sidebar fixa em `z-index: 105`. Como a
 * sidebar e `position: fixed`, ela cria contexto de empilhamento proprio e o botao nao
 * escapa dos 105 dela — entao a metade direita do botao fica **debaixo** do header e nao
 * recebe clique. Sobra uma faixa de 15px, dificil de acertar.
 *
 * A correcao e **baixar o header**, nao subir a sidebar: subir a sidebar a colocaria acima
 * do `.drawer-overlay` (109) e ela deixaria de escurecer quando um drawer abre. Com o
 * header em 104 a ordem fica sidebar (105) > header (104) > toolbar (99) > conteudo, e o
 * overlay dos drawers continua por cima dos dois.
 *
 * So a partir de `lg`: abaixo disso a sidebar vira `.drawer` (z-index 110) e o header
 * precisa continuar onde esta.
 */

@media (min-width: 992px) {
    [data-kt-app-header-fixed="true"] .app-header {
        z-index: 104;
    }
}

/*
 * `modal-dialog-scrollable` com o `<form>` envolvendo cabecalho, corpo e rodape.
 *
 * O Bootstrap monta a modal rolavel numa coluna flex: `.modal-content` fica com
 * `max-height: 100%` e `overflow: hidden`, e so o `.modal-body` recebe `overflow-y: auto`.
 * A conta so fecha quando `.modal-header`, `.modal-body` e `.modal-footer` sao filhos
 * **diretos** de `.modal-content`. Com um `<form>` no meio — que e o caso da
 * `Memória de Cálculo` do orcamento, cujo `Salvar` mora no rodape —, o form vira o unico
 * item flex, cresce com o conteudo e o `.modal-body` nunca encolhe: nada rola, o rodape
 * empurra o cabecalho para fora da janela e a modal fica cortada em cima.
 *
 * A correcao e repassar a coluna flex para o form, com `min-height: 0` (sem ele um item
 * flex nao encolhe abaixo do proprio conteudo). Vale para qualquer modal com essa forma,
 * nao so a do orcamento.
 */
.modal-dialog-scrollable > .modal-content > form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}