/* Office phone presentation only; driver portal and business handlers are untouched. */
@media screen and (max-width:900px){
 body:has(#admin:not(.hidden)) {margin:0}
 body>.wrap:has(>#admin:not(.hidden)){padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
 #admin#admin#admin:not(.hidden){width:100%!important;min-width:0!important;box-sizing:border-box;min-height:var(--mobile-office-height,100dvh)}
 #admin#admin#admin :is(input,select,textarea){max-width:100%!important;min-width:0!important;box-sizing:border-box}
 #admin#admin#admin :is(.grid,.row,.card,.panel){min-width:0!important;max-width:100%!important;box-sizing:border-box}
 #admin#admin#admin .grid{grid-template-columns:minmax(0,1fr)!important}
 #admin#admin#admin .row{flex-wrap:wrap!important}
 #admin#admin#admin>.tab{width:100%!important;max-width:100%!important;box-sizing:border-box}
 #admin#admin#admin .table{max-width:100%!important;overflow:auto}
 #admin#admin#admin.officeOnHome{height:var(--mobile-office-height,100dvh)!important;min-height:0!important;padding:4px!important;gap:4px!important}
 #admin#admin#admin.officeOnHome>.top{padding:6px!important;gap:4px!important;border-radius:12px!important}
 #admin#admin#admin.officeOnHome>.top .logo{width:36px!important;height:36px!important;min-width:36px!important;font-size:20px!important}
 #admin#admin#admin.officeOnHome>.top .brand b{font-size:14px!important;line-height:1.1!important}
 #admin#admin#admin.officeOnHome>.top .muted{font-size:11px!important}
 #admin#admin#admin.officeOnHome>.top .version{font-size:9px!important}
 #admin#admin#admin.officeOnHome>.top .right>.btn{min-height:32px!important;padding:4px!important;font-size:12px!important}
 #admin#admin#admin.officeOnHome>.officeNotificationGroups{padding:4px!important;gap:3px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #admin#admin#admin.officeOnHome>.officeNotificationGroups>.btn{min-height:30px!important;padding:3px!important;font-size:11px!important}
 #admin#admin#admin.officeOnHome .officeNotificationStatus{font-size:12px!important;line-height:16px!important}
 #admin#admin#admin.officeOnHome #officeHome.active{flex:1 1 0!important;height:auto!important;min-height:0!important;padding:0!important;gap:4px!important}
 #admin#admin#admin.officeOnHome #officeHome>.officeTileGrid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(var(--mobile-tile-rows,4),minmax(40px,1fr))!important;grid-auto-rows:minmax(40px,1fr)!important;flex:1 1 0!important;min-height:calc(var(--mobile-tile-rows,4)*44px)!important;height:auto!important;gap:4px!important;margin:0!important}
 #admin#admin#admin.officeOnHome #officeHome>.officeTileGrid>.officeTile{grid-column:span var(--mobile-tile-span,2)!important;height:100%!important;min-height:0!important;padding:4px!important;gap:2px!important}
 #admin#admin#admin.officeOnHome #officeHome>.officeTileGrid>.officeTile b{font-size:11px!important;line-height:1.15!important}
 #admin#admin#admin.officeOnHome .homeDriverSummary{padding:4px!important;font-size:11px!important}
 #admin#admin#admin.officeOnHome .homeDriverSummary .driverHubStats{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 #admin#admin#admin.officeOnHome .homeDriverSummary .driverHubStatCard{padding:3px!important;gap:1px!important}
 #admin#admin#admin.officeOnHome .homeDriverSummary .driverHubStatCard span{font-size:9px!important;min-height:24px!important}
 #admin#admin#admin.officeOnHome .homeDriverSummary .driverHubStatCard b{font-size:18px!important}
 #admin#admin#admin.officeOnHome .homeDriverSummary .btn{min-height:28px!important;padding:3px!important;font-size:10px!important}
}
