@media(max-width:700px){
 .commission-page{min-width:0!important;width:100%;box-sizing:border-box;padding:12px!important}
 .commission-page .page-heading,.commission-page .section-heading{flex-wrap:wrap;gap:12px}
 .commission-page .eyebrow,.commission-page .page-heading p{display:none}
 .commission-page .heading-actions{width:100%}
 .commission-page .heading-actions .el-button{flex:1}
 .commission-page .query-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .commission-page .query-field,.commission-page .date-field,.commission-page .store-field,.commission-page .category-field{width:100%;min-width:0}
 .commission-page .query-field .el-select,.commission-page .query-field .el-date-editor{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .commission-page .query-note{flex-wrap:wrap;gap:5px;padding:12px 2px}
 .commission-page .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .commission-page .metric{min-width:0;box-sizing:border-box}
 .commission-page .config-panel,.commission-page .result-panel{min-width:0;box-sizing:border-box;padding:12px}
 .commission-page .config-item{display:flex;flex-wrap:wrap}
 .commission-page .config-summary{flex:1;min-width:150px;max-width:100%}
 .commission-page .config-actions,.commission-page .result-actions{flex-wrap:wrap}
 .commission-page .result-actions{margin-top:8px}
 .syep-commission-h5 .el-dialog{width:calc(100vw - 24px)!important;margin-top:4vh!important;box-sizing:border-box}
 .syep-commission-h5 .form-grid,.syep-commission-h5 .dish-selectors{grid-template-columns:minmax(0,1fr)}
 .syep-commission-h5 .cross-day-row,.syep-commission-h5 .time-range{flex-wrap:wrap;max-width:100%}
}