/* VOLENG V1.29.74 — unified sidebar shell + Operations Home toolbar fix
   Scope only:
   1) Lock one identical left sidebar brand frame across Operations, Workforce / HR, Fleet and Finance.
   2) Keep the Operations Home filter/date toolbar inside the header, compact and right-aligned.
   No data, permission, API, workflow or commercial behavior changes. */

:root{--voleng-shell-stable-sidebar:184px;--voleng-shell-brand-size:46px;--voleng-shell-brand-box:54px}

/* One stable desktop sidebar frame for all four sellable products. */
@media (min-width:901px){
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact){
    grid-template-columns:var(--voleng-shell-stable-sidebar) minmax(0,1fr)!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--voleng-shell-stable-sidebar)!important;
    min-width:var(--voleng-shell-stable-sidebar)!important;
    max-width:var(--voleng-shell-stable-sidebar)!important;
    padding:10px 8px 12px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > main{
    margin-left:var(--voleng-shell-stable-sidebar)!important;
    width:calc(100% - var(--voleng-shell-stable-sidebar))!important;
    min-width:0!important;
  }

  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .brand.multiProductBrand{
    position:sticky!important;
    top:0!important;
    z-index:130!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:68px!important;
    height:68px!important;
    padding:5px 7px 7px!important;
    margin:0 0 8px!important;
    overflow:visible!important;
    background:var(--theme-sidebar,var(--theme-surface,#fff))!important;
    border-bottom:1px solid var(--theme-border,#d7e0e8)!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .platformHomeBrand{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    justify-self:start!important;
    align-self:center!important;
    width:var(--voleng-shell-brand-box)!important;
    min-width:var(--voleng-shell-brand-box)!important;
    max-width:var(--voleng-shell-brand-box)!important;
    height:var(--voleng-shell-brand-box)!important;
    min-height:var(--voleng-shell-brand-box)!important;
    max-height:var(--voleng-shell-brand-box)!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .masterBrandIdentity{
    display:grid!important;
    place-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    width:var(--voleng-shell-brand-box)!important;
    min-width:var(--voleng-shell-brand-box)!important;
    max-width:var(--voleng-shell-brand-box)!important;
    height:var(--voleng-shell-brand-box)!important;
    min-height:var(--voleng-shell-brand-box)!important;
    max-height:var(--voleng-shell-brand-box)!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    flex:none!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .masterBrandIdentity > img.volengSiteLogo{
    display:block!important;
    width:var(--voleng-shell-brand-size)!important;
    min-width:var(--voleng-shell-brand-size)!important;
    max-width:var(--voleng-shell-brand-size)!important;
    height:var(--voleng-shell-brand-size)!important;
    min-height:var(--voleng-shell-brand-size)!important;
    max-height:var(--voleng-shell-brand-size)!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="hr"],[data-voleng-product="fleet"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .sidebarToggle{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    align-self:center!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    flex:none!important;
  }
}

/* Operations Home: keep the header as one clean row and prevent the toolbar from dropping onto the rainbow line. */
@media (min-width:1181px){
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    min-height:72px!important;
    padding-top:8px!important;
    padding-bottom:16px!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack > .pageTitleBlock{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    align-self:center!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack > .pageHeaderCenter{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    align-self:center!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage .homeDashboardControls{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    gap:8px!important;
    margin:0!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage :is(.homePeriodSwitch,.homeDateRange){
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:max-content!important;
    margin:0!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage .homePeriodSwitch{
    gap:3px!important;
    padding:2px!important;
    border:1px solid var(--theme-border,#d7e0e8)!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--theme-surface-soft,#f5f8fb) 86%,var(--theme-surface,#fff))!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage .homeDateRange{gap:7px!important}
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage .homeDateRange > input{
    width:128px!important;
    min-width:128px!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage .homeDateApply{
    min-width:58px!important;
    padding-inline:10px!important;
  }
}