/* Flex rows must size their own tiles, never inherit the old grid's 100% height.
   Keep this in the first important layer so older theme rules cannot undo it. */
@layer office-single-workspace {
 #admin:not(.hidden):has(>#officeHome.active) {
  display:flex!important;flex-direction:column!important;
  height:100dvh!important;min-height:100dvh!important;box-sizing:border-box!important;
 }
 #admin:has(>#officeHome.active)>.top {flex:0 0 auto!important;}
 #admin>#officeHome.active {
  display:flex!important;flex-direction:column!important;
  flex:1 1 0!important;min-height:0!important;height:auto!important;
 }
 #admin #officeHomePrimary.arrangedHome {
  height:auto!important;min-height:0!important;min-width:0!important;
  flex:1 1 auto!important;align-content:stretch!important;align-items:stretch!important;
  box-sizing:border-box!important;
 }
 #admin #officeHomePrimary.arrangedHome button {
  height:auto!important;min-height:60px!important;max-height:none!important;
  aspect-ratio:auto!important;box-sizing:border-box!important;
  align-self:stretch!important;white-space:normal!important;overflow-wrap:anywhere!important;
 }
 #admin #officeHomePrimary.arrangedHome .homeFundingRow {display:contents!important;}
 @media(max-width:900px){
  /* Mobile office: status buttons already open the names on demand. */
  #admin #officeHome .driverHubNames {display:none!important;}
  #admin #officeHome .homeDriverSummary {flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important;}
  #admin #officeHomePrimary {width:100%!important;max-width:100%!important;min-width:0!important;gap:6px!important;}
  #admin #officeHomePrimary.arrangedHome button {flex:1 1 calc(50% - 6px)!important;min-width:0!important;max-width:100%!important;}
  #admin #officeHomePrimary.arrangedHome button {min-height:48px!important;}
 }
}