/* Office-only: chauffeur layout stays on its 25 October rules. */

@layer portal-sticky-header {
 @media screen {:root:has(#admin:not(.hidden)) body:has(#admin:not(.hidden)),:root:has(#admin:not(.hidden)) body:has(#driver:not(.hidden)),:root:has(#admin:not(.hidden)) body:has(#customer:not(.hidden)){
   height: auto !important;
   max-height: none !important;
   overflow: visible !important;
  }:root:has(#admin:not(.hidden)) #admin:not(.hidden),:root:has(#admin:not(.hidden)) #driver:not(.hidden),:root:has(#admin:not(.hidden)) #customer:not(.hidden){
   height: auto !important;
   max-height: none !important;
   overflow: visible !important;
  }:root:has(#admin:not(.hidden)) #admin > .tab.active{ flex: 0 0 auto !important; }:root:has(#admin:not(.hidden)) #admin > .top,:root:has(#admin:not(.hidden)) #driver > .top,:root:has(#admin:not(.hidden)) #customer > .top,:root:has(#admin:not(.hidden)) dialog > header,:root:has(#admin:not(.hidden)) dialog > .portalBackHeader,:root:has(#admin:not(.hidden)) dialog > .proposalDialogHeader,:root:has(#admin:not(.hidden)) #mobilePersonnelWorkspace > header{
   position: sticky !important;
   top: 0 !important;
   bottom: auto !important;
   z-index: 100 !important;
   flex-shrink: 0 !important;
   isolation: isolate;
  }:root:has(#admin:not(.hidden)) #admin > .top,:root:has(#admin:not(.hidden)) #driver > .top,:root:has(#admin:not(.hidden)) #customer > .top{
   align-self: stretch !important;
  }
 }
}