/* ClaimTrack Core 4.2.64 - terminal Theme ClaimTrack shell palette.
 *
 * Older screens contain route-specific colors and some of them set CSS
 * variables locally. This file is loaded after every previous layout patch
 * so the three high-level Theme ClaimTrack colors always own the application
 * shell without changing the table, KPI, or status color settings.
 */
html body .ct-app[data-ct-app],
html body .ct-admin-app[data-ct-app]{
  --ct-theme-sidebar:var(--ct-theme-primary)!important;
  --ct-theme-sidebar-deep:var(--ct-theme-primary)!important;
  --ct-theme-header:var(--ct-theme-secondary)!important;
  --ct-theme-nav-active:var(--ct-theme-accent)!important;
  --ct-theme-nav-hover:var(--ct-theme-accent)!important;
  --ct-theme-sidebar-line:var(--ct-theme-primary)!important;
  --ct-theme-footer:var(--ct-theme-primary)!important;
}

/* Sidebar menu and every scrollable sidebar keep the configured Warna Utama. */
html body .ct-app[data-ct-app] .ct-sidebar,
html body .ct-admin-app[data-ct-app] .ct-admin-sidebar{
  background:var(--ct-theme-primary)!important;
  background-image:none!important;
  border-color:var(--ct-theme-primary)!important;
}
html body .ct-app[data-ct-app] .ct-sidebar-scroll,
html body .ct-admin-app[data-ct-app] .ct-admin-nav-scroll{
  background:var(--ct-theme-primary)!important;
  background-image:none!important;
}

/* Desktop, mobile, and inline footer variants share the default sidebar color. */
html body .ct-app[data-ct-app] .ct-sidebar-footer,
html body .ct-admin-app[data-ct-app] .ct-admin-sidebar-foot,
html body .ct-app[data-ct-app] .ct-mobile-nav,
html body .ct-app[data-ct-app] .ct-mobile-nav--complete,
html body .ct-admin-app[data-ct-app] .ct-admin-mobile-nav,
html body .ct-app[data-ct-app] .ct-phase3-inline-footer,
html body .ct-app[data-ct-app] .ct-app-footer{
  background:var(--ct-theme-primary)!important;
  background-image:none!important;
  border-color:var(--ct-theme-primary)!important;
}

/* All topbar variants use the configured Warna Sekunder. */
html body .ct-app[data-ct-app] .ct-topbar,
html body .ct-admin-app[data-ct-app] .ct-admin-topbar{
  background:var(--ct-theme-secondary)!important;
  background-image:none!important;
  border-color:var(--ct-theme-secondary)!important;
}

/* A route-specific phase skin must not remove the standard topbar or footer. */
html body .ct-app[data-ct-app].ct-phase-dashboard-shell .ct-topbar,
html body .ct-app[data-ct-app].ct-phase-dashboard-shell .ct-sidebar-footer,
html body .ct-app[data-ct-app].ct-view-dashboard .ct-sidebar-footer{
  display:flex!important;
}

/* Every navigation form receives Warna Aksen on hover and active state. */
html body .ct-app[data-ct-app] .ct-nav-item:hover,
html body .ct-app[data-ct-app] .ct-nav-item.is-active,
html body .ct-app[data-ct-app] .ct-nav-item--phase-group.is-active,
html body .ct-app[data-ct-app] .ct-nav-group-label:hover,
html body .ct-app[data-ct-app] .ct-nav-group-label.is-active,
html body .ct-app[data-ct-app] .ct-sidebar details[open] > .ct-nav-item,
html body .ct-app[data-ct-app] .ct-subnav:hover,
html body .ct-app[data-ct-app] .ct-subnav.is-active,
html body .ct-admin-app[data-ct-app] .ct-admin-nav a:hover,
html body .ct-admin-app[data-ct-app] .ct-admin-nav a.is-active,
html body .ct-admin-app[data-ct-app] .ct-admin-sidebar-foot a:hover,
html body .ct-app[data-ct-app] .ct-mobile-nav a:hover,
html body .ct-app[data-ct-app] .ct-mobile-nav a.is-active,
html body .ct-app[data-ct-app] .ct-mobile-nav button:hover,
html body .ct-app[data-ct-app] .ct-mobile-nav button.is-active,
html body .ct-admin-app[data-ct-app] .ct-admin-mobile-nav a:hover,
html body .ct-admin-app[data-ct-app] .ct-admin-mobile-nav a.is-active,
html body .ct-admin-app[data-ct-app] .ct-admin-mobile-nav button:hover,
html body .ct-admin-app[data-ct-app] .ct-admin-mobile-nav button.is-active{
  background:var(--ct-theme-accent)!important;
  background-image:none!important;
  border-color:var(--ct-theme-accent)!important;
  color:var(--ct-theme-active-text,#fff)!important;
  box-shadow:none!important;
}
html body .ct-app[data-ct-app] .ct-nav-item:hover .dashicons,
html body .ct-app[data-ct-app] .ct-nav-item.is-active .dashicons,
html body .ct-app[data-ct-app] .ct-nav-group-label:hover .dashicons,
html body .ct-app[data-ct-app] .ct-nav-group-label.is-active .dashicons,
html body .ct-app[data-ct-app] .ct-subnav:hover .dashicons,
html body .ct-app[data-ct-app] .ct-subnav.is-active .dashicons,
html body .ct-admin-app[data-ct-app] .ct-admin-nav a:hover .dashicons,
html body .ct-admin-app[data-ct-app] .ct-admin-nav a.is-active .dashicons{
  color:var(--ct-theme-active-text,#fff)!important;
}