/* Office presentation only. Tables remain horizontally scrollable. */
#admin .officeTileGrid.officeHomeLinks:empty,#admin .officeHomeHeading{display:none!important}
#admin.officeCompact #officeHome>.officeTileGrid{height:auto!important;min-height:0!important;grid-template-rows:none!important;grid-auto-rows:minmax(96px,auto);align-items:stretch}
#admin .officeLeaveStack{display:flex!important;flex-direction:column;gap:6px}
#admin .officeLeaveStack>.officeTile{flex:1;min-height:64px}
#admin .officeLeaveStack>.officeLeaveOld{flex:0 0 auto;min-height:44px}
#admin .compactHomeGroups .officeLeaveLegacyLink{min-height:44px;padding-left:16px;border-left:3px solid #c9dcf5;font-weight:650}
#admin .compactOfficeSidebar .officeLeaveLegacyLink{padding-left:20px;min-height:36px}
#admin .compactOfficeSidebar{scroll-padding-block:8px}
#admin .btn:focus-visible,#admin button:focus-visible{outline:3px solid #176fd2;outline-offset:2px}
#admin .tab input,#admin .tab select,#admin .tab textarea{max-width:100%;box-sizing:border-box;scroll-margin-top:calc(var(--office-fixed-stack-height,160px) + 12px);scroll-margin-bottom:88px}
#admin .tab>.card{scroll-margin-top:calc(var(--office-fixed-stack-height,160px) + 12px)}
#admin>#officeFixedBack{bottom:calc(12px + env(safe-area-inset-bottom));left:12px;min-height:44px;padding:10px 18px;border:1px solid #9eb9d9;color:#173653}
#admin>.tab:not(#officeHome){padding-bottom:88px!important}
#kilometersDialog>header,#restOverviewDialog>header,.customerInviteModalCard>.modalHead{position:sticky;top:0;z-index:10}.customerInviteModalCard>.modalHead{background:#fff}
.officeTachoDialog>.officeTachoBack{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 3px 12px #17345326;min-height:44px}
@media(max-width:900px){
 #admin.officeCompact #officeHome>.officeTileGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;grid-auto-rows:minmax(88px,auto)}
 #admin.officeCompact .officeTile{padding:10px 7px;gap:6px;border-radius:11px}
 #admin.officeCompact .officeTile b{font-size:14px;overflow-wrap:anywhere}
 #admin .homeDriverSummary .driverHubStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 #admin .homeDriverSummary .driverHubStatCard{min-height:72px!important;padding:8px!important}
 #admin .homeDriverSummary .driverHubStatCard:last-child{grid-column:1/-1}
 #admin .tab .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
 #admin .tab .field{min-width:0}
 #admin .tab .actions{flex-wrap:wrap;gap:8px}
 #admin .tab .actions>.btn{min-height:44px;white-space:normal}
 #admin .tab .table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 #admin .tab{min-width:0;max-width:100%}
 #admin .tab input:not([type=checkbox]):not([type=radio]),#admin .tab select,#admin .tab textarea{font-size:16px;min-height:42px}
 #clbvLeaveOverlay505 .clbvLeaveHead505{gap:8px;align-items:center}
 #clbvLeaveOverlay505 .clbvLeaveHead505 .btn{flex-shrink:0;min-height:44px}
}
@media(min-width:1101px){
 #admin[data-office-layout=compact] #officeHome .compactHomeGroups{min-height:0!important;align-items:start}
 #admin[data-office-layout=compact] #officeHome .compactHomeGroups section>button{flex:0 0 auto;min-height:44px;padding:10px 4px}
 #admin[data-office-layout=compact] #officeHome .compactHomeGroups .officeLeaveLegacyLink{padding-left:16px}
}
@media(max-width:900px){
 #admin.officeCompact>.top{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:10px 12px!important;gap:8px!important}
 #admin>.top .brand{min-width:0!important;width:100%!important;max-width:100%!important;flex-wrap:nowrap!important}
 #admin>.top .brand>div{min-width:0}
 #admin>.top .brand .logo{flex-shrink:0}
 #admin>.top .right{display:flex!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;gap:6px!important;min-width:0!important}
 #admin>.top .right>.btn{flex:1 1 auto;min-height:40px!important;width:auto!important;padding:8px 10px!important}
 #admin>.top .officeLayoutChoice{display:none!important}
 #admin>.top .officeWelcome{grid-column:1/-1;font-size:12px}
}
/* Equal Home tiles, filling the available width. */
#admin.officeCompact #officeHome>.officeTileGrid{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:112px!important;gap:10px!important;align-items:stretch!important}
#admin.officeCompact #officeHome>.officeTileGrid>.officeTile{height:100%!important;min-height:0!important;box-sizing:border-box;justify-content:center!important}
@media(min-width:901px){#admin.officeCompact #officeHome>.officeTileGrid>.officeTile:nth-last-child(-n+2){grid-column:span 2}}
@media(max-width:900px){#admin.officeCompact #officeHome>.officeTileGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:96px!important;gap:8px!important}}
/* Shorter Home tiles to reduce scrolling. */
#admin.officeCompact #officeHome>.officeTileGrid{grid-auto-rows:78px!important;gap:7px!important}
#admin.officeCompact #officeHome>.officeTileGrid>.officeTile{padding:6px 8px!important;gap:4px!important}
#admin.officeCompact #officeHome .officeTileIcon{font-size:22px!important}
#admin.officeCompact #officeHome .officeTile b{font-size:14px!important;line-height:1.15}
#admin.officeCompact #officeHome .officeTile small{font-size:11px!important;line-height:1.15}
@media(max-width:900px){#admin.officeCompact #officeHome>.officeTileGrid{grid-auto-rows:66px!important;gap:6px!important}#admin.officeCompact #officeHome .officeTileIcon{font-size:20px!important}}
/* Fill remaining screen space; retain a readable minimum on small screens. */
#admin.officeCompact #officeHome>.officeTileGrid{height:max(260px,var(--home-grid-space,400px))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:7px!important}
#admin.officeCompact #officeHome>.officeTileGrid>.officeTile{min-height:0!important;overflow:hidden;gap:3px!important}
@media(max-width:900px){
 #admin.officeCompact #officeHome>.officeTileGrid{height:max(350px,var(--home-grid-space,450px))!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:5px!important}
 #admin.officeCompact #officeHome>.officeTileGrid>.officeTile{flex-direction:row!important;padding:6px!important;gap:6px!important}
 #admin.officeCompact #officeHome .officeTile b{font-size:13px!important;line-height:1.2}
 #admin.officeCompact #officeHome .officeTileIcon{font-size:19px!important;flex-shrink:0}
 #admin .homeDriverSummary .driverHubStats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
 #admin .homeDriverSummary .driverHubStatCard{min-height:50px!important;padding:5px!important}
 #admin .homeDriverSummary .driverHubStatCard:last-child{grid-column:auto!important}
 #admin .homeDriverSummary .driverHubStatCard b{font-size:21px!important}
 #admin .homeDriverSummary .driverHubNames{display:none!important}
 #admin .homeDriverSummary{padding:6px!important;margin:6px 0!important}
}
@media(min-width:1101px){
 #admin[data-office-layout=compact] #officeHome .compactHomeGroups{min-height:var(--home-remaining-height,0px)!important;align-items:stretch}
 #admin[data-office-layout=compact] #officeHome .compactHomeGroups section>button{flex:1;min-height:44px}
}