/* Critical home layout: one owner for wrapping; older grid spans never apply. */
@media screen {
 #admin#admin.officeCompact:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome>.officeTileGrid {
  display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;align-content:stretch!important;
  gap:5px!important;min-height:0!important;height:var(--office-fit-height,auto)!important;
 }
 #admin#admin.officeCompact #officeHome>.officeTileGrid>.officeTile {
  flex:1 1 calc((100% - (var(--office-fit-columns,4) - 1)*5px)/var(--office-fit-columns,4))!important;
  width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;
  grid-column:auto!important;grid-row:auto!important;min-height:44px!important;height:calc((var(--office-fit-height,420px) - (var(--office-fit-rows,4) - 1)*5px)/var(--office-fit-rows,4))!important;
 }
}

/* Responsive first paint, before the viewport measurement is available. */
@media(max-width:1000px){#admin#admin #officeHome>.officeTileGrid{--office-fit-columns:3}}
@media(max-width:700px){#admin#admin #officeHome>.officeTileGrid{--office-fit-columns:2}}

/* Classic home uses available space directly; no delayed height measurement. */
@media screen {
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]):not(.hidden){display:flex!important;flex-direction:column!important;height:calc(100dvh - 24px)!important;min-height:0!important}
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"])>.top,
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"])>.officeNotificationGroups{flex-shrink:0!important}
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome.active{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;margin:0!important;overflow:visible!important}
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome>.homeDriverSummary{flex:0 0 auto!important}
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome>.officeTileGrid{flex:1 0 auto!important;height:auto!important;min-height:0!important;margin-bottom:0!important;--office-fit-columns:4!important}
 #admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome>.officeTileGrid>.officeTile{height:auto!important;min-height:60px!important;flex-basis:calc((100% - 15px)/4)!important}
}
@media(max-width:1000px){#admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome>.officeTileGrid>.officeTile{flex-basis:calc((100% - 10px)/3)!important}}
@media(max-width:700px){#admin#admin.officeCompact.officeOnHome:not(.officeDemoSelected):not([data-office-layout="compact"]) #officeHome>.officeTileGrid>.officeTile{flex-basis:calc((100% - 5px)/2)!important}}

/* Office menu distributes available space across the actual visible tiles. */
@media screen {
 #admin#admin.officeCompact:has(>#dash.active):not(.hidden){display:flex!important;flex-direction:column!important;height:calc(100dvh - 24px)!important;min-height:0!important;gap:8px!important;padding-bottom:0!important}
 #admin#admin.officeCompact:has(>#dash.active)>:not(#dash){flex-shrink:0!important}
 #admin#admin.officeCompact #dash.active{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:auto!important;min-height:0!important;padding-bottom:0!important;margin:0!important;gap:8px!important;overflow:visible!important}
 #admin#admin.officeCompact #dash.active>:not(.officeHomeLinks){flex:0 0 auto!important}
 #admin#admin.officeCompact #dash>.officeHomeLinks:not(:empty){display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;align-content:stretch!important;flex:1 0 auto!important;gap:8px!important;height:auto!important;min-height:0!important;margin:0!important}
 #admin#admin.officeCompact #dash>.officeHomeLinks>.officeTile{flex:1 1 calc((100% - 24px)/4)!important;height:auto!important;min-height:80px!important;min-width:0!important;max-width:none!important;width:auto!important;box-sizing:border-box!important;grid-column:auto!important;grid-row:auto!important;display:flex;justify-content:center;align-items:center;text-align:center}
 #admin#admin.officeCompact #dash>.officeHomeLinks>.personalLayoutHidden{display:none!important}
}
@media(max-width:1000px){#admin#admin.officeCompact #dash>.officeHomeLinks>.officeTile{flex-basis:calc((100% - 16px)/3)!important}}
@media(max-width:700px){#admin#admin.officeCompact #dash>.officeHomeLinks>.officeTile{flex-basis:calc((100% - 8px)/2)!important;min-height:60px!important}}

@media screen{#admin#admin.officeCompact #dash>.officeHomeLinks:not(:has(>.officeTile:not([hidden]):not(.personalLayoutHidden))){display:none!important}#admin#admin.officeCompact #dash:not(:has(>.officeHomeLinks>.officeTile:not([hidden]):not(.personalLayoutHidden)))>.kilometerShortcuts,#admin#admin.officeCompact #dash:not(:has(>.officeHomeLinks>.officeTile:not([hidden]):not(.personalLayoutHidden)))>.officeSummaryTiles{flex:1 0 auto!important}#admin#admin.officeCompact #dash>.officeHomeLinks>[hidden]{display:none!important}}