/*
 * Modais — tabelas ocupam o espaço disponível dentro do modal (não vh fixo da tela).
 *
 * REVERTER: comente em wwwroot/index.html:
 *   <link href="css/pedido/pedido-modais-tabela-layout.css" rel="stylesheet" />
 */

div[class^="modal-base"] {
    min-height: 0;
}

div[class^="modal-base"] > .pagina3,
div[class^="modal-base"] > .pagina-modal,
div[class^="modal-base"] > .pagina {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

div[class^="modal-base"] .pagina-modal {
    height: 100%;
}

div[class^="modal-base"] .pagina-modal > .pagina,
div[class^="modal-base"] > .pagina3 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex !important;
    flex-direction: column !important;
}

div[class^="modal-base"] .pagina .header-pagina,
div[class^="modal-base"] .pagina3 .header-pagina,
div[class^="modal-base"] .pagina .separation,
div[class^="modal-base"] .pagina3 .separation,
div[class^="modal-base"] .pagina .separation1,
div[class^="modal-base"] .pagina3 .separation1,
div[class^="modal-base"] .pagina .separation2,
div[class^="modal-base"] .pagina .buttons {
    flex-shrink: 0;
}

div[class^="modal-base"] .register,
div[class^="modal-base"] .register-modal {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

div[class^="modal-base"] .register:has([class*="tableFixHead"]),
div[class^="modal-base"] .register-modal:has([class*="tableFixHead"]) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

div[class^="modal-base"] .register:has([class*="tableFixHead"]) > form,
div[class^="modal-base"] .register-modal:has([class*="tableFixHead"]) > form {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

div[class^="modal-base"] .register form > .campos-pesquisa,
div[class^="modal-base"] .register form > .register-localizar-pessoa,
div[class^="modal-base"] .register form > label,
div[class^="modal-base"] .register form > div:not(.list-produtos):not(.list-pessoas):not(.table-dados):not(.table-responsive) {
    flex-shrink: 0;
}

div[class^="modal-base"] .list-produtos,
div[class^="modal-base"] .list-pessoas,
div[class^="modal-base"] .table-dados {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

div[class^="modal-base"] .tableFixHead-pedido,
div[class^="modal-base"] .tableFixHead-60vh,
div[class^="modal-base"] .tableFixHead-70vh,
div[class^="modal-base"] .table-responsive.tableFixHead-pedido,
div[class^="modal-base"] .table-responsive.tableFixHead-60vh,
div[class^="modal-base"] .table-responsive.tableFixHead-70vh {
    flex: 1 1 auto;
    min-height: 120px;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    overflow: auto !important;
}

div[class^="modal-base"] .tableFixHead-pedido table,
div[class^="modal-base"] .tableFixHead-60vh table,
div[class^="modal-base"] .tableFixHead-70vh table {
    width: 100%;
}