#content.query-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;height:auto;min-height:0}
.query-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding-bottom:4px}
.query-controls:empty{display:none}
.query-controls>*{margin:0;grid-column:1/-1}
.query-controls>.page-head{grid-column:1}.query-controls>.toolbar{grid-column:2}
.query-controls .panel-body{padding:6px 10px}
.query-controls .page-head{gap:6px}.query-controls .page-head h1{font-size:20px}
.query-controls :is(.page-head p,.help){font-size:11px;line-height:1.3;margin-top:3px}
.query-controls .date-toolbar{gap:8px}.query-controls .field label{margin-bottom:3px;font-size:12px}
.query-controls :is(input,select,button,.button-link){padding:5px 8px;min-height:28px;font-size:12px}
.query-controls .search input{padding-left:30px}.query-controls .search .icon{top:5px;left:8px;width:16px;height:16px}
#query-list{min-width:0;border:1px solid #ffffffc9;border-radius:14px}
#query-list>.panel{margin-bottom:0}
#content .query-records{max-height:none;min-height:0;overflow-x:auto}
#content .query-records :is(th,td){padding:3px 8px;font-size:13px;line-height:1.25;white-space:nowrap}
#content .query-records .meta{display:inline;margin:0 0 0 8px;font-size:11px;line-height:1.2}
.workbench-required .table-wrap{max-height:none;overflow-x:auto}
.workbench-required :is(th,td){padding:4px 8px;white-space:nowrap;font-size:13px}
#content .query-record :is(button,.button-link){padding:2px 6px;min-height:20px;font-size:12px;line-height:1.25;white-space:nowrap}
#content .query-records thead th{background:#f1f3f5}
#content .query-record{cursor:pointer}
#content .query-record.query-selected{background:#fff0f0;box-shadow:inset 3px 0 #d20b0b}
#content .query-record:focus-visible{outline:2px solid #d20b0b;outline-offset:-2px}
.query-detail{margin:0;min-width:0;scroll-margin-top:60px}
.query-detail[hidden]{display:none}
#query-detail-body{overflow:visible}
#modal.query-inline-detail{position:static;inset:auto;width:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:0;background:transparent}
#modal.query-inline-detail[open]{display:block;height:auto;max-height:none}
#modal.query-inline-detail .modal-body{max-height:none;overflow:visible;padding:8px 12px}
#modal.query-inline-detail :is(.modal-head,.modal-footer) :is(button,select){padding:3px 6px;min-height:28px;font-size:12px}
#modal.query-inline-detail .order-detail-products{padding:4px}
#modal.query-inline-detail .order-detail-products h3{font-size:13px;margin-bottom:4px}
#modal.query-inline-detail :is(th,td){padding:3px 8px;font-size:13px;line-height:1.25}
#modal.query-inline-detail .modal-head{position:static;padding:6px 12px}
#modal.query-inline-detail .modal-head h2{font-size:14px}
#modal.query-inline-detail .modal-footer{position:static;padding:6px 12px;max-height:none;overflow:visible}
@media screen and (min-width:801px){
 .shell{grid-template-rows:36px 64px auto;gap:8px 14px;padding:0 16px 40px}
 .ouke-title{height:36px;padding-top:6px;padding-bottom:4px;font-size:15px}
 .ouke-toolbar{padding:5px 12px}.ouke-shortcut{height:48px;min-width:80px;padding:4px 10px}
 .topbar{min-height:42px;padding:6px 12px}.workspace,.hub-mode .workspace{padding:12px 0 20px}
 .section-feature-head,.panel-head{padding:12px 16px}.section-business-grid{padding:10px 14px;gap:8px}.section-groups{gap:12px}
}
@media screen and (max-width:800px){
 .shell{padding-top:48px}.ouke-title{height:40px;padding-top:8px}.workspace,.hub-mode .workspace{padding:8px 0 16px}
 .mobile-primary{gap:3px;padding:4px 0}.mobile-primary button{padding:5px 2px;font-size:11px}
 .topbar{min-height:38px;padding:5px 8px}.query-controls{grid-template-columns:minmax(0,1fr)}.query-controls>.toolbar{grid-column:1}
 .query-controls :is(input,select,button,.button-link){min-height:36px}#content .query-record :is(button,.button-link){min-height:32px}
 .query-controls .date-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:end}
 .query-controls .date-toolbar .field{min-width:0}.query-controls .date-toolbar .field:first-child{grid-column:1/-1}
 .query-controls .date-toolbar :is(button,.button-link){width:auto;min-width:0}
}