/* Home only: use the visible phone viewport, keeping every navigation tile accessible. */
@media(max-width:900px){
 #admin.officeCompact #officeHome>.officeTileGrid{height:var(--home-grid-space,350px)!important;min-height:0!important;grid-template-columns:repeat(var(--home-mobile-columns,2),minmax(0,1fr))!important;grid-template-rows:repeat(var(--home-mobile-rows,7),minmax(44px,1fr))!important;gap:5px!important;margin-bottom:0!important}
 #admin.officeCompact #officeHome .homeDriverSummary .driverHubStats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
 #admin.officeCompact #officeHome .homeDriverSummary .driverHubStatCard{padding:4px 2px!important;min-height:0!important;gap:2px!important}
 #admin.officeCompact #officeHome .homeDriverSummary .driverHubStatCard span{font-size:10px!important;line-height:1.15!important;min-height:34px;overflow-wrap:normal!important}
 #admin.officeCompact #officeHome .homeDriverSummary .driverHubStatCard b{font-size:20px!important;line-height:1!important}
 #admin.officeCompact #officeHome .homeDriverSummary .driverHubStatCard small{font-size:10px!important;line-height:1.1!important}
 #admin.officeCompact #officeHome>.officeTileGrid.homeShortScreen .officeTile{padding:3px!important;gap:2px!important}
 #admin.officeCompact #officeHome>.officeTileGrid.homeShortScreen .officeTileIcon{display:none!important}
 #admin.officeCompact #officeHome>.officeTileGrid.homeShortScreen .officeTile b{font-size:11px!important;overflow-wrap:anywhere;line-height:1.15!important}
 #admin.officeCompact #officeHome>.officeTileGrid.homeShortScreen .officeTile small{display:none!important}
}
@media(max-width:900px) and (max-height:650px){
 #admin.officeCompact.officeOnHome>.top{padding:6px 9px!important;gap:5px!important}
 #admin.officeCompact.officeOnHome>.top .officeWelcome{display:none!important}
}
@media(max-width:900px){
 #admin.officeCompact #officeHome>.officeTileGrid{height:max(calc(var(--home-mobile-rows,7)*49px - 5px),var(--home-grid-space,350px))!important}
 #admin.officeCompact.officeOnHome>.top .right{flex-wrap:nowrap!important}
 #admin.officeCompact.officeOnHome>.top .right>.btn{min-width:0!important;flex:1 1 0!important;padding:5px 3px!important;font-size:11px!important;white-space:normal!important;line-height:1.15!important}
 #admin.officeOnHome .officeNotificationGroups{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}
 #admin.officeOnHome .officeNotificationGroups>.officeNotificationStatus{grid-column:1/-1}
 #admin.officeOnHome .officeNotificationGroups>.btn{min-width:0!important;padding:4px 2px!important;font-size:10px!important;white-space:normal!important;line-height:1.15!important}
 #admin.officeCompact #officeHome>.officeTileGrid.homeShortScreen .officeTile .badge{position:static!important;font-size:9px!important;padding:2px!important;min-width:0!important}
}
@media(max-width:350px){
 #admin.officeCompact #officeHome .homeDriverSummary .driverHubStatCard span{font-size:9px!important;min-height:32px}
}