/* Leitura de tabelas extensas em telas pequenas, sem comprimir as colunas. */
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:hidden}
 .shell{display:flex!important;flex-direction:column!important}
 .shell>.sidebar{position:static!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:12px!important}
 .sidebar nav{display:flex!important;flex-direction:row!important;flex:0 0 auto!important;flex-wrap:nowrap!important;overflow-x:auto;min-height:44px;gap:4px}
 .sidebar .nav{width:auto;flex:0 0 auto!important;font-size:12px!important;white-space:nowrap;padding:8px 10px!important}
 .sidebar .nav-section{display:none!important}
 main{width:100%!important;min-width:0!important;margin:0!important;padding:16px 12px!important;box-sizing:border-box}
 main>header,.panel-head{flex-wrap:wrap;gap:12px}
 .header-actions,#app .panel-head .report-actions{display:flex!important;flex-wrap:wrap!important;gap:6px;min-width:0;max-width:100%}
 #app .panel-head>div{min-width:0;max-width:100%}
 #app .panel{padding:12px!important;min-width:0}
 #app .table-wrap{overflow:auto!important;max-height:65vh!important;max-width:100%;overscroll-behavior:contain}
 #app table.aligned-columns td,#app table.aligned-columns th{font-size:12px!important;padding:10px 7px!important;overflow-wrap:normal!important}
 #app table.aligned-columns .column-subtotals th{font-size:18px!important}
 #app .pl-result-layout{display:block!important;min-width:0}
 #app .pl-filter-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 #app .pl-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
 #app .pl-table th{width:62%;overflow-wrap:break-word}
 #app .pl-table td{white-space:nowrap}
 .field input,.field select{min-width:0;max-width:100%;box-sizing:border-box}
 .report-period,.report-center-period,.obligation-month-toolbar{flex-wrap:wrap}
 .pl-statement .table-wrap{overflow:visible!important;max-height:none!important}
}