/* R78-HF227: field-first searches and editable report criteria.
   No changes to work-hour display font sizes or table data layout. */
#page-projectlist .hf210-projectlist-toolbar{flex-wrap:wrap!important;min-width:0!important;gap:6px!important}
#page-projectlist .hf210-projectlist-toolbar .hf227-search-label{flex:0 0 128px!important;min-width:128px!important}
#page-projectlist .hf210-projectlist-toolbar>.search{flex:1 1 260px!important;min-width:190px!important}
#page-projects .cardhead .hf227-search-label{flex:0 0 130px;min-width:130px}
.hf227-search-label{display:flex;flex-direction:column;gap:4px;color:#475569;font-size:12px;font-weight:700;line-height:1.3}
.hf227-search-mode{box-sizing:border-box;display:block;width:100%;height:40px;min-width:0;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-size:14px;padding:0 8px}
#page-report #rCriterionField #hf227CriterionInput{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:42px!important;font-size:15px!important;border-radius:10px!important}
#page-report #rCriterionField #hf227CriterionInput.hidden{display:none!important}
#page-projectlist .hf210-projectlist-toolbar select,#page-projectlist .hf210-projectlist-toolbar input{max-width:100%;box-sizing:border-box}
@media(max-width:1200px){#page-projectlist .hf210-projectlist-toolbar{flex-wrap:wrap!important}#page-projectlist .hf210-projectlist-toolbar .hf227-search-label{flex-basis:120px!important}}
@media(max-width:720px){#page-projectlist .hf210-projectlist-toolbar>.search{flex-basis:100%!important;order:1}#page-projectlist .hf210-projectlist-toolbar .hf227-search-label{flex-basis:130px!important}#page-projects .cardhead .hf227-search-label{flex-basis:120px}}