/* R78-HF226 — targeted report/project/tender layout regression corrections.
   Maintain 14px detail fonts; use bounded panels and independent scrolling. */
:root{--hf226-view-height:var(--hf225-view-height,calc(100dvh - 100px))}
#appView .content > .page.active:is(#page-report,#page-projectlist,#page-tenderawards){
 box-sizing:border-box!important;height:var(--hf226-view-height)!important;
 max-height:var(--hf226-view-height)!important;min-height:0!important;
 margin-bottom:0!important;padding-bottom:0!important;overflow:hidden!important;
}
#appView .content > .page.active:is(#page-report,#page-projectlist) > .card{
 flex:1 1 0!important;min-height:0!important;overflow:hidden!important;
 display:flex!important;flex-direction:column!important;
}
/* HF200 moves reportfilters and summary metrics into the live toolbar. HF225
   styled the old direct children, allowing this dynamic toolbar to shrink and
   overlap the three view buttons. Keep the whole toolbar in ordinary flow. */
#page-report > .card > #hf200ReportToolbar{
 position:relative!important;z-index:8!important;flex:0 0 auto!important;
 min-height:72px!important;max-height:none!important;overflow:visible!important;
 box-sizing:border-box!important;margin:0!important;
 display:grid!important;grid-template-columns:auto minmax(170px,1fr) minmax(260px,2fr) repeat(3,minmax(72px,.48fr)) auto!important;
 gap:7px 9px!important;align-items:end!important;padding:8px 12px!important;
}
#page-report #hf200ReportToolbar .reportfilters,#page-report #hf200ReportToolbar .summarybox{display:contents!important}
#page-report #hf200ReportToolbar .reportfilters > input[type="hidden"]{display:none!important}
#page-report #hf200ReportToolbar .reportfilters > .field{min-width:0!important;margin:0!important}
#page-report #hf200ReportToolbar #rCriterionField{min-width:0!important}
#page-report #hf200ReportToolbar :is(#hf221PersonSelector,#hf221PersonToggle,#r56CriterionInput,#rCriterionSelect){max-width:100%;min-width:0;box-sizing:border-box}
#page-report #hf200ReportToolbar .hf200-report-scope[hidden]{display:none!important}
#page-report > .card > .reportfilters,#page-report > .card > .summarybox{flex:0 0 auto!important;overflow:visible!important}
#page-report > .card > .hf224-solid-tabs,#page-projectlist > .card > .hf224-solid-tabs{
 position:relative!important;z-index:1!important;flex:0 0 auto!important;
 clear:both!important;margin-top:0!important;min-height:48px!important;
}
#page-report > .card > .report-chart-card,
#page-projectlist > .card > .hours-analysis{min-height:0!important;flex:1 1 0!important;overflow:hidden!important}
#page-report[data-hf224-active="detail"] #hf223ReportDetailTable,
#page-projectlist[data-hf224-active="master"] #hf223ProjectMasterTable{
 flex:1 1 0!important;min-height:0!important;max-height:none!important;
 overflow:auto!important;scrollbar-gutter:stable;
}
/* Chart rows remain fully readable; scroll WITHIN chart area. */
#page-report[data-hf224-active="chart"] #personalProjectHoursChart,
#page-projectlist[data-hf224-active="chart"] #managerProjectHoursChart{
 flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow:auto!important;
}
/* Restore chart label/breakdown spacing where HF225 view height was clipped. */
#page-report .report-chart-card{margin:0!important}
#page-report #hf223ReportSummaryDisclosure{max-height:100%!important}
/* Project master: protect columns against content collision while reducing
   row whitespace without reducing the 14px content font. */
#page-projectlist #hf223ProjectMasterTable{position:relative;box-sizing:border-box}
#page-projectlist #hf223ProjectMasterTable .project-master-table{table-layout:fixed!important;min-width:2000px!important;border-collapse:separate!important;border-spacing:0!important}
#page-projectlist #hf223ProjectMasterTable :is(td,th){
 box-sizing:border-box!important;min-width:0;max-width:none!important;
 padding:8px 9px!important;font-size:14px!important;line-height:1.45!important;
 overflow-wrap:anywhere!important;word-break:normal!important;vertical-align:middle!important;
}
#page-projectlist #hf223ProjectMasterTable tbody tr{height:auto!important;min-height:0!important}
#page-projectlist #hf223ProjectMasterTable td>div{max-width:100%;overflow-wrap:anywhere}
#page-projectlist #hf223ProjectMasterTable .case-chip{white-space:nowrap!important;font-size:13px!important}
#page-projectlist[data-hf224-active="master"] .hours-analysis{display:none!important}
#page-projectlist[data-hf224-active="master"] .hf224-project-master-head{
 flex:0 0 auto!important;padding:5px 12px!important;min-height:0!important;
}
/* Tender query: both major cards ALWAYS occupy the available display height.
   Each card scrolls its own results; the page never needs outer scrolling. */
#appView .content > #page-tenderawards.page.active{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:minmax(0,41fr) minmax(0,59fr)!important;
 align-content:stretch!important;gap:6px!important;
}
#page-tenderawards > .hero{display:none!important}
#page-tenderawards > .card:nth-child(2),#page-tenderawards > .card:nth-child(3){
 display:flex!important;flex-direction:column!important;
 min-width:0!important;min-height:0!important;height:100%!important;
 max-height:100%!important;overflow:hidden!important;margin:0!important;
}
#page-tenderawards > .card:nth-child(2){grid-row:1!important}
#page-tenderawards > .card:nth-child(3){grid-row:2!important}
#page-tenderawards > .card > .cardhead{flex:0 0 auto!important;padding:6px 11px!important;min-height:0!important}
#page-tenderawards > .card:nth-child(2) > .bodypad{
 flex:0 0 auto!important;min-height:0!important;max-height:60%!important;
 padding:6px 11px!important;overflow-y:auto!important;
}
#page-tenderawards .hf62-award-search-grid{gap:5px 8px!important}
#page-tenderawards .hf62-award-actions{margin-top:4px!important;gap:5px!important}
#page-tenderawards .hf62-award-tablewrap{
 flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow:auto!important;
}
#page-tenderawards > .card:nth-child(3) > .bodypad{
 flex:1 1 0!important;min-height:0!important;max-height:none!important;
 overflow-y:auto!important;padding:6px 11px!important;
}
#page-tenderawards .hf64-batch-entry{margin-bottom:4px!important;padding:6px 8px!important}
#page-tenderawards #hf64TenderBatchText{min-height:52px!important;max-height:110px!important;resize:vertical}
#page-tenderawards .hf64-batch-results{max-height:150px!important;margin-top:5px!important}
#page-tenderawards .hf64-batch-actions{margin-top:4px!important;gap:5px!important}
#page-tenderawards :is(.hf62-award-table,.hf64-batch-results) thead th{position:sticky;top:0;z-index:2}
@media(max-width:1350px){
 #page-report > .card > #hf200ReportToolbar{grid-template-columns:minmax(140px,auto) minmax(150px,1fr) minmax(220px,2fr) repeat(3,minmax(63px,1fr)) auto!important;gap:6px!important;padding:7px 9px!important}
}
@media(max-width:1000px){
 #page-report > .card > #hf200ReportToolbar{grid-template-columns:auto minmax(0,1fr) minmax(0,2fr)!important;gap:6px 8px!important}
 #page-report #hf200ReportToolbar>.summarybox{display:contents!important}
 #page-report #hf200ReportToolbar .summarymetric{padding:2px 4px!important}
 #page-projectlist #hf223ProjectMasterTable .project-master-table{min-width:1980px!important}
}
@media(max-width:700px){
 #page-report > .card > #hf200ReportToolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important}
 #page-report #hf200ReportToolbar #rCriterionField{grid-column:1/-1}
 #appView .content > #page-tenderawards.page.active{grid-template-rows:minmax(0,44fr) minmax(0,56fr)!important}
}
@media(max-height:780px){
 #page-report > .card > #hf200ReportToolbar{padding:4px 8px!important;min-height:0!important}
 #page-tenderawards > .card > .cardhead{padding:4px 9px!important}
 #page-tenderawards .hf64-batch-entry{padding:4px 7px!important}
}
@media print{
 #appView .content > .page.active:is(#page-report,#page-projectlist,#page-tenderawards){height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}
 #page-tenderawards > .card:nth-child(2),#page-tenderawards > .card:nth-child(3){height:auto!important;overflow:visible!important}
}