/* Keep query controls together; wrap at field boundaries instead of scrolling the page. */
@media screen{
 dialog:not(.query-inline-detail):has(table){width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
 dialog:not(.query-inline-detail)[open]:has(table){display:flex;flex-direction:column;overflow:hidden}
 dialog:has(table)>.modal-body{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden}
 :is(#content,dialog) :is(.toolbar,.date-toolbar,.finance-dates,.document-query-controls),#daily-analysis-filter,#return-lookup-form>.wholesale-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;overflow-x:visible}
 :is(#content,dialog) :is(.toolbar,.date-toolbar,.finance-dates,.document-query-controls) :is(.field,label),#daily-analysis-filter .field,#return-lookup-form>.wholesale-meta label{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0;white-space:nowrap}
 :is(#content,dialog) :is(.toolbar,.date-toolbar,.finance-dates,.document-query-controls) .field{flex:0 1 auto}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates) input[type=date]{width:138px;min-width:0;flex:0 1 138px}
 :is(#content,dialog) :is(.toolbar,.date-toolbar,.finance-dates,.document-query-controls) :is(button,.button-link){white-space:nowrap;max-width:100%}
 :is(#content,dialog) :is(.toolbar,.date-toolbar,.finance-dates)>.date-quick-select{width:110px;max-width:100%;margin:0;flex:0 1 110px}
 :is(#content,dialog) :is(.page-head,.panel-head,.section-feature-head,.document-query-detail-head){min-width:0;flex-wrap:wrap;gap:8px}
 :is(#content,dialog) :is(.page-head,.panel-head,.section-feature-head) :is(h1,h2,h3){white-space:nowrap;min-width:0}
 dialog .modal-head{min-width:0;flex-shrink:0}
 dialog .modal-head h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .table-filter-tools{display:flex;justify-content:flex-end;padding:6px 0;gap:6px}
 .table-filter-tools button{padding:4px 10px;min-height:30px;font-size:13px}
 .table-filter-tools button[aria-checked=true]{border-color:#d20b0b;color:#d20b0b;background:#fff0f0}
 .table-fluid:not(.table-filtering) button.table-filter-toggle{display:none!important}
 .table-fluid.table-filtering button.table-filter-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);float:none;margin:0}
 .table-fluid.table-filtering thead th{padding-left:30px!important;padding-right:30px!important}
 dialog .table-wrap{min-width:0;max-width:100%;overflow-x:auto}
}
:is(#content,dialog) table thead th{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;vertical-align:middle}
@media screen and (max-width:800px){
 dialog:not(.query-inline-detail):has(table){width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates){gap:6px}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates) .field{display:grid;gap:3px;flex:1 1 calc(50% - 3px);order:0}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates) .field input[type=date]{width:100%}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates)>button{padding:6px 8px}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates)>:is(button,.date-quick-select){order:1}
 :is(#content,dialog) :is(.date-toolbar,.finance-dates)>.date-quick-select{width:85px;flex:1 1 85px;min-width:0}
 :is(#content,dialog) :is(.toolbar,.document-query-controls) label{flex-wrap:wrap;white-space:normal}
 :is(#content,dialog) .toolbar>.search{width:100%;min-width:0;flex:1 1 180px}
 :is(#content,dialog) .toolbar>.search input{min-width:0;width:100%}
}
@media print{.table-filter-tools{display:none!important}}