/* Layout adapts to the browser's usable size, including Windows display scaling. */
@media screen{
 body>main{min-width:0;max-width:100%;box-sizing:border-box}
 main :is(section,article,aside,.card,.body,.layout,.operations-workspace,.operations-overview,.overview-content,.executive-main,.executive-content,.executive-support,.cadastro-columns,.cadastro-columns>*,.expense-editor-main,.vehicle-receipt-row>div){min-width:0;box-sizing:border-box}
 main :is(.card,.raw-history-table,.helper-results-table,.insight-history-list,.integrated-operations,.poster-wrap,.portal-table-scroll){max-width:100%}
 .portal-table-scroll{display:block;min-width:0;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .portal-table-scroll>table{width:100%;margin:0}
 .portal-table-scroll:focus-visible{outline:2px solid #9770cc;outline-offset:2px}
 main :is(.raw-history-table,.helper-results-table,.insight-history,.executive-team,.integrated-profile-body,.integrated-recent){min-width:0;max-width:100%}
 main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
 main :is(.vehicle-receipt-filter,.exportControls,.insight-filters,.period-controls,.chapas-tools){min-width:0;max-width:100%;flex-wrap:wrap}
 main :is(.vehicle-receipt-filter,.insight-filters,.exportControls) label{min-width:0;max-width:100%}
 main canvas{max-width:100%}
 main :is(.panel-heading,.workspace-heading,.cadastro-title,.executive-title,.raw-history-heading,.raw-forecast-heading){min-width:0;gap:14px}
 main :is(.panel-heading,.workspace-heading,.cadastro-title,.executive-title)>div{min-width:0}
 main :is(.panel-heading,.workspace-heading,.cadastro-title,.executive-title) :is(h1,h2,h3,p){overflow-wrap:anywhere}
 :is(.journey-workspace,#conferentePanel,#confLoadDialog) :is(#orders,#confOrders,#confPopupCard) .dispatch-rows{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important}
 body>header{min-width:0;box-sizing:border-box;gap:16px}
 .brand,.executive-header-meta{min-width:0}
 .executive-header-meta{flex-wrap:wrap}
 dialog{box-sizing:border-box;max-inline-size:calc(100vw - 24px);max-block-size:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
 dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
 dialog :is(form,.expense-editor-main,.expense-editor-summary,.freight-cost-grid,.raw-inbound-fields){min-width:0}
 dialog iframe{max-width:100%}
 #expensesExportOpen[hidden],#freightReceiptsOpen[hidden]{display:none!important}
}
@media screen and (min-width:761px) and (max-width:1440px){
 body>main{padding-left:20px;padding-right:20px}
 .executive-dashboard .executive-main{gap:14px;grid-template-columns:minmax(185px,.25fr) minmax(0,1fr)}
 .executive-chart-top{flex-wrap:wrap}
 .executive-chart-top .insight-filters{width:100%;margin-left:0}
 .executive-chart-top .insight-filters label{flex:1 1 150px}
 #expenseDialog{width:min(1020px,calc(100vw - 32px))}
 #expenseDialog .expense-editor-layout{grid-template-columns:minmax(0,1fr) minmax(235px,.48fr);padding:16px 20px;gap:14px}
 #expenseDialog .expense-editor-head{padding:16px 20px}
 #expenseDialog .expense-section{padding:15px}
 #expenseDialog .expense-editor-summary{position:static}
}
@media screen and (max-width:1150px){
 #expensesResults .vehicle-receipt-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}
 #expensesResults .vehicle-receipt-row>div:first-child{grid-column:1/-1}
 #expensesResults .vehicle-receipt-row>button{min-width:0;white-space:normal}
 .vehicle-receipt-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vehicle-receipt-filter :is(input,select,button){width:100%}
 .executive-support{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:1000px){
 #expenseDialog .expense-editor-layout{grid-template-columns:minmax(0,1fr)}
 #expenseDialog .expense-editor-summary{position:static}
 #expenseDialog .expense-grand-total{max-width:100%}
 .executive-main{grid-template-columns:minmax(0,1fr)}
 .executive-today{max-width:100%}
}
@media screen and (max-height:800px) and (min-width:761px){
 dialog{max-height:calc(100dvh - 24px)!important}
 #expenseDialog .expense-editor-summary{position:static}
 #expenseDialog .expense-editor-head{position:static;padding-top:14px;padding-bottom:14px}
 #expenseDialog .expense-mode-switch{padding-top:12px}
 :is(#expenseFrame,#freightReceiptFrame,#vehicleReceiptFrame){height:58dvh;min-height:240px}
 #helperTeamDialog #helperTeamChoices{max-height:28dvh;min-height:90px}
}
@media screen and (max-width:760px){
 body>main{padding-left:12px;padding-right:12px;min-width:0}
 #expensesResults .vehicle-receipt-row{grid-template-columns:minmax(0,1fr)}
 #expensesResults .vehicle-receipt-row>div:first-child{grid-column:auto}
 #expensesResults .vehicle-receipt-row>button{width:100%}
 .vehicle-receipt-filter{grid-template-columns:minmax(0,1fr)}
 .executive-main{grid-template-columns:minmax(0,1fr)}
}
@media screen{.portal-table-scroll{position:relative}.executive-sr-only{left:0!important;top:0!important}}