/* Relatórios em modal interno, com conteúdo ocupando o viewport. */
@media screen {
 body.relatorio-tela-cheia{overflow:hidden}
 #appContainer :is(#detalhamentoModal,#faturamentoModal){inset:0;padding:8px;align-items:stretch;justify-content:stretch;background:var(--page-surface,#f0f7ff);backdrop-filter:none}
 #appContainer :is(#detalhamentoModal,#faturamentoModal)>.modal{width:100%;max-width:none;height:100%;min-height:0;max-height:none;padding:16px;display:flex;flex-direction:column;overflow:auto;border-radius:14px;box-sizing:border-box;animation:none}
 #appContainer :is(#detalhamentoModal,#faturamentoModal)>.modal>*{flex-shrink:0}
 #appContainer #detalheConteudo{flex:1;min-height:170px;overflow:hidden;display:flex;flex-direction:column}
 #appContainer #detalheConteudo>div{flex:1;min-height:0;height:auto;max-height:none!important;overflow:auto}
 #appContainer #faturamentoModal .fat-lancamentos-title+div{flex:1;min-height:155px;overflow:auto;border:1px solid var(--module-line);border-radius:9px}
 #appContainer #faturamentoModal .fat-banner{min-height:70px;padding-block:12px;margin-bottom:12px}
 #appContainer #faturamentoModal #fatModalTitulo{font-size:22px}
 #appContainer :is(#detalhamentoModal,#faturamentoModal) .modal-actions{margin-top:12px;padding-top:10px;flex:none}
 @media(max-width:720px){
  #appContainer :is(#detalhamentoModal,#faturamentoModal){padding:5px}
  #appContainer :is(#detalhamentoModal,#faturamentoModal)>.modal{padding:12px;border-radius:10px}
  #appContainer #faturamentoModal #fatModalTitulo{font-size:19px}
 }
}