/* R78-HF224 - scoped, progressive disclosure for report/project overview.
   Keep render target elements and business data in the DOM. */
:is(#page-report,#page-projectlist) .hf224-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 10px;border-bottom:1px solid #e5edf5;background:#f8fbff}
:is(#page-report,#page-projectlist) .hf224-tab{appearance:none;cursor:pointer;border:1px solid #c4d9f1;border-radius:9px;padding:11px 17px;background:#fff;color:#224667;font-size:15px;line-height:1.5;font-weight:750;min-height:46px}
:is(#page-report,#page-projectlist) .hf224-tab:hover{border-color:#7bb2ed;background:#ecf5ff}
:is(#page-report,#page-projectlist) .hf224-tab.active{background:#135bba;border-color:#135bba;color:#fff;box-shadow:0 2px 9px #2563eb24}
:is(#page-report,#page-projectlist) .hf224-tab:focus-visible{outline:3px solid #6ba6ed;outline-offset:2px}
:is(#page-report,#page-projectlist) .hf224-panel[hidden]{display:none!important}
:is(#page-report,#page-projectlist) .hf224-panel{min-width:0}
#page-report #hf224ReportChart .report-chart-card{margin-top:0}
#page-projectlist .hf224-summary-panel .hf223-disclosure,#page-report .hf224-summary-panel .hf223-disclosure{margin:12px 16px 16px!important}
#page-projectlist .hf224-summary-panel .hf223-disclosure>summary,#page-report .hf224-summary-panel .hf223-disclosure>summary{display:none!important}
#page-projectlist #hf224ProjectMaster>.cardhead,#page-report #hf224ReportDetail>.cardhead{border-top:0!important}
/* Risk ranking only: keep all numerical/business columns and 14px font, remove Case ID, tighten spacing. */
#page-executive .r56-risk-panel .r53-table{min-width:1270px!important;width:100%!important;table-layout:auto!important}
#page-executive .r56-risk-panel .r53-table th,#page-executive .r56-risk-panel .r53-table td{padding:10px 7px!important;font-size:14px!important;line-height:1.5!important}
#page-executive .r56-risk-panel .r53-table th{white-space:nowrap!important}
#page-executive .r56-risk-panel .r53-table td:nth-child(3){min-width:195px;max-width:275px;overflow-wrap:anywhere}
#page-executive .r56-risk-panel .r53-table td:nth-child(4),#page-executive .r56-risk-panel .r53-table td:nth-child(5){min-width:70px;overflow-wrap:anywhere}
#page-executive .r56-risk-panel .r53-table :is(.r53-risk,.r53-status){font-size:13px!important}
@media(max-width:760px){:is(#page-report,#page-projectlist) .hf224-tabs{padding:10px 8px;gap:6px}:is(#page-report,#page-projectlist) .hf224-tab{padding:9px 11px;font-size:14px;min-height:42px}}