/* Final layout rules, after older fixed-minimum tile styles. */
@media screen{
 #admin.officeCompact.officeOnHome>.top{padding:12px 16px!important;gap:8px!important;margin-bottom:8px!important}
 #admin.officeCompact.officeOnHome>.top .officeWelcome{padding-top:6px!important;margin-top:4px!important}
 #admin.officeOnHome .officeNotificationGroups{padding:6px 10px!important;margin:6px 0!important;min-height:0!important}
 #admin.officeOnHome .officeNotificationGroups>.btn{padding:6px 10px!important;min-height:0!important}
 #admin.officeCompact #officeHome .homeDriverSummary{padding:8px!important;margin:6px 0!important}
 #admin.officeCompact #officeHome .driverHubStatCard{padding:6px 8px!important;min-height:0!important;gap:2px!important}
 #admin.officeCompact #officeHome .driverHubStatCard b{font-size:24px!important;line-height:1.1!important}
 #admin.officeCompact #officeHome .driverHubNames{margin-top:5px!important;gap:6px!important}
 #admin.officeCompact #officeHome .driverHubNames>div{padding:5px 8px!important;font-size:12px!important;line-height:1.2!important}
 #admin #dhStatusQuality,#admin #dashStatusQuality{padding:5px 8px!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;max-width:100%;box-sizing:border-box;margin:4px 0!important;min-height:0!important}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitGrid{height:var(--office-fit-height)!important;min-height:0!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:repeat(var(--office-fit-rows),minmax(44px,1fr))!important;gap:5px!important;margin-bottom:0!important}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitGrid>.officeTile{grid-column:span var(--office-tile-span,3)!important;grid-row:auto!important;min-height:0!important;min-width:0!important;height:auto!important;position:relative}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitGrid>.officeTile>b{font-size:14px!important;overflow-wrap:anywhere}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitGrid>.officeTile>small{font-size:11px!important}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitTight>.officeTile>.officeTileIcon{display:none!important}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitTight>.officeTile>small{display:none!important}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitTight>.officeTile>b{font-size:12px!important}
 #admin.officeCompact #officeHome>.officeTileGrid.officeFitGrid>.officeTile>.officeNoteDueCount{position:static!important;max-width:100%;font-size:9px!important}
 #admin>.tab{box-sizing:border-box;min-width:0;max-width:100%}
 #admin>.tab .grid>*{min-width:0}#admin>.tab input,#admin>.tab select,#admin>.tab textarea{box-sizing:border-box;max-width:100%}
}
@media screen and (min-width:1100px){#admin.officeCompact.officeOnHome>.top{flex-wrap:nowrap!important;align-items:center!important}#admin.officeCompact.officeOnHome>.top .right{gap:6px!important}#admin.officeCompact.officeOnHome>.top .right>.btn{padding:8px 10px!important;font-size:13px!important}#admin.officeCompact.officeOnHome>.top .officeWelcome{display:none!important}}
@media screen and (max-width:900px){#admin.officeCompact #officeHome .driverHubNames{display:none!important}#admin.officeCompact #officeHome .driverHubStatCard{padding:3px 2px!important}#admin.officeCompact #officeHome .driverHubStatCard b{font-size:18px!important}#admin.officeCompact #officeHome .homeDriverSummary{padding:5px!important}#admin.officeCompact #officeHome>.officeTileGrid.officeFitGrid>.officeTile>b{font-size:12px!important}#admin #dhStatusQuality,#admin #dashStatusQuality{font-size:10px!important;padding:3px!important}}
/* These panels are moved outside #admin into dialogs: restore scoped layouts. */
#kilometersDialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:1450px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:14px;border:1px solid #cbd8e9;border-radius:14px;overflow:hidden}
#kilometersDialog[open]{display:flex;flex-direction:column}#kilometersDialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}#kilometersDialog>header h2{margin:0;font-size:20px}#kilometersDialog .restOverviewContent{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}#kilometersDialog .kmDriverTotals473{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px;margin:10px 0}#kilometersDialog .kmDriverTotal473{border:1px solid #d8e3f0;border-radius:10px;background:white;padding:10px;min-width:0;overflow-wrap:anywhere}#kilometersDialog .kmDriverTotal473 b{font-size:20px}#kilometersDialog .table{max-width:100%;overflow:auto}#kilometersDialog .kmAggGrid479{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px}#kilometersDialog [hidden]{display:none!important}
@media screen and (min-width:901px) and (max-height:700px){#admin.officeCompact.officeOnHome>.top .officeWelcome{display:none!important}}