/* R78-HF211: HF210 inherited compact layouts + project-maintenance single-row toolbar. */
#hf200ReportToolbar{display:grid!important;grid-template-columns:auto minmax(180px,240px) minmax(300px,1fr) repeat(3,minmax(82px,auto)) auto!important;gap:8px 10px!important;align-items:end!important;padding:10px 14px!important;border-bottom:1px solid #e7edf5!important;background:#fff!important;min-height:0!important}
#hf200ReportToolbar .reportfilters{display:contents!important;padding:0!important;border:0!important;background:transparent!important}
#hf200ReportToolbar .summarybox{display:contents!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#hf200ReportToolbar .reportfilters>.field{margin:0!important;min-width:0!important}
#hf200ReportToolbar .reportfilters>.field:first-of-type{min-width:180px!important}
#hf200ReportToolbar #rCriterionField{min-width:280px!important}
#hf200ReportToolbar .reportfilters .help{display:none!important}
#hf200ReportToolbar select,#hf200ReportToolbar input{min-height:40px!important;height:40px!important;padding-top:6px!important;padding-bottom:6px!important}
#hf200ReportToolbar .summarymetric{min-width:76px!important;padding:0 2px 2px!important}
#hf200ReportToolbar .summarymetric span{font-size:10px!important;white-space:nowrap!important;line-height:1.15!important}
#hf200ReportToolbar .summarymetric b{font-size:20px!important;line-height:1.05!important;margin-top:4px!important}
#hf200ReportToolbar>.summarybox>.btn,#hf200ReportToolbar>.btn{flex:0 0 auto!important;min-height:40px!important;height:40px!important;white-space:nowrap!important;margin-bottom:0!important}
.hf200-report-scope,.hf197-project-scope{display:inline-flex!important;align-items:stretch!important;gap:4px!important;padding:3px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background:#f8fafc!important;white-space:nowrap!important;min-height:40px!important;box-sizing:border-box!important}
.hf200-report-scope{margin-bottom:0!important}
.hf200-report-scope button,.hf197-project-scope button{border:0!important;background:transparent!important;color:#475569!important;border-radius:8px!important;padding:0 14px!important;font:inherit!important;font-weight:800!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;height:32px!important;line-height:1!important}
.hf200-report-scope button.is-active,.hf197-project-scope button.is-active{background:#0f766e!important;color:#fff!important;box-shadow:0 1px 4px rgba(15,118,110,.22)!important}
#page-report>.hf200-report-hero{margin-bottom:6px!important;padding-bottom:4px!important;min-height:0!important}
#page-report>.card{margin-top:0!important}
#page-report .report-chart-card{padding-top:12px!important}

body #page-projects.hf186-page>.card{margin-top:8px!important}
/* R78-HF211: project maintenance header is one authoritative non-wrapping row. */
body #page-projects.hf186-page>.card>.cardhead{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;padding:10px 12px!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}
body #page-projects.hf186-page>.card>.cardhead>div:first-child{flex:0 0 auto!important;min-width:190px!important;max-width:225px!important}
body #page-projects.hf186-page>.card>.cardhead .cardtitle{line-height:1.2!important;white-space:nowrap!important}
body #page-projects.hf186-page>.card>.cardhead .cardtitle.hf189-title-with-audit{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
body #page-projects.hf186-page>.card>.cardhead .cardsub{display:none!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar{display:flex!important;flex:1 1 auto!important;min-width:760px!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:auto!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar>.hf197-project-scope{flex:0 0 auto!important;height:40px!important;min-height:40px!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar>.search{flex:1 1 320px!important;min-width:220px!important;max-width:none!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar .search input{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;box-sizing:border-box!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar>#projectStatus{flex:0 0 132px!important;width:132px!important;min-width:132px!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar>#hf186ProjectSort{flex:0 0 120px!important;width:120px!important;min-width:120px!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar>#hf186ProjectPageSize{flex:0 0 96px!important;width:96px!important;min-width:96px!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar select{min-height:40px!important;height:40px!important;padding:6px 8px!important;box-sizing:border-box!important}
body #page-projects.hf186-page>.card>.cardhead .toolbar input{box-sizing:border-box!important}
@media(max-width:1320px){
 body #page-projects.hf186-page>.card>.cardhead>div:first-child{min-width:172px!important;max-width:195px!important}
 body #page-projects.hf186-page>.card>.cardhead .toolbar{min-width:720px!important}
 body #page-projects.hf186-page>.card>.cardhead .toolbar>.search{min-width:190px!important}
}

/* Project overview HF210 revision: every blue-box control stays in one row on desktop. */
#page-projectlist>.card{margin-top:8px!important}
#page-projectlist>.card>.cardhead.hf210-projectlist-head{display:flex!important;align-items:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;padding:10px 12px!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}
#page-projectlist .hf210-projectlist-title{flex:0 1 220px!important;min-width:175px!important;max-width:240px!important;align-self:center!important;overflow:hidden!important}
#page-projectlist .hf210-projectlist-title .cardtitle{line-height:1.15!important;white-space:nowrap!important}
#page-projectlist .hf210-projectlist-title .cardsub{margin-top:2px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-projectlist .hf210-projectlist-toolbar{display:flex!important;align-items:flex-end!important;gap:8px!important;flex:1 1 auto!important;min-width:900px!important;flex-wrap:nowrap!important}
#page-projectlist .hf210-projectlist-toolbar>.search{flex:1 1 280px!important;min-width:220px!important;max-width:none!important}
#page-projectlist .hf210-projectlist-toolbar>.search input{width:100%!important;min-width:0!important;height:40px!important;box-sizing:border-box!important}
#page-projectlist .hf210-projectlist-toolbar>#projectListStatus{flex:0 0 118px!important;width:118px!important;min-width:118px!important;height:40px!important;box-sizing:border-box!important}
#page-projectlist .hf210-projectlist-field{margin:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
#page-projectlist .hf210-projectlist-field label{margin:0!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
#page-projectlist .hf210-projectlist-group{flex:0 0 135px!important;width:135px!important}
#page-projectlist .hf210-projectlist-date{flex:0 0 145px!important;width:145px!important}
#page-projectlist .hf210-projectlist-field select,#page-projectlist .hf210-projectlist-field input{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:6px 8px!important;box-sizing:border-box!important}
#page-projectlist .hf210-projectlist-period{flex:0 0 88px!important;width:88px!important;height:40px!important;min-height:40px!important;padding:0 8px!important;white-space:nowrap!important;margin:0!important}
#page-projectlist .hours-analysis{padding:0 12px 12px!important}

/* Project overview: red-box metrics are one row on desktop. */
#page-projectlist .summarybox.neon-summary{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px 12px!important;padding:10px 14px!important;margin:8px 0!important;border-radius:12px!important;min-height:0!important}
#page-projectlist .summarymetric{min-width:0!important}
#page-projectlist .summarymetric span{font-size:10px!important;line-height:1.15!important;white-space:nowrap!important}
#page-projectlist .summarymetric b{font-size:18px!important;line-height:1.05!important;margin-top:4px!important}
#page-projectlist .role-stack-legend{padding:0 2px 10px!important;gap:8px 14px!important;font-size:12px!important}
#page-projectlist .role-stack-legend span{line-height:1.25!important}

@media(max-width:1320px){
 #hf200ReportToolbar{grid-template-columns:auto minmax(180px,1fr) minmax(260px,1.4fr) repeat(3,minmax(76px,auto)) auto!important}
 #page-projectlist .hf210-projectlist-title{flex-basis:190px!important;min-width:160px!important}
 #page-projectlist .hf210-projectlist-toolbar{min-width:860px!important}
 #page-projectlist .hf210-projectlist-group{flex-basis:125px!important;width:125px!important}
 #page-projectlist .hf210-projectlist-date{flex-basis:135px!important;width:135px!important}
}
@media(max-width:1100px){
 #hf200ReportToolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hf200-report-scope{grid-column:1/-1!important;justify-self:start!important}
 #page-projectlist .summarybox.neon-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
 #page-projectlist .summarybox.neon-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}