/* R78-HF228: one four-way mode selector + one application-owned filter control. */
#page-report #rCriterionField .hf228-criterion,#page-projectlist .hf228-criterion,#page-projects .hf228-criterion{position:relative;display:block;min-width:170px;flex:1 1 245px;z-index:20}
#page-report #rCriterionField .hf228-criterion.hidden{display:none!important}
.hf228-hidden-legacy{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;opacity:0!important}
#page-projectlist .hf210-projectlist-toolbar .hf228-hide-group{display:none!important}
.hf228-trigger{display:block;width:100%;height:43px;text-align:left;font-size:15px;color:#0f172a;font-weight:600;background:white;border:1px solid #bcd4f1;border-radius:10px;padding:8px 34px 8px 12px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.hf228-trigger:after{content:'▾';position:absolute;right:12px;top:10px;color:#475569}
.hf228-menu{position:absolute;top:calc(100% + 4px);left:0;width:max(100%,280px);max-width:min(440px,90vw);background:white;border:1px solid #c7d7eb;border-radius:10px;box-shadow:0 16px 32px #22344f36;z-index:1000;padding:8px}
.hf228-menu.hidden,.hf228-date.hidden,.hf228-trigger.hidden{display:none!important}
.hf228-search{font:inherit;box-sizing:border-box;width:100%;height:40px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;background:#fff}
.hf228-list{max-height:min(42vh,400px);overflow:auto;padding:5px 0}
.hf228-list button{border:0;border-radius:6px;background:transparent;padding:9px 10px;width:100%;display:block;text-align:left;font-size:14px;color:#15253a;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.hf228-list button:hover,.hf228-list button:focus{background:#e1efff}
.hf228-empty,.hf228-hint{display:block;font-size:12px;color:#64748b;padding:7px}
.hf228-date{display:flex;gap:5px;align-items:center}
.hf228-date input{min-width:120px;width:50%;height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:6px;font-size:14px;color:#0f172a}
#page-projectlist .hf210-projectlist-toolbar .hf227-search-label,#page-projects .cardhead .hf227-search-label{flex:0 0 150px!important;min-width:140px!important}
#page-projectlist .hf210-projectlist-toolbar .hf228-criterion{flex:1 1 220px!important}
#page-projects .cardhead .toolbar{align-items:center;flex-wrap:wrap}
#page-projects .cardhead .toolbar .hf228-criterion{min-width:180px;flex:1 1 245px}
#page-report #rCriterionField .hf228-criterion{width:100%;max-width:100%}
@media(max-width:760px){#page-projectlist .hf210-projectlist-toolbar .hf228-criterion,#page-projects .cardhead .toolbar .hf228-criterion{flex-basis:100%!important}}

/* HF228 UI positioning correction. The report criterion is a vertically laid-out
   field; unlike Overview/Maintenance it must not inherit a 245px flex-basis. */
#page-report #rCriterionField>.hf228-criterion{
 flex:0 0 auto!important;min-height:0!important;height:auto!important;
 width:100%!important;max-width:100%!important;
}
#page-report #rCriterionField[data-hf228-choice="true"]{
 align-self:end!important;justify-content:flex-end!important;
 min-height:0!important;height:auto!important;gap:3px!important;
}
#page-report #rCriterionField[data-hf228-choice="true"]>.hf228-criterion>.hf228-trigger{
 min-height:40px!important;height:43px!important;
}
/* Picker content is portal-mounted to body so parent toolbar scrolling/overflow
   and fixed-height report/project panels can no longer clip or cover it. */
body>.hf228-menu.hf228-portaled{
 position:fixed!important;top:auto;left:auto;right:auto;
 margin:0!important;width:var(--hf228-portal-width,340px)!important;
 max-width:calc(100vw - 16px)!important;
 z-index:2147483000!important;isolation:isolate;
 overflow:hidden!important;box-sizing:border-box!important;
 background:#fff!important;color:#0f172a!important;
}
body>.hf228-menu.hf228-portaled .hf228-list{
 max-height:var(--hf228-portal-list-height,340px)!important;
 overflow-y:auto!important;overscroll-behavior:contain;
}


/* HF228 performance repair: use browser-native four-way SELECT rather than
   a duplicated body-level menu with resize/scroll/document listeners. */
#page-report #rGroup,#page-projectlist #projectListMode,#page-projects #projectSearchMode{
 position:relative!important;display:block!important;width:100%!important;
 min-width:0!important;max-width:100%!important;height:43px!important;
 flex:0 0 auto!important;opacity:1!important;pointer-events:auto!important;
 clip-path:none!important;overflow:visible!important;
 border:1px solid #c8d9f3!important;border-radius:9px!important;
 background-color:#fff!important;color:#172c47!important;z-index:auto!important;
 font-size:15px!important;box-sizing:border-box!important;
}
#page-report #hf200ReportToolbar .reportfilters>.field:has(#rGroup){min-width:0!important}
#page-projectlist .hf210-projectlist-toolbar .hf227-search-label,#page-projects .cardhead .hf227-search-label{min-width:130px!important}