/* Compact web filters, independent of shared full-width form rules. */
@media screen and (min-width:761px){
 html body.design3.ordinary-admin-web #customer-ranking #rankingperiod{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:12px;max-width:100%}
 html body.design3.ordinary-admin-web #customer-ranking #rankingperiod>label{flex:0 1 210px;width:210px;min-width:150px;max-width:210px;margin:0;display:grid;gap:6px}
 html body.design3.ordinary-admin-web #customer-ranking #rankingperiod :is(input,button){height:42px;min-height:42px;margin:0;box-sizing:border-box}
 html body.design3.ordinary-admin-web #customer-ranking #rankingperiod>button{flex:0 0 auto;align-self:flex-end;padding:10px 20px;line-height:20px}
 html body.design3.ordinary-admin-web #customer-ranking .admin-work-filters:not(#rankingperiod){display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:12px}
 html body.design3.ordinary-admin-web #customer-ranking .admin-work-filters:not(#rankingperiod)>label{flex:0 1 280px;width:280px;min-width:180px;max-width:280px;margin:0;display:grid;gap:6px}
 html body.design3.ordinary-admin-web #customer-ranking #customernew{margin-left:auto;align-self:flex-end;flex:0 0 auto}
 html body.design3.ordinary-admin-web #customer-ranking :is(#rankingsort,#rankingquery,#customernew>button){height:42px;min-height:42px;margin:0;box-sizing:border-box}
}