@media(max-width:900px){
#admin>.top .right{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;width:100%!important}
#admin>.top .right>.btn{flex:1 1 0!important;min-width:0!important;padding:6px 3px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;min-height:40px!important}
#admin>.top .right #officeFixedBack{position:static!important;margin:0!important;box-shadow:none!important}
#admin>.top .right #officeFixedBack[hidden]{display:none!important}
#admin #dash>.officeHomeLinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:74px!important}
#admin #dash>.officeHomeLinks .officeTile b{font-size:13px!important}
}
@media(max-width:900px){
#admin.officeCompact #dash.active{display:flex!important;flex-direction:column;gap:6px!important;height:var(--mobile-menu-space,480px)!important;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important}
#admin.officeCompact #dash>.officeHomeLinks{flex:1 1 0!important;min-height:132px!important;height:auto!important;grid-template-rows:repeat(3,minmax(40px,1fr))!important;grid-auto-rows:40px!important;gap:5px!important;margin:0!important}
#admin.officeCompact #dash>.officeHomeLinks .officeTile{min-height:0!important;padding:4px!important;gap:3px!important}
#admin.officeCompact #dash>.officeHomeLinks .officeTileIcon{font-size:20px!important}
#admin.officeCompact #dash>.kilometerShortcuts{flex:0 0 46px!important;min-height:0!important;margin:0!important;gap:5px!important}
#admin.officeCompact #dash>.kilometerShortcuts>.btn{min-height:0!important;padding:4px!important;font-size:12px!important}
#admin.officeCompact #dash>.officeSummaryTiles{flex:0 0 52px!important;min-height:0!important;margin:0!important;gap:5px!important}
#admin.officeCompact #dash .officeSummaryTile{min-height:0!important;padding:4px!important;font-size:11px!important}
#admin.officeCompact #dash .officeSummaryTile small{font-size:10px!important;line-height:1.2!important}
#admin.officeCompact #dash>.dashMainGrid{flex:0 0 44px!important;min-height:0!important;margin:0!important;gap:0!important}
#admin.officeCompact #dash .restOverviewLaunch{min-height:44px!important;padding:6px!important;font-size:14px!important;margin:0!important}
}
@media(max-width:900px){
#admin.officeCompact:has(>#dash.active){height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;padding-bottom:12px!important;gap:8px!important}
#admin.officeCompact:has(>#dash.active)>.top,#admin.officeCompact:has(>#dash.active)>.officeNotifications{flex-shrink:0!important;margin-bottom:0!important}
#admin.officeCompact #dash.active{flex:1 1 0!important;height:auto!important}
}
@media(max-width:900px){
#admin.officeCompact:has(>#dash.active){height:calc(100dvh - 24px)!important}
#admin:has(>#dash.active) .officeNotificationGroups{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}
#admin:has(>#dash.active) .officeNotificationStatus{grid-column:1/-1}
#admin:has(>#dash.active) .officeNotificationGroups>.btn{min-width:0!important;padding:4px 2px!important;font-size:10px!important;white-space:normal!important;line-height:1.15!important}
}
