/* VOLENG V1.29.73 — Operations / Finance sidebar brand + Operations Home filter alignment
   Scope only:
   1) Operations + Finance use the same fixed sidebar brand geometry as the accepted HR / Fleet shell.
   2) Operations Home period/date controls sit as one compact group at the upper-right of the page toolbar.
   No route, data, API, permission, form, entitlement or commercial behavior changes. */

:root{--voleng-product-sidebar-stable:184px}

/* Operations and Finance: lock the left rail + V mark to one stable desktop frame. */
@media (min-width:901px){
  body:is([data-voleng-product="operations"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--voleng-product-sidebar-stable)!important;
    min-width:var(--voleng-product-sidebar-stable)!important;
    max-width:var(--voleng-product-sidebar-stable)!important;
    padding:10px 8px 12px!important;
    overflow-x:hidden!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > main{
    margin-left:var(--voleng-product-sidebar-stable)!important;
    width:calc(100% - var(--voleng-product-sidebar-stable))!important;
  }

  body:is([data-voleng-product="operations"],[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="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .platformHomeBrand{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    justify-self:start!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!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="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .masterBrandIdentity{
    display:grid!important;
    place-items:center!important;
    justify-content:center!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .masterBrandIdentity > img.volengSiteLogo{
    display:block!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    min-height:46px!important;
    max-height:46px!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;
  }
  body:is([data-voleng-product="operations"],[data-voleng-product="finance"]) .simpleApp:not(.sidebarCompact) > #volengNavigation .sidebarToggle{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }
}

/* Operations Home: title owns the left side, all reporting controls form one clean right-side group. */
@media (min-width:1181px){
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack{
    grid-template-columns:minmax(220px,1fr) max-content!important;
    align-items:center!important;
    column-gap:20px!important;
    padding-top:7px!important;
    padding-bottom:13px!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack > .pageTitleBlock{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    max-width:none!important;
    width:auto!important;
    overflow:visible!important;
  }
  body[data-voleng-product="operations"] .simpleApp .dispatchHomePage > header.compactWorkspaceHeader.noBack > .pageHeaderCenter{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    justify-content:flex-end!important;
    width:max-content!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    padding:0!important;
    margin:0!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;
  }
}