/* R78-HF223: review-only presentation for project grouping, project masters, report summaries and time detail.
   Layout/accessibility only. No changes to business computation or permissions. */
#page-projectlist .hf223-disclosure, #page-report .hf223-disclosure {
 margin:12px 16px 14px; border:1px solid #d9e6f4; border-radius:12px;
 background:#fff; overflow:clip;
}
#page-projectlist .hf223-disclosure > summary, #page-report .hf223-disclosure > summary {
 cursor:pointer;list-style:revert;display:list-item;padding:14px 18px;
 font-size:16px;line-height:1.6;font-weight:800;color:#163554;
 background:#f5f9fe;user-select:none;
}
#page-projectlist .hf223-disclosure > summary:hover, #page-report .hf223-disclosure > summary:hover {
 background:#ecf5ff;
}
#page-projectlist .hf223-disclosure > summary:focus-visible, #page-report .hf223-disclosure > summary:focus-visible {
 outline:3px solid #3b82f6;outline-offset:-3px;
}
#page-projectlist .hf223-disclosure .hf223-fold-note, #page-report .hf223-disclosure .hf223-fold-note {
 display:inline; margin-left:12px;font-size:13px;line-height:1.55;color:#64748b;font-weight:500;
}
#page-projectlist #hf223ProjectSummaryDisclosure .case-summary {margin-top:0!important;max-height:440px!important;}
#page-report #hf223ReportSummaryDisclosure #groupCards {padding:16px!important;gap:12px!important;}
#page-report #hf223ReportSummaryDisclosure .groupcard {padding:15px!important;line-height:1.5!important;}
#page-report #hf223ReportSummaryDisclosure .groupcard b {font-size:15px!important;line-height:1.55!important;color:#1e3554!important;}
#page-report #hf223ReportSummaryDisclosure .groupcard small {font-size:14px!important;line-height:1.55!important;color:#475569!important;}
#page-report #hf223ReportSummaryDisclosure .group-customer-full{font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere;}
/* The original tables remain in the DOM and retain live update handlers and scrolling. */
#page-projectlist #hf223ProjectSummaryDisclosure table,
#page-projectlist #hf223ProjectMasterTable table,
#page-report #hf223ReportDetailTable table {border-collapse:separate;border-spacing:0;line-height:1.55!important;}
#page-projectlist #hf223ProjectSummaryDisclosure :is(th,td),
#page-projectlist #hf223ProjectMasterTable :is(th,td),
#page-report #hf223ReportDetailTable :is(th,td) {
 font-size:14px!important;line-height:1.55!important;padding:12px 11px!important;vertical-align:middle;
}
#page-projectlist #hf223ProjectSummaryDisclosure th,
#page-projectlist #hf223ProjectMasterTable th,
#page-report #hf223ReportDetailTable th {font-size:13.5px!important;font-weight:800!important;white-space:nowrap;}
#page-projectlist #hf223ProjectSummaryDisclosure .role-pill,
#page-projectlist #hf223ProjectMasterTable .role-pill,
#page-report #hf223ReportDetailTable .case-chip,
#page-projectlist #hf223ProjectSummaryDisclosure .case-chip,
#page-projectlist #hf223ProjectMasterTable .case-chip {
 font-size:13px!important;line-height:1.45!important;padding:5px 10px!important;
}
#page-projectlist #hf223ProjectMasterTable :is(.project-full-customer,.project-full-name,.full-customer-cell,.full-project-cell),
#page-projectlist #hf223ProjectSummaryDisclosure :is(.full-customer-cell,.full-project-cell,.case-name-history),
#page-report #hf223ReportDetailTable :is(.full-customer-cell,.full-project-cell) {
 font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere;white-space:normal!important;
}
#page-projectlist #hf223ProjectMasterTable :is(.cardsub,.project-context,.project-schedule-range small),
#page-projectlist #hf223ProjectSummaryDisclosure .cardsub,
#page-report #hf223ReportDetailTable .cardsub {
 font-size:13px!important;line-height:1.55!important;
}
#page-report #hf223ReportDetailTable td:nth-child(1),
#page-report #hf223ReportDetailTable td:nth-child(6) {white-space:nowrap;font-variant-numeric:tabular-nums;}
#page-report #hf223ReportDetailTable td:nth-child(7) {min-width:210px;max-width:420px;white-space:pre-wrap;overflow-wrap:anywhere;}
#page-report #hf223ReportDetailTable td:nth-child(8) {min-width:80px;text-align:center;}
#page-report #hf223ReportDetailTable .ibtn {min-width:33px;min-height:33px;font-size:15px!important;}
#page-report #hf223ReportDetailTable table {min-width:1210px!important;}
#page-projectlist #hf223ProjectMasterTable .project-master-table {min-width:1980px!important;}
#page-projectlist #hf223ProjectMasterTable {max-height:65vh!important;}
#page-report #hf223ReportDetailTable {max-height:66vh!important;}
#page-projectlist #hf223ProjectSummaryDisclosure .case-summary table {min-width:1250px!important;}
#page-report .cardhead:has(+ #hf223ReportDetailTable) .cardtitle,
#page-projectlist .cardhead:has(+ #hf223ProjectMasterTable) .cardtitle {font-size:18px!important;}
#page-report .cardhead:has(+ #hf223ReportDetailTable) .cardsub,
#page-projectlist .cardhead:has(+ #hf223ProjectMasterTable) .cardsub {font-size:13px!important;line-height:1.55!important;}
@media(max-width:760px){
 #page-projectlist .hf223-disclosure, #page-report .hf223-disclosure {margin:12px 8px;}
 #page-projectlist .hf223-disclosure .hf223-fold-note, #page-report .hf223-disclosure .hf223-fold-note {display:block;margin-left:0;}
}


/* R78-HF230: audited compact, non-overlapping table geometry. Retain natural
   font sizes and scroll INSIDE the existing viewport. No data/ACL logic. */
#page-projectlist #hf223ProjectMasterTable,
#page-projectlist #hf223ProjectSummaryDisclosure .case-summary,
#page-report #hf223ReportDetailTable {width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:auto!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table.project-master-table {
 table-layout:fixed!important; width:3230px!important;min-width:3230px!important;max-width:none!important;
 border-collapse:separate!important;border-spacing:0!important;
}
/* One stable width per master column, especially context and owners at far right. */
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(1) {width:150px!important;min-width:150px!important;max-width:150px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(2) {width:220px!important;min-width:220px!important;max-width:220px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(3) {width:330px!important;min-width:330px!important;max-width:330px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(4) {width:100px!important;min-width:100px!important;max-width:100px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(5) {width:210px!important;min-width:210px!important;max-width:210px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(6) {width:230px!important;min-width:230px!important;max-width:230px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(7) {width:110px!important;min-width:110px!important;max-width:110px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(8) {width:110px!important;min-width:110px!important;max-width:110px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(9) {width:115px!important;min-width:115px!important;max-width:115px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(10) {width:115px!important;min-width:115px!important;max-width:115px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(11) {width:100px!important;min-width:100px!important;max-width:100px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(12) {width:100px!important;min-width:100px!important;max-width:100px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(13) {width:420px!important;min-width:420px!important;max-width:420px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(14) {width:220px!important;min-width:220px!important;max-width:220px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(15) {width:150px!important;min-width:150px!important;max-width:150px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(16) {width:150px!important;min-width:150px!important;max-width:150px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(17) {width:150px!important;min-width:150px!important;max-width:150px!important;box-sizing:border-box!important;}
#page-projectlist #hf223ProjectMasterTable table :is(th,td):nth-child(18) {width:250px!important;min-width:250px!important;max-width:250px!important;box-sizing:border-box!important;}

#page-projectlist #hf223ProjectMasterTable :is(th,td),
#page-projectlist #hf223ProjectSummaryDisclosure :is(th,td),
#page-report #hf223ReportDetailTable :is(th,td) {
 padding:8px 10px!important;line-height:1.35!important;vertical-align:middle!important;overflow:visible!important;
}
#page-projectlist #hf223ProjectMasterTable :is(td,th) {word-break:normal!important;overflow-wrap:normal!important;}
#page-projectlist #hf223ProjectMasterTable td:not(:nth-child(13)) {white-space:nowrap!important;}
#page-projectlist #hf223ProjectMasterTable .project-context {width:100%;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.45!important;}
#page-projectlist #hf223ProjectMasterTable .project-context b {white-space:nowrap!important;}
#page-projectlist #hf223ProjectMasterTable .person {display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;white-space:nowrap!important;gap:4px!important;}
#page-projectlist #hf223ProjectMasterTable .project-full-name,
#page-projectlist #hf223ProjectMasterTable .project-full-customer,
#page-projectlist #hf223ProjectMasterTable .project-schedule-range {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;}
#page-projectlist #hf223ProjectMasterTable .role-pill {white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:62px!important;}
#page-projectlist #hf223ProjectSummaryDisclosure .case-summary table {
 table-layout:auto!important;width:max-content!important;min-width:100%!important;max-width:none!important;
 border-collapse:separate!important;
}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(1){width:130px!important;min-width:130px!important;max-width:130px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(2){width:365px!important;min-width:365px!important;max-width:365px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(3){width:295px!important;min-width:295px!important;max-width:295px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(4){width:105px!important;min-width:105px!important;max-width:105px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(5){width:105px!important;min-width:105px!important;max-width:105px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(6){width:105px!important;min-width:105px!important;max-width:105px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(7){width:110px!important;min-width:110px!important;max-width:110px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(8){width:110px!important;min-width:110px!important;max-width:110px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(9){width:95px!important;min-width:95px!important;max-width:95px!important;box-sizing:border-box!important;white-space:nowrap!important;}
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(10){width:105px!important;min-width:105px!important;max-width:105px!important;box-sizing:border-box!important;white-space:nowrap!important;}

#page-projectlist #hf223ProjectSummaryDisclosure .hf230-combo,
#page-projectlist #hf223ProjectSummaryDisclosure .hf230-name,
#page-projectlist #hf223ProjectSummaryDisclosure .hf230-project,
#page-projectlist #hf223ProjectSummaryDisclosure .case-name-history,
#page-projectlist #hf223ProjectSummaryDisclosure .full-customer-cell,
#page-projectlist #hf223ProjectSummaryDisclosure .full-project-cell {
 display:inline!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;
 font-size:14px!important;line-height:1.35!important;
}
#page-projectlist #hf223ProjectSummaryDisclosure .hf230-project::before {content:' ｜ ';color:#64748b;}
#page-projectlist #hf223ProjectSummaryDisclosure :is(.role-pill,.case-chip),
#page-projectlist #hf223ProjectMasterTable :is(.role-pill,.case-chip) {
 display:inline-flex!important;white-space:nowrap!important;word-break:keep-all!important;min-width:0!important;
}
#page-projectlist #hf223ProjectSummaryDisclosure table td:nth-child(3) .case-name-history {
 display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#page-report #hf223ReportDetailTable table {
 table-layout:auto!important;width:max-content!important;min-width:100%!important;max-width:none!important;
 border-collapse:separate!important;
}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(1){width:110px!important;min-width:110px!important;max-width:110px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(2){width:155px!important;min-width:155px!important;max-width:155px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(3){width:165px!important;min-width:165px!important;max-width:165px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(4){width:240px!important;min-width:240px!important;max-width:240px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(5){width:285px!important;min-width:285px!important;max-width:285px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(6){width:85px!important;min-width:85px!important;max-width:85px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(7){width:340px!important;min-width:340px!important;max-width:340px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(8){width:80px!important;min-width:80px!important;max-width:80px!important;box-sizing:border-box!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;}

#page-report #hf223ReportDetailTable :is(.person,.full-customer-cell,.full-project-cell,.case-chip) {
 display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;
 white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;gap:4px!important;
}
#page-report #hf223ReportDetailTable td:nth-child(7) {
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#page-report #hf223ReportDetailTable td:nth-child(7) * {white-space:nowrap!important;}
#page-projectlist .hf224-solid-tabs .hf230-date-range,
#page-report .hf224-solid-tabs .hf230-date-range {
 margin-left:auto!important;display:inline-flex;align-items:center;align-self:center;
 white-space:nowrap;max-width:100%;min-width:0;font-size:13px;line-height:1.35;
 font-weight:700;color:#315170;padding:5px 9px;border-radius:7px;
 background:#eaf3fd;border:1px solid #cfe0f4;font-variant-numeric:tabular-nums;
}
@media(max-width:1100px){
 #page-projectlist .hf224-solid-tabs .hf230-date-range,
 #page-report .hf224-solid-tabs .hf230-date-range{margin-left:0!important;font-size:12px;white-space:normal;}
}

/* HF230: never squeeze joined customer/project names into adjacent columns. */
#page-projectlist #hf223ProjectSummaryDisclosure table :is(th,td):nth-child(2){width:auto!important;min-width:350px!important;max-width:none!important;}

/* Preserve complete single-line values; expand the scrollable table instead of clipping customer, project or note text. */
#page-report #hf223ReportDetailTable table :is(th,td):nth-child(4),#page-report #hf223ReportDetailTable table :is(th,td):nth-child(5),#page-report #hf223ReportDetailTable table :is(th,td):nth-child(7){width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;}