/* ClaimTrack Core 4.2.77 — approved Potensi Subrogasi reference layout.
 * Scoped exclusively to the content canvas; the app shell (sidebar, topbar,
 * and footer) deliberately keeps its default styling. */
html body .ct-app.ct-view-matrix .ct-subrogation-dashboard{display:none!important}
html body .ct-app.ct-view-matrix .ct-subrogation-reference,
html body .ct-app.ct-view-matrix .ct-subrogation-reference *{box-sizing:border-box}
html body .ct-app.ct-view-matrix .ct-subrogation-reference{
  width:100%;min-width:0;margin:0;padding:22px 17px 26px;
  background:#dbe4ef;color:#122131;font-family:"Segoe UI",Arial,sans-serif;
}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-kicker{
  margin:0 0 11px 4px;color:#52718d;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;
}

/* Summary cards */
html body .ct-app.ct-view-matrix .ct-subrogation-reference-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card{overflow:hidden;min-width:0;border:2px solid #0799d4;border-radius:13px;background:#000;box-shadow:0 4px 9px rgba(24,56,79,.16)}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card header{display:grid;grid-template-columns:minmax(0,1fr) 112px;min-height:55px;color:#fff}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card header h2{display:flex;align-items:center;min-width:0;margin:0;padding:10px 14px;background:#079bd0;color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1.1!important}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card header>div{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;background:#24206d;border-left:2px solid #fff;color:#fff}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card header small{color:#fff;font-size:9px;font-weight:700;line-height:1}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card header strong{color:#fff;font-size:18px;font-weight:800;line-height:1.05;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card ul{display:grid;gap:3px;min-height:104px;margin:0;padding:14px 14px 12px;list-style:none}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:9px;color:#fff;font-size:13px;line-height:1.15}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card li b{color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card li b small{margin-right:7px;color:#fff;font-size:10px;font-weight:500}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-card li em{min-width:52px;color:#e8f5ff;font-size:9px;font-style:normal;text-align:right;white-space:nowrap}

/* Main recovery table, chart, and right rail */
html body .ct-app.ct-view-matrix .ct-subrogation-reference-grid{display:grid;grid-template-columns:minmax(0,2.85fr) minmax(310px,1.2fr);gap:16px;align-items:start}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-main{display:grid;gap:25px;min-width:0}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-main>h2,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr>h2,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative-head h2{margin:0;color:#111!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-panel,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-image,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter{min-width:0;border:1px solid #d4dde5;border-radius:11px;background:#fff;box-shadow:0 4px 11px rgba(29,56,78,.11)}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position{margin-top:-17px;padding:11px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position table{width:100%;min-width:720px;border-collapse:collapse;font-size:10px;line-height:1.15}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position th,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position td{height:24px;padding:4px 5px;border:1px solid #d9e1e7;text-align:right;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position thead th{color:#fff;background:#000;border-color:#eef2f4;font-size:10px;font-weight:800;text-align:center}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position tbody td:first-child{text-align:center}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position tbody td:nth-child(2){text-align:left;color:#516b82}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position tbody tr:nth-child(odd):not(.ct-subrogation-reference-area) td{background:#f5f7fa}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position .ct-subrogation-reference-area th{color:#233c28;background:#dff0cd;border-color:#cae2ba;font-weight:800}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position .ct-subrogation-reference-area th:first-child{text-align:left}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position tfoot th{color:#fff;background:#079bd0;border-color:#079bd0;font-weight:800;text-align:right}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-position tfoot th:first-child{text-align:center}

html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart{padding:16px 12px 14px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 6px 6px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart-head h2{margin:0;color:#111!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart-head span{padding:6px 11px;border-radius:13px;background:#eff9fc;color:#079bd0;font-size:9px;font-weight:700;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart .ct-chart{--ct-chart-primary:#079bd0;--ct-chart-sub:#24206d;--ct-chart-tertiary:#ff7d22;--ct-chart-quaternary:#7f8790;position:relative;height:275px;min-height:275px;margin:0 2px 12px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart .ct-chart svg{width:100%;height:100%;display:block}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart table{width:100%;min-width:760px;border-collapse:collapse;font-size:9px;line-height:1.15}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart th,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart td{padding:5px 4px;border:1px solid #d8e1e9;text-align:center;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart thead th{color:#fff;background:#000;border-color:#fff;font-size:9px;font-weight:800}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart tbody th{color:#fff;background:#24206d;border-color:#39347f;font-weight:800;text-align:left}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart tbody tr:nth-child(even) td{background:#f5f7fa}

html body .ct-app.ct-view-matrix .ct-subrogation-reference-side{display:grid;gap:17px;min-width:0}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr{padding:17px 18px 19px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr>h2{margin-bottom:20px;font-size:15px!important}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr-grid>div{display:grid;min-height:118px;place-items:center;padding:12px 7px;border:1px solid #173b70;border-radius:12px;background:#079bd0;color:#fff;text-align:center}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr-grid strong{font-size:14px;font-weight:800;line-height:1.1}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr-grid span{font-size:34px;font-weight:400;line-height:1}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr p{margin:21px 4px 1px;color:#111;font-size:12px;line-height:1.35}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-image{height:322px;overflow:hidden;padding:0}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter{display:grid;grid-template-columns:1fr auto;gap:12px 16px;padding:18px 20px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter label{display:grid;grid-column:1;gap:6px;color:#55738e;font-size:10px;font-weight:800}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter select{width:100%;height:40px;padding:0 11px;border:1px solid #d6dfe7;border-radius:6px;background:#fff;color:#415972;font:500 11px "Segoe UI",Arial,sans-serif}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter p{grid-column:1;margin:-7px 0 0;color:#111;font-size:13px;line-height:1}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter button{align-self:end;grid-column:2;grid-row:1 / span 3;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:101px;height:37px;margin-bottom:7px;border:0;border-radius:5px;background:#24206d;color:#fff;font-size:11px;font-weight:700;cursor:pointer}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter button:hover,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter button:focus-visible{background:#079bd0;outline:0}

/* Nominative table */
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative{width:100%;margin:25px 0 0;padding:0}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 6px 10px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative-head span{color:#66829a;font-size:10px;line-height:1.2;text-align:right}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative .ct-subrogation-reference-panel{padding:11px}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative table{width:100%;min-width:1000px;border-collapse:collapse;font-size:10px;line-height:1.15}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative th,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative td{padding:6px 7px;border:1px solid #d7e1e8;white-space:nowrap}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative thead th{color:#fff;background:#000;border-color:#fff;font-size:10px;font-weight:800;text-align:center}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative tbody td{text-align:left;color:#4e667b}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative tbody td:first-child,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative tbody td:nth-child(2){text-align:center}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative tbody td:last-child{text-align:right;font-variant-numeric:tabular-nums}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative tbody tr:nth-child(odd):not(.ct-ref-nominative-total-row) td{background:#f5f7fa}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative .ct-ref-nominative-total-row td{height:20px;padding:3px 7px;color:#fff!important;background:#4d9acd!important;border-color:#4d9acd!important;font-weight:800}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative [data-ct-nominative-empty] td{text-align:center;color:#6c7f90;font-style:italic}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-download{display:inline-flex;align-items:center;justify-content:center;min-width:89px;height:34px;margin-top:13px;padding:0 16px;border:0;border-radius:5px;background:#18a75b;color:#fff;font-size:10px;font-weight:800;cursor:pointer}
html body .ct-app.ct-view-matrix .ct-subrogation-reference-download:hover,
html body .ct-app.ct-view-matrix .ct-subrogation-reference-download:focus-visible{background:#0c8c49;outline:0}

@media(max-width:1280px){
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-grid{grid-template-columns:minmax(0,1fr) 330px}
}
@media(max-width:1050px){
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-grid{grid-template-columns:1fr}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-image{height:290px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-filter{grid-column:1/-1}
}
@media(max-width:700px){
  html body .ct-app.ct-view-matrix .ct-subrogation-reference{padding:16px 10px 20px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-summary{grid-template-columns:1fr;gap:10px;margin-bottom:18px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-card header{grid-template-columns:minmax(0,1fr) 104px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-card ul{min-height:0}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-main{gap:17px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-position{margin-top:-10px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-chart .ct-chart{height:230px;min-height:230px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-side{grid-template-columns:1fr;gap:13px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-image{height:260px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr-grid>div{min-height:100px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-srr-grid span{font-size:28px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative{margin-top:18px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative-head{display:block;margin-left:2px}
  html body .ct-app.ct-view-matrix .ct-subrogation-reference-nominative-head span{display:block;margin-top:5px;text-align:left}
}