/* ClaimTrack Core 4.2.68 - Fase 1 shell parity for Dashboard User.
 *
 * Dashboard User now carries the same shell class as Fase 1. This final
 * stylesheet removes the remaining Dashboard-only dimensions so sidebar,
 * topbar, and footers are rendered with the same shared shell.
 */
html body .ct-app[data-ct-app]{
  --ct-theme-sidebar:var(--ct-theme-primary)!important;
  --ct-theme-sidebar-deep:var(--ct-theme-primary)!important;
  --ct-theme-sidebar-line:rgba(255,255,255,.22)!important;
  --ct-theme-sidebar-text:#fff!important;
  --ct-theme-sidebar-title:rgba(255,255,255,.76)!important;
}

/* Shared user sidebar surfaces use Warna Utama with readable white text. */
html body .ct-app[data-ct-app] .ct-sidebar,
html body .ct-app[data-ct-app] .ct-sidebar-scroll,
html body .ct-app[data-ct-app] .ct-sidebar-footer{
  background:var(--ct-theme-primary)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
html body .ct-app[data-ct-app] .ct-logo-wrap{
  background:#fff!important;
  border-color:var(--ct-theme-border,#dfe7ef)!important;
}
html body .ct-app[data-ct-app] .ct-nav-section-title{
  color:rgba(255,255,255,.76)!important;
}
html body .ct-app[data-ct-app] .ct-nav-item,
html body .ct-app[data-ct-app] .ct-nav-group-label,
html body .ct-app[data-ct-app] .ct-subnav{
  color:#fff!important;
}
html body .ct-app[data-ct-app] .ct-nav-item .dashicons,
html body .ct-app[data-ct-app] .ct-nav-group-label .dashicons{
  color:#fff!important;
}
html body .ct-app[data-ct-app] .ct-subnav-dot{
  background-color:rgba(255,255,255,.78)!important;
}
html body .ct-app[data-ct-app] .ct-phase-submenu{
  background:rgba(0,0,0,.08)!important;
}
html body .ct-app[data-ct-app] .ct-help-card{
  background:var(--ct-theme-primary)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
html body .ct-app[data-ct-app] .ct-help-card small,
html body .ct-app[data-ct-app] .ct-sidebar-user small{
  color:rgba(255,255,255,.78)!important;
}
html body .ct-app[data-ct-app] .ct-sidebar-user strong{
  color:#fff!important;
}
html body .ct-app[data-ct-app] .ct-sidebar-logout{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}

/* Active or hovered entries preserve the configured accent contrast. */
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{
  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;
}
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-item--phase-group.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-sidebar details[open] > .ct-nav-item .dashicons{
  color:var(--ct-theme-active-text,#fff)!important;
}
html body .ct-app[data-ct-app] .ct-subnav:hover .ct-subnav-dot,
html body .ct-app[data-ct-app] .ct-subnav.is-active .ct-subnav-dot{
  background-color:var(--ct-theme-active-text,#fff)!important;
}

/* Keep the standard sidebar footer available on every Dashboard viewport. */
html body .ct-app[data-ct-app] .ct-sidebar-footer{
  display:flex!important;
  min-height:59px!important;
  padding:14px 16px!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
}

/* Dashboard-only legacy rules are reset to the normal user shell on desktop. */
@media(min-width:981px){
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-sidebar{
    width:260px!important;
    padding:0!important;
    background:var(--ct-theme-primary)!important;
    border-right:1px solid rgba(255,255,255,.22)!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-logo-wrap{
    height:auto!important;
    min-height:91px!important;
    padding:20px!important;
    border-bottom:1px solid var(--ct-theme-border,#dfe7ef)!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-sidebar-scroll{
    padding:15px 0!important;
    background:var(--ct-theme-primary)!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-nav-section-title{
    padding:10px 20px 6px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-nav-item,
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-nav-group-label{
    min-height:40px!important;
    padding:10px 20px!important;
    gap:10px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-subnav{
    min-height:28px!important;
    padding:5px 8px 5px 35px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-help-card{
    min-height:0!important;
    margin:8px 14px 12px!important;
    padding:12px!important;
    border-radius:6px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-sidebar-footer{
    display:flex!important;
    min-height:59px!important;
    padding:14px 16px!important;
    background:var(--ct-theme-primary)!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-main{
    margin-left:260px!important;
    width:calc(100% - 260px)!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-topbar{
    height:72px!important;
    padding:10px 25px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-topbar-left h1{
    font-size:24px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-topbar-left p{
    margin-top:4px!important;
    font-size:10px!important;
  }
  html body .ct-app[data-ct-app].ct-view-dashboard .ct-app-footer{
    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:var(--ct-theme-primary)!important;
    color:#fff!important;
  }
}