/* VOLENG V1.29.70 — Home Brand Frame runtime layer
   Clean baseline: COM 1.29.59
   Scope: product Home header signature + shared left navigation only. */
:root{
  --voleng-spectrum:linear-gradient(90deg,
    #185df0 0 16%,
    #18b8bc 16% 33%,
    #ffd11c 33% 50%,
    #ff9f1a 50% 66%,
    #f3394c 66% 82%,
    #6a37df 82% 100%);
}

/* HOME HEADER — override the legacy 44px single-colour accent from V1.29.47. */
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader,
body .simpleApp .productStandardHome > header.workspaceMasterHeader{
  position:relative!important;
}
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader::after,
body .simpleApp .productStandardHome > header.workspaceMasterHeader::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--voleng-spectrum)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* Shared sidebar geometry across Operations / Workforce / Fleet / Finance / Control. */
body .simpleApp > #volengNavigation .nav{
  position:relative!important;
  min-height:42px!important;
  margin:3px 6px!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--theme-muted,#64778b)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
body .simpleApp > #volengNavigation .nav > svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}
body .simpleApp > #volengNavigation .nav > span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:750!important;
}
body .simpleApp > #volengNavigation .nav:hover{
  background:color-mix(in srgb,var(--theme-surface-soft,#f5f8fb) 88%,var(--theme-surface,#fff))!important;
  border-color:color-mix(in srgb,var(--theme-border,#d7e0e8) 84%,transparent)!important;
  color:var(--theme-text,#17304f)!important;
}
body .simpleApp > #volengNavigation .nav.active{
  padding-left:14px!important;
  background:color-mix(in srgb,var(--theme-surface-raised,#fff) 88%,var(--product-soft,#eef4ff) 12%)!important;
  border-color:color-mix(in srgb,var(--theme-border,#d7e0e8) 70%,var(--product-accent,#2f5bdb) 30%)!important;
  color:var(--theme-text,#17304f)!important;
  box-shadow:0 4px 12px rgba(15,23,42,.04)!important;
}
body .simpleApp > #volengNavigation .nav.active::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:6px!important;
  bottom:6px!important;
  width:4px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,#185df0 0%,#18b8bc 22%,#ffd11c 42%,#ff9f1a 61%,#f3394c 80%,#6a37df 100%)!important;
  pointer-events:none!important;
}
body .simpleApp > #volengNavigation .nav.active > svg{
  color:var(--product-accent,var(--theme-accent-ink,#2f5bdb))!important;
}
body .simpleApp > #volengNavigation .navGroupLabel{
  margin:10px 6px 2px!important;
  padding:7px 10px 4px!important;
}
body .simpleApp > #volengNavigation .navGroupLabel > span{
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  line-height:1.2!important;
}
body .simpleApp.sidebarCompact > #volengNavigation .nav{
  justify-content:center!important;
  margin-left:7px!important;
  margin-right:7px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
body .simpleApp.sidebarCompact > #volengNavigation .nav.active{padding-left:10px!important}

@media(max-width:900px){
  body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader::after,
  body .simpleApp .productStandardHome > header.workspaceMasterHeader::after{height:2px!important}
}