.ct-monitor{--mon-navy:var(--ct-ref-navy,#0c2545);--mon-green:var(--ct-ref-green,#229e55);display:grid;gap:20px;padding:20px;min-width:0;color:#21354d}.ct-monitor *{box-sizing:border-box}.ct-mon-hero{background:var(--mon-navy);color:white;border-radius:18px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ct-mon-hero h2{font-size:clamp(22px,3vw,30px);margin:8px 0;color:white;line-height:1.25}.ct-mon-hero p{margin:0;color:#dae5f3;max-width:660px;line-height:1.6}.ct-mon-eyebrow{font-size:11px;letter-spacing:2px;color:#a9cbeb;font-weight:700}.ct-mon-hero>.dashicons{width:60px;height:60px;font-size:60px;color:#64d598}.ct-mon-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ct-mon-kpis article{background:var(--ct-ref-panel,#fff);border:1px solid #dbe5ed;border-top:4px solid var(--mon-green);border-radius:14px;padding:22px;box-shadow:0 4px 15px #0c254508}.ct-mon-kpis span{font-size:12px;color:#53657a;display:block}.ct-mon-kpis strong{font-size:clamp(20px,2.3vw,30px);display:block;margin-top:10px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ct-mon-info{font-size:13px;line-height:1.6;padding:13px 18px;background:#eef5ff;border-left:3px solid #4678b4;border-radius:8px;margin:0;color:#344f70}.ct-mon-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.ct-monitor label{display:grid;gap:8px;font-size:13px;font-weight:600}.ct-mon-filter label:first-child{flex:1;min-width:200px}.ct-monitor input,.ct-monitor select,.ct-monitor textarea{width:100%;border:1px solid #bfccda;padding:11px 12px;border-radius:8px;background:#fff;color:#21354d;font:inherit;min-height:44px}.ct-monitor button{border:0;background:var(--ct-ref-blue,#0f4277);color:white;padding:12px 20px;border-radius:8px;cursor:pointer;font:inherit;font-weight:600;min-height:44px}.ct-monitor a{color:#0f5795;font-weight:600}.ct-mon-filter>a{padding:13px 6px}.ct-mon-panel{background:var(--ct-ref-panel,#fff);border:1px solid #dbe5ed;border-radius:16px;padding:22px;min-width:0;box-shadow:0 6px 20px #0c254507}.ct-mon-panel h3{margin:0 0 16px;font-size:18px}.ct-mon-panel>p{color:#53657a;font-size:13px}.ct-mon-panel-head{display:flex;justify-content:space-between;gap:16px}.ct-mon-panel-head>span{font-size:12px;color:#53657a}.ct-mon-table{overflow:auto;max-height:650px;border:1px solid #dbe5ed;border-radius:10px}.ct-mon-table table{border-collapse:collapse;min-width:1100px;width:100%;font-size:13px}.ct-mon-table th{background:var(--ct-ref-blue,#0f4277);color:white;text-align:left;position:sticky;top:0;z-index:1;font-size:11px;letter-spacing:.25px;padding:15px 12px;white-space:nowrap}.ct-mon-table td{padding:15px 12px;border-bottom:1px solid #e3eaf1;vertical-align:top;min-width:110px;max-width:280px;overflow-wrap:anywhere}.ct-mon-table tbody tr:nth-child(even){background:#f6f9fc}.ct-mon-table tbody tr:hover{background:#edf5fc}.ct-mon-badge{display:inline-block;background:#e7f1fb;color:#245783;padding:5px 9px;border-radius:6px;font-size:11px;line-height:1.5}.ct-mon-badge.ct-mon-danger{background:#fff0ec;color:#a12d1b}.ct-mon-table meter{display:block;width:100px;height:10px;margin-top:6px;accent-color:var(--mon-green)}.ct-mon-leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ct-mon-leaders article{background:linear-gradient(130deg,#fff,#edf7f2);border:1px solid #cbded4;border-radius:14px;padding:24px}.ct-mon-leaders article:first-child{border-top:4px solid #d3ac4b}.ct-mon-leaders small{font-size:10px;letter-spacing:1.5px;color:#526c60}.ct-mon-leaders h3{margin:12px 0;font-size:18px}.ct-mon-leaders strong{font-size:32px;color:#16653b}.ct-mon-leaders p{margin-bottom:0;font-size:12px;color:#53657a}.ct-mon-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ct-mon-form-actions{grid-column:1/-1;display:flex;gap:20px;align-items:center}.ct-monitor .ct-mon-check{display:flex;align-items:center;font-weight:400}.ct-mon-check input{width:18px;min-height:18px;height:18px}.ct-mon-delete{margin-top:12px;color:#a12d1b}.ct-mon-delete summary{cursor:pointer}.ct-monitor .ct-mon-delete-btn{background:#a12d1b;padding:8px}.ct-mon-delete p{font-size:12px}.ct-mon-delete form{min-width:150px}.ct-monitor :focus-visible{outline:3px solid #2393e5;outline-offset:3px}@media(max-width:1100px){.ct-mon-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-mon-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ct-monitor{padding:12px;gap:14px}.ct-mon-hero{padding:22px}.ct-mon-hero>.dashicons{display:none}.ct-mon-kpis{gap:10px}.ct-mon-kpis article{padding:15px}.ct-mon-leaders,.ct-mon-form{grid-template-columns:1fr}.ct-mon-panel{padding:16px}.ct-mon-filter label{width:100%}.ct-mon-filter button{flex:1}.ct-monitor input,.ct-monitor select,.ct-monitor textarea{font-size:16px}.ct-mon-table{max-height:520px}}@media print{.ct-mon-filter,.ct-mon-form,.ct-mon-delete{display:none}.ct-mon-table{overflow:visible;max-height:none}.ct-mon-table table{min-width:0;font-size:8px}.ct-mon-table td{min-width:0}.ct-mon-hero{color:#000;background:#fff}.ct-mon-hero h2,.ct-mon-hero p{color:#000}} /* 1.24.1 — phase dashboard presentation, scoped to the four monitoring menus. */ .ct-monitor.ct-monitor--phase{display:block!important;padding:0!important;margin:0!important;min-width:0!important;width:100%!important;background:var(--ct-ref-workspace,#dce3ed)!important} .ct-monitor--phase .ct-mon-phase-hero{margin:0!important;padding:0 0 15px!important;background:transparent!important} .ct-monitor--phase .ct-htmlref-banner{border-radius:0!important;background:var(--ct-ref-header,#0b2038)!important;padding:18px 25px!important;min-height:88px} .ct-monitor--phase .ct-htmlref-title-row .ct-kdp-title{margin:0!important;min-width:0!important} .ct-monitor--phase .ct-htmlref-title-row .ct-kdp-title strong{font-size:clamp(19px,2vw,26px)!important;letter-spacing:.3px!important;overflow-wrap:anywhere} .ct-monitor--phase .ct-mon-subtitle{color:#cfdaea;font-size:12px;margin:8px 0 0;line-height:1.5} .ct-monitor--phase .ct-mon-kpis{padding:15px 15px 0!important;gap:15px!important} .ct-monitor--phase .ct-mon-kpis article{border-top-width:3px!important;background:linear-gradient(135deg,var(--ct-ref-green,#21a255),var(--ct-ref-green-2,#198644))!important;min-height:88px!important} .ct-monitor--phase .ct-mon-phase-body{padding:0 15px 24px;display:grid;gap:16px;min-width:0} .ct-monitor--phase .ct-mon-panel{border:1px solid #cdd7e4;border-radius:6px;padding:16px;box-shadow:0 3px 8px #0b203810;min-width:0} .ct-monitor--phase .ct-mon-panel-head{align-items:baseline} .ct-monitor--phase .ct-kdp-section-title{font-size:11px!important;line-height:1.5!important;font-weight:800!important;letter-spacing:.2px!important;margin:0 0 9px!important;padding:0!important;color:#344760!important;white-space:normal!important} .ct-monitor--phase .ct-kdp-section-title:before{display:none!important} .ct-monitor--phase .ct-mon-filter{background:#fff;padding:12px 15px;border:1px solid #cdd7e4;border-radius:6px;gap:12px} .ct-monitor--phase input,.ct-monitor--phase select,.ct-monitor--phase textarea{border-radius:5px} .ct-monitor--phase button{border-radius:5px;background:var(--ct-ref-blue,#0f4277)} .ct-monitor--phase .ct-mon-info{border-radius:4px;font-size:12px;padding:10px 14px} .ct-monitor--phase .ct-mon-phase-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:stretch;min-width:0} .ct-monitor--phase .ct-mon-phase-block{min-width:0;display:flex;flex-direction:column} .ct-monitor--phase .ct-mon-phase-block>.ct-mon-panel{flex:1;margin:0;min-height:280px} .ct-monitor--phase .ct-mon-table{border-radius:3px;border:1px solid #d0dae5;max-height:560px} .ct-monitor--phase .ct-mon-table th{background:var(--ct-ref-blue-2,#0f62ac)!important;border:1px solid #c3d1e1;color:white!important;padding:11px 10px;font-size:11px;letter-spacing:0} .ct-monitor--phase .ct-mon-table td{font-size:12px;padding:10px;border:1px solid #d9e2ec;color:#33485e} .ct-monitor--phase .ct-mon-table tbody tr:nth-child(even){background:#f0f5fa} .ct-monitor--phase .ct-mon-summary{min-width:400px;table-layout:auto;font-variant-numeric:tabular-nums} .ct-monitor--phase .ct-mon-summary td,.ct-monitor--phase .ct-mon-summary th{min-width:0;max-width:none;font-size:11px;padding:10px 8px} .ct-monitor--phase .ct-mon-summary td:nth-child(n+3),.ct-monitor--phase .ct-mon-summary th:nth-child(n+3){text-align:right;white-space:nowrap} .ct-monitor--phase .ct-mon-summary tfoot th{background:var(--ct-ref-purple,#2a124d)!important;color:#fff!important} .ct-monitor--phase .ct-mon-summary-scroll{max-height:340px} .ct-monitor--phase .ct-mon-chart-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 14px} .ct-monitor--phase .ct-mon-donut{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;box-shadow:0 3px 10px #18395712} .ct-monitor--phase .ct-mon-donut>div{width:108px;height:108px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:6px;text-align:center} .ct-monitor--phase .ct-mon-donut small{font-size:9px;color:#65768b;letter-spacing:.6px} .ct-monitor--phase .ct-mon-donut strong{font-size:15px;color:#193f67;max-width:100%;overflow-wrap:anywhere} .ct-monitor--phase .ct-mon-legend{list-style:none;padding:0;margin:0;width:100%;display:grid;gap:7px} .ct-monitor--phase .ct-mon-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:10px;color:#425a75} .ct-monitor--phase .ct-mon-legend li>span:nth-child(2){overflow-wrap:anywhere} .ct-monitor--phase .ct-mon-swatch{height:8px;width:8px;border-radius:2px} .ct-monitor--phase .ct-mon-chart-empty{font-size:12px;color:#65768b;text-align:center} .ct-monitor--phase .ct-mon-leaders{gap:15px} .ct-monitor--phase .ct-mon-leaders article{border-radius:6px;background:#fff;border:1px solid #cdd7e4;border-top:3px solid var(--ct-ref-green,#229e55);padding:18px} .ct-monitor--phase .ct-mon-leaders strong{font-size:26px} @media(max-width:1150px){.ct-monitor--phase .ct-mon-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-monitor--phase .ct-mon-phase-block:first-child{grid-column:1/-1}.ct-monitor--phase .ct-mon-phase-block:first-child>.ct-mon-panel{min-height:0}} @media(max-width:700px){.ct-monitor.ct-monitor--phase .ct-mon-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px 12px 0!important}.ct-monitor--phase .ct-mon-phase-body{padding:0 12px 20px;gap:12px}.ct-monitor--phase .ct-htmlref-title-row{display:block!important}.ct-monitor--phase .ct-htmlref-header-info{align-items:flex-start;text-align:left;margin:8px 0 0;font-size:10px}.ct-monitor--phase .ct-htmlref-header-info span+span{display:none}.ct-monitor--phase .ct-htmlref-banner{padding:17px!important}.ct-monitor--phase .ct-mon-phase-grid{grid-template-columns:1fr}.ct-monitor--phase .ct-mon-panel{padding:12px}.ct-monitor--phase .ct-mon-kpis .ct-provider-name{font-size:11px!important}.ct-monitor--phase .ct-mon-kpis .ct-provider-value{font-size:20px!important}.ct-monitor--phase .ct-mon-legend{max-width:300px}.ct-monitor--phase .ct-mon-filter{padding:12px}} /* Reference layout for Klaim Ditolak 2025. */ .ct-rejected-2025{box-sizing:border-box;width:100%;padding:14px 15px 24px;background:#dce3ed;color:#202b35;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif} .ct-rejected-2025 *{box-sizing:border-box} .ct-rejected-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}.ct-rejected-title-row h2{margin:0;color:#111;font-size:15px;line-height:1.2;font-weight:800;letter-spacing:.1px}.ct-rejected-title-row>span{color:#536779;font-size:11px;font-weight:600;white-space:nowrap} .ct-rejected-filter{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:0 0 12px;padding:9px 11px;background:#fff;border:1px solid #cdd7e4;border-radius:5px}.ct-rejected-filter label{display:grid;gap:4px;min-width:170px;color:#54687c;font-size:10px;font-weight:700}.ct-rejected-filter label:first-child{flex:1}.ct-rejected-filter input{width:100%;height:32px;min-height:32px;border:1px solid #bdcbd8;border-radius:4px;padding:0 8px;color:#263b4f;background:#fff;font-size:11px}.ct-rejected-filter button{height:32px;min-height:32px;padding:0 15px;border:0;border-radius:4px;background:#0d5d78;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.ct-rejected-filter>a{padding:8px 3px;color:#0d5d78;font-size:11px;font-weight:700;text-decoration:none} .ct-rejected-note{margin:0 0 12px;padding:8px 11px;border-left:3px solid #e3a62a;background:#fff9e8;color:#685421;font-size:11px}.ct-rejected-layout{display:grid;grid-template-columns:minmax(0,3.7fr) minmax(235px,1fr);gap:16px;align-items:start}.ct-rejected-table-card,.ct-rejected-chart-card,.ct-rejected-editor{background:#fff;border:1px solid #cfd9e4;border-radius:6px;box-shadow:0 3px 9px rgba(20,45,70,.08)}.ct-rejected-table-card{padding:16px 26px 20px;min-width:0}.ct-rejected-table-scroll{overflow:auto;max-width:100%} .ct-rejected-table{width:100%;min-width:930px;border-collapse:collapse;table-layout:auto;color:#17232d;font-size:12px}.ct-rejected-table th,.ct-rejected-table td{border:1px solid #d4dce4;padding:4px 7px;line-height:1.22;vertical-align:middle;white-space:nowrap}.ct-rejected-table thead th{background:#6650a6;color:#fff;border-color:#594497;padding:5px 7px;text-align:center;font-size:11px;font-weight:800}.ct-rejected-table thead th:nth-child(1){width:36px}.ct-rejected-table thead th:nth-child(2){width:75px}.ct-rejected-table thead th:nth-child(3){width:105px}.ct-rejected-table thead th:nth-child(4){min-width:120px;text-align:left}.ct-rejected-table thead th:nth-child(5){min-width:130px}.ct-rejected-table thead th:nth-child(6){width:75px}.ct-rejected-table thead th:nth-child(7){min-width:190px}.ct-rejected-table thead th:nth-child(8){width:112px}.ct-rejected-table thead th:nth-child(9){width:82px}.ct-rejected-table tbody tr:not(.ct-rejected-group):not(.ct-rejected-grand-total):nth-child(even){background:#fafbfd}.ct-rejected-table tbody td:first-child{text-align:center;color:#3a4b5a}.ct-rejected-table tbody td:nth-child(4){text-align:left}.ct-rejected-table tbody td.is-number{text-align:right;font-variant-numeric:tabular-nums} .ct-rejected-table .ct-rejected-group th{background:#dcefd0;color:#172b1a;border-color:#c3dfb6;text-align:left;font-size:12px;font-weight:800}.ct-rejected-table .ct-rejected-group th:not([colspan]){text-align:right}.ct-rejected-table .ct-rejected-group th:last-child{background:#dcefd0}.ct-rejected-table .ct-rejected-grand-total th{background:#075d73;color:#fff;border-color:#075d73;text-align:right;font-weight:800}.ct-rejected-table .ct-rejected-grand-total th:first-child{text-align:center}.ct-rejected-table .is-empty{text-align:center;padding:22px;color:#607487} .ct-rejected-actions{white-space:normal!important;text-align:center}.ct-rejected-actions>a{color:#075d73;font-size:10px;font-weight:700;text-decoration:none}.ct-rejected-actions details{display:inline-block;margin-left:5px}.ct-rejected-actions summary{cursor:pointer;color:#a12d1b;font-size:10px}.ct-rejected-actions form{position:absolute;z-index:4;margin:3px 0 0 -32px;padding:7px;background:#fff;border:1px solid #e2c3bd;box-shadow:0 3px 10px #0002}.ct-rejected-actions button{min-height:24px;padding:3px 8px;border:0;border-radius:3px;background:#a12d1b;color:#fff;font-size:10px;cursor:pointer} .ct-rejected-charts{display:grid;gap:8px;min-width:0}.ct-rejected-chart-label{margin:2px 0 0;color:#4d6073;font-size:10px;font-weight:800;letter-spacing:.04em}.ct-rejected-chart-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:17px 14px 16px;min-height:270px}.ct-rejected-donut{width:174px;height:174px;border-radius:50%;display:grid;place-items:center;flex:none}.ct-rejected-donut-hole{width:116px;height:116px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#fff;text-align:center}.ct-rejected-donut-hole span{color:#7b8791;font-size:9px}.ct-rejected-donut-hole strong{color:#101920;font-size:16px;line-height:1}.ct-rejected-legend{width:100%;display:grid;gap:7px;margin:0;padding:0;list-style:none}.ct-rejected-legend li{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;color:#536271;font-size:10px}.ct-rejected-legend li i{width:9px;height:9px;border-radius:2px}.ct-rejected-legend li b{color:#526273;font-size:10px}.ct-rejected-legend .is-empty{display:block;text-align:center} .ct-rejected-editor{margin-top:16px;padding:17px 20px}.ct-rejected-editor-heading{margin-bottom:13px}.ct-rejected-editor-heading h3{margin:0 0 4px;color:#223a50;font-size:15px}.ct-rejected-editor-heading p{margin:0;color:#637789;font-size:11px}.ct-rejected-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.ct-rejected-form label{display:grid;gap:4px;color:#516679;font-size:10px;font-weight:700}.ct-rejected-form label>span{color:#b13a2a}.ct-rejected-form input,.ct-rejected-form select,.ct-rejected-form textarea{width:100%;min-height:34px;border:1px solid #bdcbd8;border-radius:4px;padding:6px 8px;background:#fff;color:#263b4f;font:inherit;font-size:11px}.ct-rejected-form textarea{resize:vertical}.ct-rejected-form-actions{display:flex;align-items:center;gap:12px;grid-column:1/-1}.ct-rejected-form-actions button{min-height:35px;border:0;border-radius:4px;padding:0 17px;background:#0d5d78;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.ct-rejected-form-actions a{color:#0d5d78;font-size:11px;font-weight:700;text-decoration:none}.ct-rejected-check{display:flex!important;grid-column:1/-1;align-items:center;gap:7px;font-weight:600!important}.ct-rejected-check input{width:16px;height:16px;min-height:16px;padding:0} @media(max-width:1100px){.ct-rejected-layout{grid-template-columns:1fr}.ct-rejected-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-rejected-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.ct-rejected-2025{padding:12px}.ct-rejected-title-row{display:block}.ct-rejected-title-row>span{display:block;margin-top:5px}.ct-rejected-filter label{width:100%;min-width:0}.ct-rejected-filter button{flex:1}.ct-rejected-table-card{padding:10px}.ct-rejected-charts{grid-template-columns:1fr}.ct-rejected-form{grid-template-columns:1fr}.ct-rejected-editor{padding:14px}.ct-rejected-form-actions,.ct-rejected-check{grid-column:auto}} /* 1.24.3: Klaim Ditolak 2025 always fits its parent; no horizontal table drag. */ .ct-rejected-2025,.ct-rejected-layout,.ct-rejected-table-card,.ct-rejected-table-scroll{min-width:0;max-width:100%;width:100%} .ct-rejected-table-scroll{overflow:hidden!important} @media(min-width:701px){ .ct-rejected-table thead{display:table-header-group!important;visibility:visible!important;opacity:1!important;height:auto!important} .ct-rejected-table thead tr{display:table-row!important;visibility:visible!important;opacity:1!important} .ct-rejected-table thead th{display:table-cell!important;visibility:visible!important;opacity:1!important;background:#6650a6!important;color:#fff!important} .ct-rejected-table tbody tr.ct-rejected-data-row{display:table-row!important;visibility:visible!important;opacity:1!important} .ct-rejected-table tbody tr.ct-rejected-data-row td{display:table-cell!important;visibility:visible!important;opacity:1!important} } /* User-requested shell: keep the navigation sidebar beside every phase page. */ @media(min-width:981px){ .ct-phase-dashboard-shell .ct-sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:260px!important} .ct-phase-dashboard-shell .ct-main{margin-left:260px!important;width:calc(100% - 260px)!important} .ct-phase-dashboard-shell .ct-topbar{display:none!important} .ct-phase-dashboard-shell .ct-mobile-nav{display:none!important} } @media(max-width:980px){ .ct-phase-dashboard-shell .ct-sidebar{display:flex!important} .ct-phase-dashboard-shell .ct-topbar{display:flex!important} .ct-phase-dashboard-shell .ct-main{margin-left:0!important;width:100%!important} } /* Reference tables: compact, single-line cells with no horizontal drift. */ .ct-ref-table th,.ct-ref-table td{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; overflow-wrap:normal!important; word-break:normal!important; } .ct-ref-table--terbuku br{display:none!important} .ct-ref-phase--2 .ct-ref-top-grid{grid-template-columns:minmax(0,2.35fr) minmax(235px,.85fr)} .ct-ref-table--detail-verify th:first-child,.ct-ref-table--detail-verify td:first-child{width:4%!important} .ct-ref-table--detail-verify th:nth-child(2),.ct-ref-table--detail-verify td:nth-child(2){width:10%!important} .ct-ref-table--detail-verify th:nth-child(n+3),.ct-ref-table--detail-verify td:nth-child(n+3){width:6.14%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:first-child,.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:first-child{width:4%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(2),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(2){width:9%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(3),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(3){width:8%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(4),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(4){width:11%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(5),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(5){width:10%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(6),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(6){width:15%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(7),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(7){width:10%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(8),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(8){width:10%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(9),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(9){width:8%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(10),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(10){width:8%!important} .ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) th:nth-child(11),.ct-ref-nominative-table:not(.ct-ref-nominative-table--terbuku) td:nth-child(11){width:7%!important} .ct-ref-nominative-table--terbuku th:first-child,.ct-ref-nominative-table--terbuku td:first-child{width:4%!important} .ct-ref-nominative-table--terbuku th:nth-child(2),.ct-ref-nominative-table--terbuku td:nth-child(2){width:9%!important} .ct-ref-nominative-table--terbuku th:nth-child(3),.ct-ref-nominative-table--terbuku td:nth-child(3){width:12%!important} .ct-ref-nominative-table--terbuku th:nth-child(4),.ct-ref-nominative-table--terbuku td:nth-child(4){width:10%!important} .ct-ref-nominative-table--terbuku th:nth-child(5),.ct-ref-nominative-table--terbuku td:nth-child(5){width:18%!important} .ct-ref-nominative-table--terbuku th:nth-child(6),.ct-ref-nominative-table--terbuku td:nth-child(6){width:12%!important} .ct-ref-nominative-table--terbuku th:nth-child(7),.ct-ref-nominative-table--terbuku td:nth-child(7){width:12%!important} .ct-ref-nominative-table--terbuku th:nth-child(8),.ct-ref-nominative-table--terbuku td:nth-child(8){width:23%!important} .ct-ref-ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important} @media(max-width:700px){.ct-ref-phase--2 .ct-ref-top-grid{display:block}.ct-ref-table--detail-verify{font-size:7px!important}.ct-ref-ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Final table fit: normal-weight data, explicit compact columns, no ellipsis. */ .ct-ref-table{font-size:8.5px!important;letter-spacing:-.08px!important} .ct-ref-table th,.ct-ref-table td{font-weight:400!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.08!important;padding:3px 2px!important} .ct-ref-table thead th{font-weight:600!important} .ct-ref-table tbody .ct-ref-group th,.ct-ref-table tfoot th{font-weight:600!important} .ct-ref-table--detail{font-size:8.25px!important} .ct-ref-table--detail th,.ct-ref-table--detail td,.ct-ref-table--terbuku th,.ct-ref-table--terbuku td{width:auto!important} .ct-ref-table--terbuku{font-size:7.8px!important;letter-spacing:-.16px!important} .ct-ref-table--terbuku th,.ct-ref-table--terbuku td{padding:3px 1px!important} .ct-ref-table--terbuku th:first-child,.ct-ref-table--terbuku td:first-child{font-size:7.5px!important} @media(max-width:700px){ .ct-ref-table{font-size:7.5px!important} .ct-ref-table--detail{font-size:7.3px!important} .ct-ref-table--terbuku{font-size:6.8px!important} } /* Phase table reference palette and readable type scale. */ .ct-ref-table{font-size:9.2px!important;letter-spacing:0!important} .ct-ref-table--detail{font-size:9px!important} .ct-ref-table--terbuku{font-size:8.6px!important;letter-spacing:-.08px!important} .ct-ref-table--terbuku thead tr:first-child th{background:#075b78!important;border-color:#2a7890!important} .ct-ref-table--terbuku thead tr:nth-child(2) th{background:#078fc8!important;border-color:#126f91!important} .ct-ref-table--terbuku thead tr:first-child th:nth-child(4){background:#20ad70!important;border-color:#137d59!important} .ct-ref-table--terbuku tbody td{background:#fff!important;border-color:#d9e4eb!important} .ct-ref-table--terbuku tbody tr:nth-child(even):not(.ct-ref-group) td{background:#f7fafc!important} .ct-ref-table--terbuku .ct-ref-group th{background:#dff3d3!important;color:#172b1a!important;border-color:#c2dfb6!important} .ct-ref-table--terbuku tfoot th{background:#075b78!important;border-color:#075b78!important} .ct-ref-table--terbuku th:nth-child(5),.ct-ref-table--terbuku td:nth-child(5){border-left:1px solid #b6dcb9!important} .ct-ref-table--terbuku th:nth-child(9),.ct-ref-table--terbuku td:nth-child(9){border-left:1px solid #e7d79b!important} .ct-ref-table--terbuku th:nth-child(13),.ct-ref-table--terbuku td:nth-child(13){border-left:1px solid #d6c0dc!important} .ct-ref-table--terbuku th:nth-child(17),.ct-ref-table--terbuku td:nth-child(17){border-left:1px solid #e2c2d4!important} @media(max-width:700px){ .ct-ref-table{font-size:8px!important} .ct-ref-table--detail{font-size:7.8px!important} .ct-ref-table--terbuku{font-size:7.5px!important} } /* Final phase 3 containment and compact reference proportions. */ .ct-ref-phase--3>.ct-ref-position-panel{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important} .ct-ref-phase--3>.ct-ref-phase3-grid{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important} .ct-ref-phase--3 .ct-ref-position-panel{padding:7px 5px!important} .ct-ref-table--terbuku{font-size:8.2px!important;line-height:1.05!important;letter-spacing:-.08px!important} .ct-ref-table--terbuku th,.ct-ref-table--terbuku td{padding:2px 1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important} @media(max-width:700px){ .ct-ref-phase--3>.ct-ref-position-panel,.ct-ref-phase--3>.ct-ref-phase3-grid{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important} .ct-ref-table--terbuku{font-size:7.2px!important} } /* Rejected claims: Policy is intentionally omitted from the visible table. */ .ct-rejected-table{font-size:11px!important;min-width:0!important;max-width:100%!important;width:100%!important;table-layout:fixed!important} .ct-rejected-table th,.ct-rejected-table td{font-weight:400!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important} .ct-rejected-table thead th{font-weight:600!important} .ct-rejected-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important} .ct-rejected-table thead{display:table-header-group!important;visibility:visible!important;opacity:1!important} .ct-rejected-table thead tr{display:table-row!important} .ct-rejected-table thead th{display:table-cell!important;background:#6650a6!important;color:#fff!important;border:1px solid #594497!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important} .ct-rejected-table th,.ct-rejected-table td{box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important} .ct-rejected-table .ct-rejected-group th,.ct-rejected-table .ct-rejected-grand-total th{font-weight:600!important} .ct-rejected-table-scroll{overflow:hidden!important} .ct-ref-table{font-size:10px!important;line-height:1.08!important} .ct-ref-table--detail{font-size:9.6px!important} .ct-ref-table--terbuku{font-size:9px!important;letter-spacing:-.1px!important} .ct-ref-table--terbuku th,.ct-ref-table--terbuku td{padding:2px 1px!important} .ct-rejected-table tbody td:nth-child(3){overflow:visible!important;text-overflow:clip!important} @media(max-width:700px){ .ct-ref-table{font-size:8.5px!important} .ct-ref-table--detail{font-size:8.2px!important} .ct-ref-table--terbuku{font-size:7.8px!important} } /* Readable phase dashboards: enlarge data tables and phase 3 charts while preserving fit. */ .ct-ref-table{font-size:11.5px!important;line-height:1.12!important;letter-spacing:0!important} .ct-ref-table--detail{font-size:11px!important} .ct-ref-table--terbuku{font-size:10px!important;line-height:1.08!important;letter-spacing:-.04px!important} .ct-ref-table--terbuku th,.ct-ref-table--terbuku td{padding:2.5px 1px!important} .ct-ref-nominative-table th,.ct-ref-nominative-table td{font-size:10.5px!important} .ct-ref-phase--3 .ct-ref-bars{padding:20px 20px 14px!important} .ct-ref-phase--3 .ct-ref-bars-inner{height:230px!important;gap:12px!important} .ct-ref-phase--3 .ct-ref-bar{width:10px!important} .ct-ref-phase--3 .ct-ref-ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:16px!important} .ct-ref-phase--3 .ct-ref-ratio-grid article{min-width:0!important;min-height:132px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important} .ct-ref-phase--3 .ct-ref-ratio-donut{width:min(108px,90%)!important;height:108px!important} .ct-ref-phase--3 .ct-ref-ratio-donut strong{font-size:11px!important} .ct-ref-phase--3 .ct-ref-ratio-grid small{font-size:10px!important;white-space:nowrap!important} .ct-ref-phase--3 .ct-ref-month-table,.ct-ref-phase--3 .ct-ref-ratio-table{font-size:10px!important} .ct-ref-phase--3 .ct-ref-month-table th,.ct-ref-phase--3 .ct-ref-month-table td,.ct-ref-phase--3 .ct-ref-ratio-table th,.ct-ref-phase--3 .ct-ref-ratio-table td{padding:5px 3px!important} @media(max-width:700px){ .ct-ref-table{font-size:9.5px!important} .ct-ref-table--detail{font-size:9.2px!important} .ct-ref-table--terbuku{font-size:8.6px!important} .ct-ref-nominative-table th,.ct-ref-nominative-table td{font-size:9px!important} .ct-ref-phase--3 .ct-ref-bars{padding:14px 10px 10px!important} .ct-ref-phase--3 .ct-ref-bars-inner{height:205px!important;gap:5px!important} .ct-ref-phase--3 .ct-ref-bar{width:6px!important} .ct-ref-phase--3 .ct-ref-ratio-grid{gap:8px!important;padding:10px!important} .ct-ref-phase--3 .ct-ref-ratio-grid article{min-height:108px!important} .ct-ref-phase--3 .ct-ref-ratio-donut{width:88px!important;height:88px!important} .ct-ref-phase--3 .ct-ref-ratio-grid small{font-size:9px!important} } /* 1.24.29 — use the global ClaimTrack page title as the only title on the three monitoring screens. */ .ct-monitor--phase.ct-monitor--shell-title-only .ct-mon-phase-hero{padding-top:0!important} .ct-monitor--phase.ct-monitor--shell-title-only .ct-mon-kpis{padding-top:15px!important} .ct-monitor--phase .ct-mon-page-intro{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 13px;background:#eef5ff;border:1px solid #d5e2f0;border-radius:5px;color:#425a75;font-size:12px;line-height:1.5} .ct-monitor--phase .ct-mon-page-intro .dashicons{flex:0 0 16px;width:16px;height:16px;font-size:16px;line-height:16px;margin-top:1px;color:#246aa3} .ct-monitor--phase .ct-mon-page-intro p{margin:0} @media(max-width:700px){.ct-monitor--phase.ct-monitor--shell-title-only .ct-mon-kpis{padding-top:12px!important}.ct-monitor--phase .ct-mon-page-intro{font-size:11px;padding:9px 11px}} /* ========================================================================== */ /* 1.24.46 — Fase 1 Pengajuan Klaim: KPI debitur + advanced nominative. */ /* Mirrors the Phase 2 detail layout while keeping the Phase 1 position table */ /* structure (Deb/Rp per asuradur, total debitur, total nominal). */ /* ========================================================================== */ .ct-ref-phase--1 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics{ position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:11px;min-width:0 } .ct-ref-phase--1 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics strong{margin-top:0!important;min-width:0} .ct-ref-phase--1 .ct-ref-kpi-debitur{ flex:0 0 auto;color:#fff;font-size:15px;font-weight:800;line-height:1.1;white-space:nowrap;text-align:right } .ct-ref-phase--1 .ct-ref-table--phase1{table-layout:fixed!important;width:100%!important} .ct-ref-phase--1 .ct-ref-table--phase1 col:first-child{width:4%!important} .ct-ref-phase--1 .ct-ref-table--phase1 col:nth-child(2){width:12%!important} .ct-ref-phase--1 .ct-ref-table--phase1 col:nth-child(n+3){width:7%!important} .ct-ref-phase--1 .ct-ref-table--phase1 thead th, .ct-ref-phase--1 .ct-ref-table--phase1 .ct-ref-group th, .ct-ref-phase--1 .ct-ref-table--phase1 tfoot th{width:auto!important} .ct-ref-phase--1 .ct-ref-table--phase1 tbody tr:not(.ct-ref-group) td:first-child{width:4%!important;text-align:center!important} .ct-ref-phase--1 .ct-ref-table--phase1 tbody tr:not(.ct-ref-group) td:nth-child(2){width:12%!important;text-align:left!important} .ct-ref-phase--1 .ct-ref-table--phase1 tbody tr:not(.ct-ref-group) td:nth-child(n+3){width:7%!important;text-align:right!important;font-variant-numeric:tabular-nums} .ct-ref-phase--1 .ct-ref-table--phase1 .ct-ref-group th:first-child{text-align:left!important} .ct-ref-phase--1 .ct-ref-table--phase1 .ct-ref-group th:nth-child(n+2), .ct-ref-phase--1 .ct-ref-table--phase1 tfoot th:nth-child(n+2){text-align:right!important;font-variant-numeric:tabular-nums} @media(max-width:900px){ .ct-ref-phase--1 .ct-ref-kpi-debitur{font-size:12px} } @media(max-width:700px){ .ct-ref-phase--1 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics{align-items:flex-end;gap:6px;margin-top:7px} .ct-ref-phase--1 .ct-ref-kpi-debitur{font-size:9px} } /* ========================================================================== */ /* 1.24.30 — Fase 2 Klaim Disetujui: debtor totals, tidy numeric table, */ /* dual nominative filters (Asuradur / Area Head) + CSV download. */ /* ========================================================================== */ .ct-ref-phase--2 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics{ position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:11px;min-width:0 } .ct-ref-phase--2 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics strong{margin-top:0!important;min-width:0} .ct-ref-phase--2 .ct-ref-kpi-debitur{ flex:0 0 auto;color:#fff;font-size:15px;font-weight:800;line-height:1.1;white-space:nowrap;text-align:right } /* Point 2: fixed/equal numeric columns and right aligned numbers. */ .ct-ref-phase--2 .ct-ref-table--phase2 col:first-child{width:4%!important} .ct-ref-phase--2 .ct-ref-table--phase2 col:nth-child(2){width:12%!important} .ct-ref-phase--2 .ct-ref-table--phase2 col:nth-child(n+3){width:6%!important} .ct-ref-phase--2 .ct-ref-table--phase2 thead th, .ct-ref-phase--2 .ct-ref-table--phase2 .ct-ref-group th, .ct-ref-phase--2 .ct-ref-table--phase2 tfoot th{width:auto!important} .ct-ref-phase--2 .ct-ref-table--phase2 tbody tr:not(.ct-ref-group) td:first-child{width:4%!important;text-align:center!important} .ct-ref-phase--2 .ct-ref-table--phase2 tbody tr:not(.ct-ref-group) td:nth-child(2){width:12%!important;text-align:left!important} .ct-ref-phase--2 .ct-ref-table--phase2 tbody tr:not(.ct-ref-group) td:nth-child(n+3){width:6%!important;text-align:right!important;font-variant-numeric:tabular-nums} .ct-ref-phase--2 .ct-ref-table--phase2 .ct-ref-group th:first-child{text-align:left!important} .ct-ref-phase--2 .ct-ref-table--phase2 .ct-ref-group th:nth-child(n+2), .ct-ref-phase--2 .ct-ref-table--phase2 tfoot th:nth-child(n+2){text-align:right!important;font-variant-numeric:tabular-nums} /* Points 3–5: independent filter panels for nominative by Asuradur or Area Head. */ .ct-ref-nominative--advanced{margin-top:22px!important} .ct-ref-nominative--advanced .ct-ref-nominative-filter-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 18px } .ct-ref-nominative--advanced .ct-ref-nominative-filter-block{min-width:0} .ct-ref-nominative--advanced .ct-ref-nominative-filter-block>h2{margin:0 0 9px 5px!important} .ct-ref-nominative--advanced .ct-ref-nominative-filter-panel{padding:12px!important} .ct-ref-nominative--advanced .ct-ref-nominative-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ct-ref-nominative--advanced .ct-ref-nominative-filter-fields label{display:grid;gap:5px;min-width:0;color:#53677a;font-size:9px;font-weight:700} .ct-ref-nominative--advanced .ct-ref-nominative-filter-fields select{ width:100%;height:38px;min-width:0;padding:0 32px 0 10px;border:1px solid #cfd9e4;border-radius:5px;background:#fff;color:#253a4f;font:inherit;font-size:11px;outline:none } .ct-ref-nominative--advanced .ct-ref-nominative-filter-fields select:focus{border-color:#1174b7;box-shadow:0 0 0 2px rgba(17,116,183,.10)} .ct-ref-nominative--advanced .ct-ref-filter-search{ display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:108px;height:37px;margin-top:10px;padding:0 16px;border:0;border-radius:4px;background:#075078;color:#fff;font-size:10px;font-weight:800;cursor:pointer } .ct-ref-nominative--advanced .ct-ref-filter-search .dashicons{width:15px;height:15px;font-size:15px;line-height:15px} .ct-ref-nominative--advanced .ct-ref-nominative-results-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 5px 9px} .ct-ref-nominative--advanced .ct-ref-nominative-results-head h2{margin:0!important} .ct-ref-nominative--advanced [data-ct-nominative-summary]{color:#61758a;font-size:10px;text-align:right} .ct-ref-nominative--advanced .ct-ref-nominative-results-panel{padding:12px!important} .ct-ref-nominative--advanced .ct-ref-download{margin:12px 0 0!important;min-width:96px;background:#23a653!important} .ct-ref-nominative--advanced .ct-ref-nominative-table tbody td:nth-child(10), .ct-ref-nominative--advanced .ct-ref-nominative-table tbody td:nth-child(11){text-align:right!important;font-variant-numeric:tabular-nums} .ct-ref-nominative--advanced tr[data-ct-nominative-empty] td{text-align:center!important;color:#718096;font-style:italic;padding:12px!important} @media(max-width:900px){ .ct-ref-phase--2 .ct-ref-kpi-debitur{font-size:12px} .ct-ref-nominative--advanced .ct-ref-nominative-filter-grid{gap:12px} } @media(max-width:700px){ .ct-ref-phase--2 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics{align-items:flex-end;gap:6px;margin-top:7px} .ct-ref-phase--2 .ct-ref-kpi-debitur{font-size:9px} .ct-ref-nominative--advanced .ct-ref-nominative-filter-grid{grid-template-columns:1fr;gap:12px;margin-bottom:14px} .ct-ref-nominative--advanced .ct-ref-nominative-filter-panel{padding:9px!important} .ct-ref-nominative--advanced .ct-ref-nominative-filter-fields{grid-template-columns:1fr 1fr;gap:7px} .ct-ref-nominative--advanced .ct-ref-nominative-filter-fields select{height:34px;font-size:9px} .ct-ref-nominative--advanced .ct-ref-filter-search{height:34px;margin-top:8px;font-size:9px} .ct-ref-nominative--advanced .ct-ref-nominative-results-head{display:block;margin:0 2px 7px} .ct-ref-nominative--advanced [data-ct-nominative-summary]{display:block;margin-top:4px;text-align:left;font-size:9px} .ct-ref-nominative--advanced .ct-ref-nominative-results-panel{padding:7px!important} } /* ========================================================================== */ /* 1.24.31 — Fase 3 Klaim Terbayar: debtor totals, balanced numeric columns, */ /* dual nominative filters (Asuradur / Area Head) + CSV download. */ /* ========================================================================== */ .ct-ref-phase--3 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics{ position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:11px;min-width:0 } .ct-ref-phase--3 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics strong{margin-top:0!important;min-width:0;font-size:24px!important} .ct-ref-phase--3 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics strong small{font-size:13px!important} .ct-ref-phase--3 .ct-ref-kpi-debitur{ flex:0 0 auto;color:#fff;font-size:14px;font-weight:800;line-height:1.1;white-space:nowrap;text-align:right } .ct-ref-phase--3 .ct-ref-kpi--total .ct-ref-kpi-debitur{color:inherit} /* Point 2: keep all numeric columns consistent and right aligned. */ .ct-ref-phase--3 .ct-ref-table--phase3{table-layout:fixed!important;width:100%!important} .ct-ref-phase--3 .ct-ref-table--phase3 col:first-child{width:3%!important} .ct-ref-phase--3 .ct-ref-table--phase3 col:nth-child(2){width:11%!important} .ct-ref-phase--3 .ct-ref-table--phase3 col:nth-child(3), .ct-ref-phase--3 .ct-ref-table--phase3 col:nth-child(4){width:6.5%!important} .ct-ref-phase--3 .ct-ref-table--phase3 col:nth-child(n+5){width:4.5625%!important} .ct-ref-phase--3 .ct-ref-table--phase3 tbody tr:not(.ct-ref-group) td:first-child{text-align:center!important} .ct-ref-phase--3 .ct-ref-table--phase3 tbody tr:not(.ct-ref-group) td:nth-child(2){text-align:left!important} .ct-ref-phase--3 .ct-ref-table--phase3 tbody tr:not(.ct-ref-group) td:nth-child(n+3){text-align:right!important;font-variant-numeric:tabular-nums} .ct-ref-phase--3 .ct-ref-table--phase3 .ct-ref-group th:first-child{text-align:left!important} .ct-ref-phase--3 .ct-ref-table--phase3 .ct-ref-group th:nth-child(n+2), .ct-ref-phase--3 .ct-ref-table--phase3 tfoot th:nth-child(n+2){text-align:right!important;font-variant-numeric:tabular-nums} .ct-ref-nominative--phase3 .ct-ref-nominative-table--terbuku tbody td:nth-child(4){text-align:right!important;font-variant-numeric:tabular-nums} @media(max-width:900px){ .ct-ref-phase--3 .ct-ref-kpi-debitur{font-size:11px} } @media(max-width:700px){ .ct-ref-phase--3 .ct-ref-kpi--with-debitur .ct-ref-kpi-metrics{align-items:flex-end;gap:5px;margin-top:7px} .ct-ref-phase--3 .ct-ref-kpi-debitur{font-size:9px} } /* ClaimTrack Core v1.24.127 — Fase 3 mengikuti format contoh "Sesudah". */ .ct-ref-phase--3 .ct-ref-phase3-position-grid{ display:grid!important; grid-template-columns:minmax(190px,1.25fr) repeat(4,minmax(145px,1fr)); gap:10px!important; margin:0 16px!important; align-items:start!important; min-width:0!important } .ct-ref-phase--3 .ct-ref-phase3-position-grid>.ct-ref-panel{min-width:0!important;margin:0!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-position-panel{padding:8px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid h2{margin:0 0 7px!important;text-align:center!important;font-size:11px!important;line-height:1.2!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table{font-size:8.5px!important;line-height:1.12!important;table-layout:fixed!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table th, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table td{padding:3px 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tbody td:nth-child(2){text-align:left!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tbody td:nth-child(n+3), .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tbody td:last-child, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tfoot th:not(:first-child){text-align:right!important;font-variant-numeric:tabular-nums!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table .ct-ref-group th{font-weight:900!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tfoot th{font-weight:900!important} .ct-ref-phase--3 .ct-ref-phase3-dashboard-grid{ display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)!important; gap:14px!important; margin:14px 16px 0!important; align-items:start!important; min-width:0!important } .ct-ref-phase--3 .ct-ref-phase3-dashboard-grid>div{min-width:0!important} .ct-ref-phase--3 .ct-dashboard-chart-pair{gap:0!important} .ct-ref-phase--3 .ct-dashboard-payment-panel{padding:14px!important;min-height:0!important} .ct-ref-phase--3 .ct-dashboard-payment-panel .ct-chart{height:230px!important;min-height:230px!important;margin:0!important} .ct-ref-phase--3 .ct-dashboard-payment-table{overflow:hidden!important;padding-top:7px!important} .ct-ref-phase--3 .ct-dashboard-payment-table table{width:100%!important;min-width:0!important;table-layout:fixed!important} .ct-ref-phase--3 .ct-dashboard-payment-table th,.ct-ref-phase--3 .ct-dashboard-payment-table td{padding:6px 2px!important;font-size:8.5px!important;white-space:nowrap!important;text-align:center!important} .ct-ref-phase--3 .ct-dashboard-provider-pair{grid-template-columns:1fr!important;gap:10px!important} .ct-ref-phase--3 .ct-dashboard-provider-pair>.ct-panel{padding:12px!important} @media(max-width:1150px){ .ct-ref-phase--3 .ct-ref-phase3-position-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid>.ct-ref-phase3-summary-panel{grid-column:1/-1} .ct-ref-phase--3 .ct-ref-phase3-dashboard-grid{grid-template-columns:1fr!important} } @media(max-width:700px){ .ct-ref-phase--3 .ct-ref-phase3-position-grid{grid-template-columns:1fr 1fr!important;margin:0 10px!important;gap:8px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid>.ct-ref-phase3-summary-panel{grid-column:1/-1} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table{font-size:7.5px!important} .ct-ref-phase--3 .ct-ref-phase3-dashboard-grid{margin:10px 10px 0!important;gap:10px!important} .ct-ref-phase--3 .ct-dashboard-payment-panel .ct-chart{height:215px!important;min-height:215px!important} .ct-ref-phase--3 .ct-dashboard-payment-table th,.ct-ref-phase--3 .ct-dashboard-payment-table td{font-size:7.5px!important;padding:5px 1px!important} } /* Compact table treatment matching the supplied reference image. */ .ct-ref-phase--3 .ct-ref-phase3-position-grid>.ct-ref-panel{ padding:0!important; overflow:hidden!important; border:2px solid #68717b!important; border-radius:12px!important; box-shadow:0 2px 5px rgba(25,39,53,.22)!important; background:#fff!important } .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-position-panel h2{display:none!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table-wrap{overflow:hidden!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table{font-size:8.2px!important;line-height:1.05!important;border-collapse:collapse!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table th, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table td{border:1px solid #d7e1e8!important;padding:2px 3px!important;height:16px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table thead th{background:#29165d!important;border-color:#4a3b7e!important;color:#fff!important;font-weight:800!important;text-align:center!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary thead th:last-child{background:#1eaa70!important;border-color:#1eaa70!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tbody tr:not(.ct-ref-group):nth-child(even) td{background:#f3f8fb!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table .ct-ref-group th{background:#dff1d2!important;border-color:#c5dfb9!important;color:#1d2c22!important;font-weight:900!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary .ct-ref-group th:first-child{text-align:left!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-provider .ct-ref-group th{text-align:right!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tfoot th{background:#075b78!important;border-color:#075b78!important;color:#fff!important;font-weight:900!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-provider thead tr:first-child th{font-size:9px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table thead tr:first-child th, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table thead tr:nth-child(2) th{height:16px!important;line-height:12px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary thead tr:nth-child(2) th{background:#29165d!important;border-color:#4a3b7e!important;color:transparent!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary thead tr:nth-child(2) th:last-child{background:#1eaa70!important;border-color:#1eaa70!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tbody tr{height:16px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-provider tbody td{text-align:right!important;color:#71889a!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary tbody td:nth-child(2){color:#456274!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary tbody td:last-child{color:#526d7c!important} /* v1.24.129 — tabel Fase 3 lebih terbaca dan seluruh isi sel terpusat. */ .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table{ font-size:10px!important; line-height:1.15!important } .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table th, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table td{ height:19px!important; padding:3px 3px!important; text-align:center!important; vertical-align:middle!important } .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tbody td:nth-child(2), .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-summary tbody td:last-child, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table--phase3-provider tbody td{ text-align:center!important } .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table .ct-ref-group th, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table tfoot th{ text-align:center!important } .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table thead th{ font-size:10px!important; line-height:1.1!important } @media(max-width:700px){ .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table{font-size:9px!important} .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table th, .ct-ref-phase--3 .ct-ref-phase3-position-grid .ct-ref-table td{height:18px!important;padding:3px 2px!important} } /* ========================================================================== */ /* 1.24.32 — Phase footer normalization. */ /* Keep Fase 1/2/3 footer compact and prevent the oversized 73px footer seen */ /* on Fase 3 - Klaim Terbayar when legacy app.css wins the cascade. */ /* ========================================================================== */ .ct-app.ct-phase-dashboard-shell .ct-app-footer{ box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:48px!important; height:48px!important; flex:0 0 48px!important; margin:0!important; padding:0 16px!important; background:#000!important; color:#fff!important; border:0!important; outline:0!important; box-shadow:none!important; font-size:12px!important; font-weight:400!important; line-height:1.25!important; text-align:center!important; overflow:hidden!important; } @media(max-width:700px){ .ct-app.ct-phase-dashboard-shell .ct-app-footer{ min-height:52px!important; height:auto!important; flex:0 0 auto!important; margin:0 0 80px!important; padding:10px 12px!important; white-space:normal!important; overflow:visible!important; } } @media(max-width:1200px){ .ct-phase2-image-stack .ct-phase2-image-heading{ grid-column:1/-1!important; margin-bottom:0!important; } .ct-phase2-image-stack .ct-phase1-visual-card + .ct-phase1-visual-card{ margin-top:0!important; } } /* ========================================================================== */ /* 1.24.33 — Fase 3 footer flow repair. */ /* The Fase 3 footer is kept in normal document flow and no longer relies on */ /* the semantic