/* VOLENG V1.29.72 — Shell & Home alignment stabilization
   Scope: compact sidebar geometry, Home header signature placement, duplicate hero line cleanup.
   No route, data, form or entitlement behavior changes. */

:root{
  --voleng-spectrum-smooth:linear-gradient(90deg,#2563eb 0%,#06b6d4 20%,#10b981 40%,#f59e0b 60%,#ef4444 80%,#8b5cf6 100%);
  --voleng-compact-sidebar:76px;
}

/* One signature line only. The page header owns the VOLENG multicolor line;
   the command hero does not repeat it. */
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader,
body .simpleApp .productStandardHome > header.workspaceMasterHeader{
  position:relative!important;
  min-height:64px!important;
  padding-bottom:12px!important;
  margin-bottom:14px!important;
}
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader::after,
body .simpleApp .productStandardHome > header.workspaceMasterHeader::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--voleng-spectrum-smooth)!important;
  box-shadow:none!important;
}
body .simpleApp .v12971HomeHero::before{display:none!important}

/* Operations Home: filters/tabs/dates stay clearly above the signature line. */
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack{
  align-items:center!important;
  padding-top:6px!important;
  padding-bottom:13px!important;
}
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack > .pageHeaderCenter,
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack > .pageHeaderAction{
  align-self:center!important;
  margin-bottom:0!important;
}
body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack :is(input,select,button){
  position:relative!important;
  z-index:1!important;
}

/* Stable compact sidebar: same width, same brand block, same first-nav position in every product. */
@media (min-width:901px){
  body .simpleApp.sidebarCompact > #volengNavigation{
    width:var(--voleng-compact-sidebar)!important;
    min-width:var(--voleng-compact-sidebar)!important;
    max-width:var(--voleng-compact-sidebar)!important;
    padding:10px 8px 12px!important;
    overflow-x:hidden!important;
  }
  body .simpleApp.sidebarCompact > main{
    margin-left:var(--voleng-compact-sidebar)!important;
    width:calc(100% - var(--voleng-compact-sidebar))!important;
  }

  /* Brand and hamburger always occupy two dedicated rows. */
  body .simpleApp.sidebarCompact > #volengNavigation .brand.multiProductBrand{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:52px 40px!important;
    place-items:center!important;
    row-gap:7px!important;
    width:100%!important;
    min-height:99px!important;
    height:99px!important;
    padding:0!important;
    margin:0 0 10px!important;
    overflow:visible!important;
  }
  body .simpleApp.sidebarCompact > #volengNavigation .platformHomeBrand{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    grid-row:1!important;
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body .simpleApp.sidebarCompact > #volengNavigation .masterBrandIdentity{
    display:grid!important;
    place-items:center!important;
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
  }
  body .simpleApp.sidebarCompact > #volengNavigation .masterBrandIdentity > .volengSiteLogo{
    display:block!important;
    width:42px!important;
    height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body .simpleApp.sidebarCompact > #volengNavigation .sidebarToggle{
    position:static!important;
    grid-row:2!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }

  /* Remove hidden label geometry completely so first icon starts at one fixed Y position. */
  body .simpleApp.sidebarCompact > #volengNavigation :is(.navGroupLabel,.productNavGroupLabel,.productToolsLabel){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  body .simpleApp.sidebarCompact > #volengNavigation .nav{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    margin:3px auto!important;
    gap:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  body .simpleApp.sidebarCompact > #volengNavigation .nav > svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    margin:0!important;
  }
  body .simpleApp.sidebarCompact > #volengNavigation .nav > span,
  body .simpleApp.sidebarCompact > #volengNavigation .nav .navCount{
    display:none!important;
  }
  /* In compact mode a protruding multicolor rail causes the yellow/blue overlap seen in screenshots. */
  body .simpleApp.sidebarCompact > #volengNavigation .nav.active::before{display:none!important}
  body .simpleApp.sidebarCompact > #volengNavigation .nav.active{
    padding:0!important;
    box-shadow:0 5px 14px rgba(25,58,96,.08)!important;
  }

  body .simpleApp.sidebarCompact > #volengNavigation .who,
  body .simpleApp.sidebarCompact > #volengNavigation .sidebarProfileCard{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    margin:5px auto!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
}

@media(max-width:900px){
  body .simpleApp .dispatchHomePage > header.compactWorkspaceHeader,
  body .simpleApp .productStandardHome > header.workspaceMasterHeader{
    min-height:58px!important;
    padding-bottom:10px!important;
  }
}