como filho direto do , que vira item do grid e empurra o main p/ a coluna de 250px (layout quebrado só no PC COM extensão — não reproduz sem). Fixamos sidebar/main nas células e colapsamos qualquer intruso in-flow. Escopado a >=1025px p/ não afetar a gaveta (mobile) nem o modo TV. */ @media (min-width: 1025px){ /* sidebar com SCROLL PRÓPRIO: sem isto ela (5000px+ com o menu aberto) dirigia a altura da página inteira — o conteúdo acabava e a página continuava rolando em branco */ body:not(.tv-mode):not(.sem-sessao) > .sidebar{ grid-area:1/1; max-width:250px; position:sticky; top:0; height:100vh; overflow-y:auto } body:not(.tv-mode):not(.sem-sessao) > main{ grid-area:1/2; min-width:0 } /* DEFEITO GRAVE CORRIGIDO EM 13/08/2026 · esta regra colapsava os avisos do proprio app. Ela existe para neutralizar

que extensoes de navegador injetam como filho direto do , e fazia isso por exclusao: tudo que nao fosse sidebar/main/modal/overlay virava 0x0 com overflow:hidden. So que o app pendura no exatamente as coisas que precisam flutuar por cima de tudo — os toasts de sucesso e erro, o botao "Reportar erro" e o dialogo dele, e o botao de sair do modo TV. Resultado: TODA mensagem de status e de erro do sistema saia como um cotoco de 41x26px no canto, ilegivel. O usuario clicava em Faturar e via um circulo vermelho sem texto. Elementos com position:fixed NAO viram item de grid (estao fora do fluxo), entao o grid-area nunca foi o problema; quem quebrava era o width/height zerado. A lista de excecoes abaixo e o que o app legitimamente pendura no body — ao criar um overlay novo, acrescente aqui, senao ele nasce invisivel. */ body:not(.tv-mode):not(.sem-sessao) > :not(.sidebar):not(main):not(#modal):not(#nav-overlay):not(script):not(.toast):not(#cf-err-btn):not(#cf-err-mask):not(#cf-err-css):not(#tv-sair):not(#tv-relogio){ grid-area:1/1; width:0; height:0; overflow:hidden; pointer-events:none } } /* ================= MODO TV (BI em tela cheia p/ TV) ================= */ body.tv-mode{grid-template-columns:1fr} body.tv-mode .sidebar,body.tv-mode .topbar,body.tv-mode #superbar{display:none} body.tv-mode .view{padding:26px 36px} body.tv-mode #bi-filtros{display:none} /* esconde a barra de filtros */ body.tv-mode h1.page{font-size:28px} body.tv-mode .cards .card .v{font-size:34px} body.tv-mode .cards .card .k{font-size:13px} #tv-sair{position:fixed;top:14px;right:14px;z-index:60;opacity:.25} /* Relogio do modo TV. Numa TV na parede nao da para distinguir dado vivo de tela travada; esta marca e o unico jeito de alguem passando saber se o painel ainda respira. Discreto de proposito: quem olha o painel quer os numeros, nao o relogio. */ #tv-relogio{position:fixed;bottom:12px;right:16px;z-index:60;font-size:13px;color:var(--muted); font-family:var(--mono);opacity:.5;letter-spacing:.02em} body:not(.tv-mode) #tv-relogio{display:none} #tv-sair:hover{opacity:1} /* ================= IMPRESSAO (🖨 dos relatorios) ================= */ @media print{ :root{--bg:#fff;--bg2:#fff;--panel:#fff;--ink:#000;--ink-strong:#000;--muted:#555; --line:#ccc;--line-strong:#999;--soft:#fff;--input-bg:#fff;--btn-bg:#fff; --th-bg:#eee;--row-hover:#fff;--tag-mut-bg:#eee; --tag-ok:#2e7d32;--tag-warn:#a05e00;--tag-bad:#c62828;--tag-mut:#555} body{display:block;background:#fff;color:#000} .sidebar,.topbar,#superbar,#nav-toggle,#nav-overlay,.pager,.search,.form-row, button,select,input,.toast,.modal,.sub a{display:none !important} .view{padding:0;overflow:visible} .view div{overflow:visible !important;max-height:none !important} .panel{border:1px solid #bbb;border-radius:6px} th{position:static;background:#eee !important;color:#000} th,td{white-space:normal} h1.page{font-size:18px} }