@media(max-width:900px){
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin.mobileAdminHome>.officeNotificationGroups{display:none!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin.mobileAdminHome>:is(#officeHome,#dash).active{min-height:0!important;height:auto!important;flex:0 0 auto!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #dash.active>.officeTileGrid.officeHomeLinks{flex:0 0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:72px!important;grid-auto-rows:72px!important;height:auto!important;min-height:0!important;align-content:start!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #dash.active>.officeHomeLinks>.officeTile{height:72px!important;min-height:0!important;grid-column:auto!important;padding:6px!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome>.mobileAdminButtonGroup{flex:0 0 auto!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome>.mobileAdminButtonGroup>nav{display:contents!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome .mobileAdminButtonGroup .btn{width:100%!important;height:64px!important;min-height:44px!important;margin:0!important;padding:6px!important;font-size:13px!important;line-height:1.2!important;box-sizing:border-box!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome .mobileKadircimHome{grid-column:auto!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin :is(#officeHome,#dash) :is(.btn,.officeTile),body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin>.top .btn{background:#1666df!important;color:#fff!important;box-shadow:none!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin :is(#officeHome,#dash) .officeTile :is(b,small){color:inherit!important}
body :is(#tollRows#tollRows#tollRows>tr,#tollGroups#tollGroups#tollGroups tbody>tr,#fuelGroups504#fuelGroups504#fuelGroups504 tbody>tr,#fuelRows#fuelRows#fuelRows>tr,#cmrRows#cmrRows#cmrRows>tr.mediaDriverFileRow){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 10px!important;padding:8px!important;margin:6px 0!important;min-height:0!important;height:auto!important;border-width:1px!important;align-items:start!important}
body :is(#tollRows#tollRows#tollRows>tr,#tollGroups#tollGroups#tollGroups tbody>tr,#fuelGroups504#fuelGroups504#fuelGroups504 tbody>tr,#fuelRows#fuelRows#fuelRows>tr,#cmrRows#cmrRows#cmrRows>tr.mediaDriverFileRow)>td{grid-column:auto!important;min-width:0!important;min-height:0!important;padding:0!important;font-size:13px!important;line-height:1.25!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important}
body :is(#tollRows#tollRows#tollRows>tr,#tollGroups#tollGroups#tollGroups tbody>tr,#fuelGroups504#fuelGroups504#fuelGroups504 tbody>tr,#fuelRows#fuelRows#fuelRows>tr,#cmrRows#cmrRows#cmrRows>tr.mediaDriverFileRow)>td::before{display:block!important;font-size:10px!important;line-height:1.2!important;margin-bottom:2px!important;content:attr(data-office-label)!important}
body :is(#tollRows#tollRows#tollRows>tr,#tollGroups#tollGroups#tollGroups tbody>tr,#fuelGroups504#fuelGroups504#fuelGroups504 tbody>tr,#fuelRows#fuelRows#fuelRows>tr,#cmrRows#cmrRows#cmrRows>tr.mediaDriverFileRow)>td:last-child{grid-column:1/-1!important}
body :is(#tollRows#tollRows#tollRows,#tollGroups#tollGroups#tollGroups,#fuelGroups504#fuelGroups504#fuelGroups504,#fuelRows#fuelRows#fuelRows,#cmrRows#cmrRows#cmrRows) :is(select,input){width:100%!important;min-width:0!important;height:36px!important;min-height:0!important;padding:4px!important;font-size:16px!important}
body :is(#tollRows#tollRows#tollRows,#tollGroups#tollGroups#tollGroups,#fuelGroups504#fuelGroups504#fuelGroups504,#fuelRows#fuelRows#fuelRows,#cmrRows#cmrRows#cmrRows) :is(button,.btn){width:auto!important;min-height:36px!important;height:36px!important;padding:4px 9px!important;font-size:12px!important;margin:0!important;background:#1666df!important;color:#fff!important}
body :is(#tollRows#tollRows#tollRows,#tollGroups#tollGroups#tollGroups,#fuelGroups504#fuelGroups504#fuelGroups504,#fuelRows#fuelRows#fuelRows,#cmrRows#cmrRows#cmrRows) :is(.badge,.newNoticeBadge){font-size:10px!important;padding:2px 5px!important;line-height:1.2!important}
body dialog.receiptOverviewScreen:not(.fuelEditorScreen)>header{padding:6px!important;gap:8px!important}
body dialog.receiptOverviewScreen:not(.fuelEditorScreen)>header h2{font-size:18px!important}
body #tollGroups#tollGroups#tollGroups td:first-child>span{font-size:10px!important;padding:1px 4px!important;margin-left:3px!important}
}
/* Shared mobile presentation for every notification category. */
@media(max-width:900px){
body :is(#cmrRows#cmrRows#cmrRows,#fuelGroups504#fuelGroups504#fuelGroups504,#fuelRows#fuelRows#fuelRows,#tollGroups#tollGroups#tollGroups) tr:is([hidden],.hidden){display:none!important}
body #cmrRows#cmrRows#cmrRows .mediaDriverHeader{display:block!important;padding:6px!important;margin:5px 0!important;min-height:0!important}
body #cmrRows#cmrRows#cmrRows .mediaDriverHeader>td{display:block!important;padding:0!important}
body #cmrRows#cmrRows#cmrRows .mediaDriverHeader>td::before{display:none!important}
body #cmrRows#cmrRows#cmrRows :is(.mediaDriverHeaderInner,.mediaFileCell){gap:5px!important;min-height:0!important;flex-wrap:wrap!important}
body #cmrRows#cmrRows#cmrRows :is(img,video){max-width:100%!important;max-height:70px!important;object-fit:contain!important}
body #cmrRows#cmrRows#cmrRows .mediaActions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important}
body #cmrRows#cmrRows#cmrRows .mediaActions>.btn{flex:0 0 auto!important}
body #admin#admin#admin #messages .messageBubble{padding:8px!important;margin:5px 0!important;min-height:0!important;border-width:1px!important;font-size:13px!important;max-width:100%!important}
body #admin#admin#admin #messages .messageMeta{font-size:11px!important;gap:5px!important;flex-wrap:wrap!important}
body #admin#admin#admin #messages .messageBubble .btn,body .officeReceiptDialog.officeReceiptDialog.officeReceiptDialog .btn{min-height:36px!important;height:auto!important;width:auto!important;padding:5px 9px!important;font-size:12px!important;background:#1666df!important;color:white!important}
body .officeReceiptDialog.officeReceiptDialog.officeReceiptDialog :is(header,.officeReceiptBody){padding:8px!important;gap:6px!important}
body .officeReceiptDialog.officeReceiptDialog.officeReceiptDialog h2{font-size:18px!important;margin:0!important}
body .officeReceiptDialog.officeReceiptDialog.officeReceiptDialog .unlinkedQueueCard{padding:7px!important;margin:5px 0!important;min-height:0!important}
body .officeReceiptDialog.officeReceiptDialog.officeReceiptDialog .unlinkedQueueCard>.btn{width:100%!important;text-align:left!important;min-height:44px!important}
body .officeReceiptDialog.officeReceiptDialog.officeReceiptDialog p{margin:5px 0!important;font-size:13px!important}
body :is(#cmrRows#cmrRows#cmrRows,#fuelGroups504#fuelGroups504#fuelGroups504,#fuelRows#fuelRows#fuelRows) td:first-child>span{font-size:10px!important;padding:1px 4px!important;margin-left:3px!important}
}

@media(max-width:900px){
body #admin#admin#admin .inlineExpenseItems>article{padding:8px!important;margin:5px 0!important;min-height:0!important;gap:5px!important;font-size:13px!important}
body #admin#admin#admin .inlineExpenseItems>article p{margin:4px 0!important}
body #admin#admin#admin :is(.expenseDirectActions,.officeInboxActions){display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;margin:5px 0!important}
body #admin#admin#admin :is(.expenseDirectActions,.officeInboxActions) .btn{flex:0 0 auto!important;width:auto!important;min-height:36px!important;height:auto!important;padding:5px 9px!important;font-size:12px!important;background:#1666df!important;color:white!important}
}
/* Home fills the live phone viewport; Menu retains compact content-sized tiles. */
@media(max-width:900px){
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin.officeCompact.officeOnHome:not(.hidden){height:var(--mobile-office-height,100dvh)!important;min-height:0!important;max-height:none!important;padding:6px 6px max(6px,env(safe-area-inset-bottom))!important;gap:6px!important;box-sizing:border-box!important;overflow:auto!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin.mobileAdminHome>#officeHome.active{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;min-height:0!important;height:auto!important;gap:6px!important;margin:0!important;padding:0!important;overflow:visible!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome>.mobileAdminButtonGroup{flex:1 0 134px!important;grid-auto-rows:minmax(64px,1fr)!important;align-content:stretch!important;min-height:134px!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome .mobileAdminButtonGroup .btn{height:100%!important;min-height:64px!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome .mobileAdminButtonGroup [hidden]{display:none!important}
}

@media(max-width:900px){
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #dash>.officeHomeLinks>[data-office-destination="vehicles"]{display:none!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #dash.active>.officeTileGrid.officeHomeLinks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome .mobileHomeFleet{order:-1!important;grid-column:auto!important}
}

@media(max-width:900px){body #admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin#admin #officeHome .mobileKadircimHome{order:10!important;grid-column:1/-1!important}}