/* ClaimTrack Core 4.2.63 — Fase 1 spacing and configured user-shell palette. */

/* All Fase 1 card headings use the requested 12px size. */
html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-top-grid h2,
html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-nominative h2,
html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-kpi .ct-ref-kpi-inner>span{
  font-size:12px!important;
}

@media (min-width:981px){
  /* Give the two lower donut cards a clear, modest separation from the KPI row. */
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-phase1-area-donut--reference,
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-phase1-product-donut{
    height:calc(100% - 12px)!important;
    margin-top:12px!important;
  }

  /* The two Fase 1 filter cards do not need the unused vertical space. */
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-nominative--advanced{
    margin-top:-20px!important;
    padding-top:0!important;
    padding-bottom:8px!important;
  }
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-nominative--advanced .ct-ref-nominative-filter-grid{
    gap:8px!important;
    margin-bottom:8px!important;
  }
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-nominative--advanced .ct-phase1-filter-block>h2{
    min-height:0!important;
    margin:0 0 5px!important;
  }
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-nominative--advanced .ct-ref-nominative-filter-panel{
    min-height:0!important;
    padding:10px 12px!important;
  }
  html body .ct-app.ct-view-claim-phase[data-ct-phase-code="KDP"] .ct-ref-phase--1:not(.ct-stop-loss-dashboard) .ct-ref-nominative--advanced .ct-ref-filter-search{
    margin-top:6px!important;
  }
}

/* User shell always follows the five main colors configured in SW Admin. */
html body .ct-app .ct-sidebar,
html body .ct-app .ct-sidebar-scroll,
html body .ct-app .ct-sidebar-footer{
  background:var(--ct-theme-primary,#0799cd)!important;
  border-color:var(--ct-theme-primary,#0799cd)!important;
}
html body .ct-app .ct-topbar{
  background:var(--ct-theme-secondary,#171850)!important;
}
html body .ct-app .ct-sidebar .ct-nav-item:hover,
html body .ct-app .ct-sidebar .ct-nav-item.is-active,
html body .ct-app .ct-sidebar .ct-nav-item--phase-group.is-active,
html body .ct-app .ct-sidebar details[open]>.ct-nav-item,
html body .ct-app .ct-sidebar .ct-nav-group-label:hover,
html body .ct-app .ct-sidebar .ct-subnav:hover,
html body .ct-app .ct-sidebar .ct-subnav.is-active{
  background:var(--ct-theme-accent,#2b2f87)!important;
  color:var(--ct-theme-active-text,#fff)!important;
}
html body .ct-app .ct-sidebar .ct-nav-item:hover .dashicons,
html body .ct-app .ct-sidebar .ct-nav-item.is-active .dashicons,
html body .ct-app .ct-sidebar .ct-nav-item--phase-group.is-active .dashicons,
html body .ct-app .ct-sidebar details[open]>.ct-nav-item .dashicons,
html body .ct-app .ct-sidebar .ct-subnav:hover .dashicons,
html body .ct-app .ct-sidebar .ct-subnav.is-active .dashicons{
  color:var(--ct-theme-active-text,#fff)!important;
}