/* Compact office controls; content stays readable and long lists remain accessible. */
body #admin#admin#admin #drivers .driverOverviewHead .actions,body #admin#admin#admin #costImportActions{display:none!important}
#rotPeriodToggle{display:none!important}
#officeHubDialog{box-sizing:border-box;inset:8px;margin:0;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:none;max-height:none;padding:16px;border:1px solid #cbd9e9;border-radius:14px;color:#183b58;background:white;overflow:auto}
#officeHubDialog header{position:static!important;display:flex;gap:12px;align-items:center;margin:0 0 16px;padding:0!important;transform:none!important}
#officeHubDialog h2{margin:0;font-size:22px}#officeHubDialog h3{margin:14px 0 8px;font-size:17px}
#officeHubDialog .officeHubActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
#officeHubDialog button{min-height:44px;margin:0;white-space:normal}#officeHubDialog header button{width:auto!important;flex:0 0 auto}
#officeHubDialog::backdrop{background:#12345655}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients,#km) .card{padding:12px!important;margin:8px 0!important;min-height:0!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) :is(h2,h3){margin:6px 0 10px!important;font-size:20px!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) p{margin:6px 0 10px!important;font-size:14px!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) .grid{gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) .field{margin:0!important;gap:4px!important;min-width:0!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:40px!important;height:40px!important;padding:6px 10px!important;font-size:16px!important;min-width:0!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) .btn{min-height:40px!important;padding:7px 12px!important;font-size:14px!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) :is(.help,.muted){font-size:13px!important;line-height:1.3!important}
body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) :is(th,td){padding:6px 8px!important;font-size:14px!important}
body #admin#admin#admin .officeDuplicateHeading{display:none!important}
body #admin#admin#admin #tripIntakeTools{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin:6px 0!important}
body #admin#admin#admin #tripIntakeTools button{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important;white-space:normal!important;min-height:44px!important}
body #admin#admin#admin #tracking .trackingMapCard{padding:10px!important;gap:8px!important;min-width:0!important;display:flex!important;flex-direction:column!important}
body #admin#admin#admin #tracking .locationSearchBar{margin:0!important;padding:0!important}
body #admin#admin#admin #tracking .trackingUnifiedActions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;align-items:stretch!important}
body #admin#admin#admin #tracking .trackingUnifiedActions input{flex:1 1 120px!important;width:0!important;min-width:80px!important;height:42px!important;padding:6px!important;font-size:14px!important}
body #admin#admin#admin #tracking .trackingUnifiedActions button{flex:0 1 auto!important;width:auto!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:6px 9px!important;font-size:14px!important;white-space:normal!important}
body #admin#admin#admin #tracking .trackingMapHead{margin:0!important;gap:6px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
body #admin#admin#admin #tracking .trackingMapHead h3{font-size:18px!important}
body #admin#admin#admin #tracking .trackingMapActions{gap:4px!important;margin:0!important}
body #admin#admin#admin #tracking .trackingMapActions .btn{min-height:36px!important;padding:5px 8px!important;font-size:14px!important}
body #admin#admin#admin #tracking .trackingMapCanvas{flex:1 1 auto!important;height:auto!important;min-height:220px!important;margin:0!important}
body #admin#admin#admin :is(.kmHistoryPanel479,.kmAggCard479){padding:8px!important;margin-top:8px!important}
body #admin#admin#admin :is(.kmHistoryFilters479,.kmAggGrid479){gap:8px!important;margin:8px 0!important}
body #admin#admin#admin .kmAggItem479{padding:4px 6px!important}
body #admin#admin#admin :is(#weekKmRows479,#kmHistoryRows479) td{padding:5px 8px!important;font-size:14px!important}
@media(max-width:600px){#officeHubDialog .officeHubActions{grid-template-columns:repeat(2,minmax(0,1fr))}#officeHubDialog{padding:10px}#officeHubDialog button{font-size:14px;padding:8px}body #admin#admin#admin #tracking .trackingUnifiedActions{overflow-x:auto!important}body #admin#admin#admin #tracking .trackingUnifiedActions button{flex-shrink:0!important;max-width:125px!important}body #admin#admin#admin :is(#trips,#backup,#vehicles,#clients) .btn{min-height:44px!important}}
#officeHubDialog[open]{display:flex!important;flex-direction:column;gap:8px}#officeHubDialog>header{flex:0 0 auto;margin-bottom:0}#officeHubDialog>section{display:flex;flex-direction:column;min-height:min-content;flex:2 0 auto}#officeHubDialog>section:first-of-type{flex-grow:3}#officeHubDialog>section:last-of-type{flex-grow:1}#officeHubDialog .officeHubActions{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}#officeHubDialog>section:last-of-type .officeHubActions{grid-template-columns:1fr}#officeHubDialog .officeHubActions button{width:100%;height:100%;min-height:64px;background:#1764e8!important;color:white!important;border-color:#1764e8!important;padding:10px;font-size:16px}body #admin#admin#admin .kmDriverTotals473{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px!important;margin:8px 0!important}body #admin#admin#admin .kmDriverTotal473{padding:6px 8px!important;gap:2px!important}@media(max-width:600px){#officeHubDialog .officeHubActions{grid-template-columns:repeat(2,minmax(0,1fr))}#officeHubDialog .officeHubActions button{font-size:14px;min-height:68px}#officeHubDialog>section{flex:0 0 auto!important}}
@media(min-width:1000px){body #admin#admin#admin #backup.active{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}body #admin#admin#admin #backup>.officeAccountRelations,body #admin#admin#admin #backup>.card:last-child{grid-column:1/-1}body #admin#admin#admin #accountManagementShortcuts .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}body #admin#admin#admin #accountManagementShortcuts .actions button{width:100%!important}body #admin#admin#admin #backup .officeAccountRelations{gap:8px!important}}body #admin#admin#admin .compactFieldHelp{font-size:12px;line-height:1.3;margin:4px 0}body #admin#admin#admin .compactFieldHelp summary{cursor:pointer;font-weight:600}body #admin#admin#admin #trips .entryCard .grid{align-items:start!important}body #admin#admin#admin #tracking #trackingMap{margin-top:0!important}
body #admin#admin#admin #vehicleEditor.hidden{display:none!important}body #admin#admin#admin #vehicles .fleetOverview{padding:8px 0!important;margin-top:8px!important}body #admin#admin#admin :is(#vehicles,#clients) .financeHead{gap:8px!important;margin:0 0 8px!important}
@media(max-width:600px){#officeHubDialog .officeHubActions{grid-auto-rows:minmax(68px,auto)}#officeHubDialog .officeHubActions button{padding:6px!important;font-size:13px!important}#officeHubDialog h3{margin:8px 0 6px!important}#officeHubDialog .officeHubActions button:last-child:nth-child(odd){grid-column:1/-1}}
body #kilometersDialog .kmDriverTotals473{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:8px!important;margin:8px 0!important}body #kilometersDialog .kmDriverTotal473{padding:8px!important;gap:4px!important;min-height:0!important}body #kilometersDialog .kmDriverTotal473 b{font-size:16px!important}body #kilometersDialog .kmDriverTotal473 small{display:block;font-size:12px!important}body #kilometersDialog .kmDriverTotal473 summary{font-size:13px;cursor:pointer}body #kilometersDialog .kmDriverTotal473 .btn{min-height:36px!important;padding:6px 8px!important;font-size:13px!important}body #kilometersDialog .financeHead p{font-size:13px!important;line-height:1.3!important;margin:4px 0!important}body dialog .kmHistoryPanel479{padding:8px!important;margin:0!important}body dialog .kmAggGrid479{gap:8px!important;margin:8px 0!important}body dialog .kmAggCard479{padding:8px!important}body dialog #kmHistoryRows479 td{padding:5px 8px!important;font-size:14px!important}
/* Tol/tunnel: use the viewport for the driver list, not duplicate headings. */ body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"]{inset:4px!important;width:calc(100vw - 8px)!important;height:calc(100dvh - 8px)!important;max-width:none!important;max-height:none!important;margin:0!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"]>header{padding:8px 10px!important;gap:10px!important;min-height:0!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"]>header h2{font-size:21px!important;margin:0!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .receiptOverviewContent{padding:6px!important;min-height:0!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .receiptOverviewContent>.card{padding:8px!important;margin:0!important;min-height:0!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .receiptOverviewContent>.card>p.muted,body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .receiptOverviewContent>.card>h3,body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .receiptOverviewContent>.card>h4:first-of-type{display:none!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] :is(.safeCollapseBar484,.c487bar){margin:0 0 6px!important;gap:8px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] :is(.safeCollapseBar484,.c487bar) button{width:auto!important;flex:0 0 auto!important;margin-left:auto!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .btn{min-height:36px!important;padding:6px 10px!important;font-size:14px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] div:has(>#tollSearch){gap:6px!important;margin:6px 0!important;font-size:14px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] :is(#tollSearch,#tollKindFilter){height:36px!important;font-size:14px!important;padding:5px 8px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .receiptAllSeen{margin:6px 0!important;font-size:14px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] #tollGroups{gap:5px!important;margin-top:6px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] #tollGroups>details>summary{padding:8px 12px!important;min-height:40px!important;box-sizing:border-box;font-size:16px!important;line-height:1.3!important;align-items:center}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] #tollGroups>details>summary span:last-child{font-size:14px!important;white-space:nowrap}@media(max-width:600px){body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] #tollGroups>details>summary{min-height:44px!important;font-size:14px!important}body #admin#admin#admin dialog.receiptOverviewScreen[data-kind="toll"] .btn{min-height:44px!important}}

/* Compact full-viewport receipt comparison. Keep every record readable. */
body dialog.duplicateCompareScreen[open]{box-sizing:border-box!important;position:fixed!important;inset:4px!important;margin:0!important;width:calc(100vw - 8px)!important;max-width:none!important;height:calc(100dvh - 8px)!important;max-height:none!important;padding:12px!important;overflow:auto!important;color:#173858}
body dialog.duplicateCompareScreen>header{gap:10px!important;padding:0 0 8px!important;flex-wrap:wrap}
body dialog.duplicateCompareScreen h2{font-size:21px!important;line-height:1.25!important;margin:0!important;flex:1}
body dialog.duplicateCompareScreen>p{font-size:14px!important;line-height:1.4!important;margin:6px 0!important}
body dialog.duplicateCompareScreen>small{font-size:12px;color:#60728b}
body dialog.duplicateCompareScreen>section{padding:10px 12px!important;margin-top:8px!important}
body dialog.duplicateCompareScreen h3{font-size:17px!important;margin:0 0 6px!important}
body dialog.duplicateCompareScreen section p{font-size:14px!important;line-height:1.4!important;margin:6px 0!important;overflow-wrap:anywhere}
body dialog.duplicateCompareScreen .btn{font-size:14px!important;min-height:44px!important;padding:8px 12px!important;margin:0!important}
body dialog.duplicateCompareScreen .keepAllDuplicates{background:#1464df!important;color:white!important}
@media(max-width:600px){body dialog.duplicateCompareScreen[open]{padding:8px!important}body dialog.duplicateCompareScreen h2{font-size:17px!important}body dialog.duplicateCompareScreen .keepAllDuplicates{width:100%}body dialog.duplicateCompareScreen section p{font-size:13px!important}}

#duplicateQueueDialog #duplicateReviewQueue{border:0!important;padding:0!important;margin:0!important}#duplicateQueueDialog #duplicateReviewQueue>button{display:none!important}#duplicateQueueDialog #duplicateReviewQueue>h2{display:none}#duplicateQueueDialog #duplicateReviewQueue>section{padding:10px!important;margin:8px 0!important}#duplicateQueueDialog #duplicateReviewQueue p{margin:5px 0;font-size:14px}#duplicateQueueDialog #duplicateReviewQueue h3{margin:0 0 6px}

body dialog.duplicateCompareScreen section .actions .keepAllDuplicates{margin-left:auto!important}body dialog.duplicateCompareScreen .reviewSaveError{color:#b91c1c!important;font-weight:bold} @media(max-width:600px){body dialog.duplicateCompareScreen section .keepAllDuplicates{width:auto!important}}
/* Compact driver workspace: short search row and content-sized cards. */
#admin #drivers#drivers#drivers .overviewCard{padding:8px!important;margin:4px 0!important}
#admin #drivers#drivers#drivers .driverOverviewHead{min-height:0!important;margin:0!important;padding:0!important;gap:0!important}
#admin #drivers#drivers#drivers .officeDriverSearch{margin:0 0 7px!important;padding:0!important;gap:8px!important;min-height:36px!important;font-size:14px!important;line-height:1.2!important;flex-wrap:nowrap!important}
#admin #drivers#drivers#drivers .officeDriverSearch input{height:36px!important;min-height:36px!important;padding:6px 10px!important;font-size:14px!important;margin:0!important}
#admin #drivers#drivers#drivers .officeDriverSearch span{white-space:nowrap;font-size:12px}
#admin #drivers#drivers#drivers #drvRows{gap:8px!important;align-items:start!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))!important}
#admin #drivers#drivers#drivers #drvRows>tr{padding:10px!important;gap:5px 10px!important;align-self:start!important;height:auto!important}
#admin #drivers#drivers#drivers #drvRows>tr>td{font-size:13px!important;line-height:1.25!important;padding:0!important}
#admin #drivers#drivers#drivers #drvRows>tr>td::before{font-size:11px!important;margin-bottom:1px!important;line-height:1.2!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:first-child{font-size:16px!important;padding-bottom:5px!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:last-child{padding-top:6px!important}
#admin #drivers#drivers#drivers #drvRows .btn{min-height:32px!important;padding:5px 7px!important;font-size:12px!important;line-height:1.2!important}
#admin #drivers#drivers#drivers #drvRows .badge{padding:4px 8px!important;min-height:0!important;font-size:12px!important}
#admin #drivers#drivers#drivers #drvRows .help{font-size:11px!important;line-height:1.25!important;margin:2px 0 0!important}
#admin #drivers#drivers#drivers #drvRows td[data-office-label="Huidige klant"] .btn{display:block;margin-top:3px!important}
@media(max-width:600px){#admin #drivers#drivers#drivers .officeDriverSearch{font-size:0!important;gap:5px!important}#admin #drivers#drivers#drivers .officeDriverSearch input{min-height:40px!important;height:40px!important;flex-basis:0!important}#admin #drivers#drivers#drivers #drvRows .btn{min-height:44px!important}#admin #drivers#drivers#drivers #drvRows{grid-template-columns:minmax(0,1fr)!important}}

#admin #tracking .trackingMapHead{display:none!important}#admin #tracking .trackingSearchHeading{display:flex!important;align-items:baseline!important;gap:12px!important;flex-wrap:wrap!important;margin:0 0 5px!important}#admin #tracking .trackingSearchHeading>label{margin:0!important;flex:0 0 auto}#admin #tracking .trackingInlineIntro{display:flex!important;align-items:baseline!important;gap:8px!important;flex:1 1 350px!important;min-width:0;flex-wrap:wrap}#admin #tracking .trackingInlineIntro h3{font-size:13px!important;margin:0!important}#admin #tracking #trackingMapHint{font-size:12px!important;margin:0!important;line-height:1.3!important}#admin #tracking .locationSearchBar{margin-bottom:6px!important}
#admin #tracking#tracking .trackingMapActions{display:none!important}#admin #tracking#tracking .locationSearchBar .trackingSearchHeading{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;align-items:baseline!important;gap:12px!important}#admin #tracking#tracking .trackingSearchHeading>label{width:auto!important;display:inline!important;flex:0 0 auto!important}#admin #tracking#tracking .trackingInlineIntro{width:auto!important;display:flex!important;flex-direction:row!important;flex:1!important}
#admin #costs .costFoldHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}#admin #costs .costFoldHead h3,#admin #costs .costFoldHead h4{margin:0}#admin #costs .costFoldHead .btn{flex:0 0 auto;min-height:40px}#admin #costs .costFoldBody[hidden],#admin #costs .c487body.hidden,#admin #costs #fuelRegistrationsBody481.hidden{display:none!important}#admin #costs .costNoticeFold>summary{cursor:pointer;font-weight:700}#admin #costs .costNoticeFold #financeNotice{border:0;box-shadow:none;margin:8px 0 0;padding:0}#admin #costs .card:has(>.costFoldBody[hidden]){height:auto!important;min-height:0!important}#admin #costs .card:has(>.costFoldBody[hidden]) .costFoldHead{margin-bottom:0}

#admin #costs#costs .card:has(>.c487body.hidden),#admin #costs#costs .costSectionCollapsed{height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;align-self:start!important;padding-bottom:10px!important}#admin #costs#costs .card:has(>.c487body.hidden)>.financeHead{margin-bottom:0!important}#admin #costs#costs .c487body[hidden]{display:none!important}
#admin #costs .card:has(>.c487body)>.financeHead button,#admin #costs .costFoldHead>button,#admin #costs #fuelCollapseToggle481,#admin #costs .safeCollapseBar484>button{background:#1464df!important;color:#fff!important;border-color:#1464df!important;font-weight:700!important}#admin #costs .card:has(>.c487body)>.financeHead button:hover,#admin #costs .costFoldHead>button:hover,#admin #costs #fuelCollapseToggle481:hover{background:#1053bc!important}
#paidDaysDialog{position:fixed;inset:4px;margin:0;width:calc(100vw - 8px);height:calc(100dvh - 8px);max-width:none;max-height:none;box-sizing:border-box;border:1px solid #d6e2f2;border-radius:12px;padding:12px;overflow:auto;color:#173858}#paidDaysDialog>header{display:flex;align-items:center;gap:12px;position:sticky;top:-12px;background:white;z-index:2;padding:6px 0}#paidDaysDialog h2{font-size:20px;margin:0}#paidDaysDialog .paidDaysTools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0;font-size:14px}#paidDaysDialog input{padding:6px;min-height:36px}#paidDaysDialog .paidDaysContent{padding:0;margin:0;border:0;box-shadow:none;height:auto!important;max-height:none!important}#paidDaysDialog .paidDaysContent>summary{display:none}#paidDaysDialog p{font-size:13px;margin:6px 0}#paidDaysDialog table{width:100%;border-collapse:collapse;font-size:13px}#paidDaysDialog td,#paidDaysDialog th{padding:7px 8px;text-align:left;border-bottom:1px solid #e4ebf5}#paidDaysDialog .table{overflow:auto;max-height:none!important}#paidDaysDialog summary{cursor:pointer}#admin #drivers .officeDriverSearch #openPaidDays{flex:0 0 auto;white-space:nowrap;font-size:13px;min-height:36px;padding:6px 10px;background:#1464df;color:white}@media(max-width:600px){#admin #drivers#drivers#drivers .officeDriverSearch{flex-wrap:wrap!important}#admin #drivers .officeDriverSearch #openPaidDays{min-height:44px;width:100%}#paidDaysDialog h2{font-size:17px}#paidDaysDialog td,#paidDaysDialog th{min-width:65px}#paidDaysDialog td:first-child{min-width:150px}}
/* More compact driver cards: remove empty paired rows and group related fields. */
#admin #drivers#drivers#drivers #drvRows>tr{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 10px!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(1){grid-column:1/-1!important;grid-row:1!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(2){grid-column:1!important;grid-row:2!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(3){grid-column:2!important;grid-row:2!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(4){grid-column:1!important;grid-row:3!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(5){grid-column:2!important;grid-row:3!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(6){grid-column:1!important;grid-row:5!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(7){grid-column:1/-1!important;grid-row:4!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important;align-items:center!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(7)::before{grid-column:1!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(7)>span{grid-column:1!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(7)>.btn{grid-column:2!important;grid-row:1/3!important;margin:0!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(8){grid-column:1!important;grid-row:6!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(9){grid-column:2!important;grid-row:6!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(10){grid-column:2!important;grid-row:5!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(11){grid-column:1/-1!important;grid-row:7!important;display:flex!important;flex-wrap:wrap!important;gap:3px 7px!important;align-items:baseline!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(11)::before{flex:0 0 auto!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:nth-child(11)>div{flex:1 1 180px!important}
#admin #drivers#drivers#drivers #drvRows>tr>td:last-child{grid-column:1/-1!important;grid-row:8!important}
@media(min-width:1500px){#admin #drivers#drivers#drivers #drvRows{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body dialog.expenseStandaloneScreen[open]{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;display:flex!important}body:has(dialog.expenseStandaloneScreen[open]),html:has(dialog.expenseStandaloneScreen[open]){overflow:hidden!important}
/* Kantoor owns the viewport; only its content may scroll on small screens. */
html:has(#officeHubDialog[open]),body:has(#officeHubDialog[open]){overflow:hidden!important}
body #officeHubDialog[open]{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;padding:12px!important;gap:10px!important;overflow:auto!important;background:#fff!important}
body #officeHubDialog>header{margin:0!important;padding:0!important;min-height:44px!important;flex:0 0 auto!important}
body #officeHubDialog>section{margin:0!important;padding:0!important;min-height:0!important;flex:2 1 0!important;gap:6px!important}
body #officeHubDialog>section:first-of-type{flex:3 1 0!important}
body #officeHubDialog>section:last-of-type{flex:1 1 0!important}
body #officeHubDialog h3{margin:0!important;line-height:22px!important;flex:0 0 auto!important}
body #officeHubDialog .officeHubActions{min-height:0!important;gap:8px!important;grid-auto-rows:minmax(44px,1fr)!important}
body #officeHubDialog .officeHubActions button{min-height:44px!important;padding:8px 12px!important;font-size:16px!important;line-height:1.25!important;overflow-wrap:anywhere}
@media(max-width:600px){body #officeHubDialog[open]{padding:8px!important;gap:8px!important}body #officeHubDialog>section,body #officeHubDialog>section:first-of-type,body #officeHubDialog>section:last-of-type{flex:0 0 auto!important}body #officeHubDialog .officeHubActions{grid-auto-rows:minmax(54px,auto)!important}body #officeHubDialog .officeHubActions button{font-size:14px!important;min-height:54px!important}}
/* Expense funds: compact standalone workspace, readable controls and history. */
html:has(#expenseFundsDialog[open]),body:has(#expenseFundsDialog[open]){overflow:hidden!important}
body #expenseFundsDialog[open]{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;padding:0!important;box-sizing:border-box!important;overflow:auto!important;font-size:14px!important}
body #expenseFundsDialog>header{padding:8px 12px!important;gap:10px!important;min-height:0!important}
body #expenseFundsDialog h2{font-size:21px!important;margin:0!important}
body #expenseFundsDialog .expenseBody{padding:10px 12px!important}
body #expenseFundsDialog p{margin:6px 0!important;line-height:1.35!important;font-size:14px!important}
body #expenseFundsDialog p:empty{display:none!important}
body #expenseFundsDialog button{margin:0!important;min-height:40px!important;padding:8px 12px!important;font-size:14px!important;line-height:1.25!important}
body #expenseFundsDialog .expenseRegistration{padding:10px!important;margin:8px 0!important}
body #expenseFundsDialog summary{padding:6px 0!important;font-size:15px!important;cursor:pointer}
body #expenseFundsDialog .expenseRegistrationForm{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 12px!important;margin-top:8px!important}
body #expenseFundsDialog .expenseRegistrationForm label{gap:4px!important;font-size:13px!important}
body #expenseFundsDialog .expenseRegistrationForm :is(input:not([type=checkbox]),select){min-height:40px!important;height:40px!important;padding:6px 8px!important;font-size:14px!important}
body #expenseFundsDialog .expenseRegistrationConfirmation{grid-column:1/4!important}
body #expenseFundsDialog .expenseRegistrationActions{grid-column:4!important}
body #expenseFundsDialog .expenseFundsToolbar{display:flex!important;gap:8px!important;align-items:stretch!important;margin:8px 0!important;overflow-x:auto}
body #expenseFundsDialog .expenseFundsToolbar button{flex:1 0 auto!important;white-space:normal!important}
body #expenseFundsDialog .expenseFundsHistory h3{font-size:17px!important;margin:10px 0 6px!important}
body #expenseFundsDialog .settleCard{padding:10px!important;margin:6px 0!important;min-height:0!important;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
body #expenseFundsDialog .settleCard>strong{flex:1 1 220px;font-size:15px}
body #expenseFundsDialog .settleCard>h4{font-size:15px!important;margin:0!important}
body #expenseFundsDialog .settleCard>p{flex:1 1 280px}
body #expenseFundsDialog .settleCard>b{font-size:13px}
body #expenseFundsDialog .expenseFundSummary{padding:10px!important;margin:6px 0!important}
@media(max-width:600px){body #expenseFundsDialog h2{font-size:18px!important}body #expenseFundsDialog .expenseRegistrationForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}body #expenseFundsDialog .expenseRegistrationConfirmation,body #expenseFundsDialog .expenseRegistrationActions{grid-column:1/-1!important}body #expenseFundsDialog button,body #expenseFundsDialog .expenseRegistrationForm :is(input:not([type=checkbox]),select){min-height:44px!important}body #expenseFundsDialog .expenseFundsToolbar button{max-width:220px}body #expenseFundsDialog .settleCard>strong{flex-basis:100%}}
/* Keep paid entries and their return action on one compact horizontal row. */
body #expenseFundsDialog .expenseFundsToolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}
body #expenseFundsDialog .expenseFundsToolbar button{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;flex:none!important}
body #expenseFundsDialog .expenseFundsHistory .settleCard:has(>button:only-of-type){display:grid!important;grid-template-columns:minmax(130px,1.15fr) minmax(120px,.9fr) minmax(100px,1fr) minmax(130px,1fr) minmax(140px,1.2fr) minmax(135px,.9fr)!important;gap:8px 12px!important;align-items:center!important}
body #expenseFundsDialog .expenseFundsHistory .settleCard:has(>button:only-of-type)>*{min-width:0!important;overflow-wrap:anywhere}
body #expenseFundsDialog .expenseFundsHistory .settleCard:has(>button:only-of-type)>button{grid-column:6!important;grid-row:1!important;background:#1464df!important;color:#fff!important;border-color:#1464df!important;width:100%!important;white-space:normal!important}
@media(max-width:900px){body #expenseFundsDialog .expenseFundsHistory details{overflow-x:auto}body #expenseFundsDialog .expenseFundsHistory .settleCard:has(>button:only-of-type){min-width:850px!important}body #expenseFundsDialog .expenseFundsToolbar button{font-size:12px!important;padding:7px!important}}
body #rotationDialog #rotPeriodView>.rotPeriodTools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:center!important;margin:6px 0!important}
body #rotationDialog .rotPeriodTools>button{width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:6px 10px!important;font-size:14px!important;white-space:normal!important}
body #rotationDialog .rotPeriodTools>label{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;font-size:13px!important}
body #rotationDialog .rotPeriodTools #rotScope{flex:1!important;width:0!important;min-width:0!important;max-width:none!important;height:44px!important;margin:0!important;padding:6px!important;font-size:14px!important}
body #rotationDialog #rotPeriodView>h3{margin:6px 0!important;font-size:18px!important}
@media(max-width:600px){body #rotationDialog .rotPeriodTools>button{font-size:12px!important;padding:4px!important}body #rotationDialog .rotPeriodTools>label{gap:3px!important;flex-direction:column!important}body #rotationDialog .rotPeriodTools #rotScope{width:100%!important;flex:auto!important;font-size:12px!important}body #rotationDialog #rotPeriodView>.rotPeriodTools{align-items:end!important}}
body #rotationDialog #rotPeriodView .rotPeriodTools>label{flex-direction:row!important;justify-content:flex-start!important;height:44px!important;box-sizing:border-box!important}
body #rotationDialog #rotPeriodView .rotPeriodTools #rotScope{width:100%!important;flex:1 1 auto!important;min-width:0!important;box-sizing:border-box!important}
body #expenseFundsDialog .expenseFundsToolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body #expenseFundsDialog .expenseRegistrationConfirmation{grid-column:1/-1!important}
body #expenseFundsDialog .expenseFundsToolbar button{min-height:44px!important}
@media(max-width:600px){body #expenseFundsDialog .expenseFundsToolbar{grid-template-columns:repeat(4,minmax(140px,1fr))!important;overflow-x:auto!important}}
body #rotationDialog.rotPeriodsView .planningFloat{display:none!important}
body #rotationDialog.rotPeriodsView #rotCounts,body #rotationDialog.rotPeriodsView .rotBody>.rotHint{display:none!important}
body #rotationDialog #rotPeriods [data-convert],body #rotationDialog #rotPeriods [data-delete]{display:none!important} body #rotationDialog #rotPeriods .rotPeriod{grid-template-columns:minmax(0,1fr) auto!important} 
body #rotationDialog #rotPeriods .rotPersonPeriods{margin:6px 0!important;border:1px solid #d1deed;border-radius:9px;background:#fff;padding:0 10px}
body #rotationDialog #rotPeriods .rotPersonPeriods>summary{padding:10px 0!important;min-height:44px;box-sizing:border-box;cursor:pointer;font-size:15px}
body #rotationDialog #rotPeriods .rotPersonPeriods>summary span{float:right;font-size:13px;font-weight:400;color:#536b82}
body #rotationDialog #rotPeriods .rotPersonPeriods .rotPeriod{padding:6px 0!important}
/* Fit the collapsed personnel overview in the available desktop space. */
body #rotationDialog #rotPeriods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 10px!important;align-items:start!important}
body #rotationDialog #rotPeriods .rotPersonPeriods{margin:0!important;min-width:0!important}
body #rotationDialog #rotPeriods .rotPersonPeriods>summary{padding:8px 0!important;min-height:40px!important}
body #rotationDialog #rotPeriods .rotPersonPeriods[open]{grid-column:1/-1!important}
@media(max-width:650px){body #rotationDialog #rotPeriods{grid-template-columns:minmax(0,1fr)!important}body #rotationDialog #rotPeriods .rotPersonPeriods>summary{min-height:44px!important}}
/* One personnel list, compact enough to fit closed groups on desktop. */
body #rotationDialog #rotPeriods{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}
body #rotationDialog #rotPeriods .rotPersonPeriods>summary{padding:6px 0!important;min-height:34px!important;line-height:20px!important}
@media(pointer:coarse){body #rotationDialog #rotPeriods .rotPersonPeriods>summary{min-height:44px!important}}
/* Chat header stays in document flow instead of covering the composer. */
body #admin#admin#admin#admin#admin#admin#admin#admin:has(>#messages.active):not([data-office-media="documents"])>.top{position:relative!important;inset:auto!important;transform:none!important;margin:0 0 10px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;box-sizing:border-box!important}
body #admin#admin#admin#admin#admin#admin#admin#admin:has(>#messages.active):not([data-office-media="documents"]) #officeFixedBack:not([hidden]){position:static!important;inset:auto!important;transform:none!important;height:40px!important;min-height:40px!important;width:auto!important;min-width:72px!important;padding:7px 12px!important;align-self:center!important;flex:0 0 auto!important;border-radius:8px!important;margin:0!important}
body #admin#admin#admin#admin#admin#admin#admin#admin:has(>#messages.active):not([data-office-media="documents"]){padding-top:0!important;--portal-back-space:0px}
body #admin#admin#admin#admin#admin#admin#admin#admin:not([data-office-media="documents"])>#messages.active{position:relative!important;inset:auto!important;transform:none!important;margin-top:0!important;padding-top:0!important;height:auto!important;max-height:none!important}
body #admin #messages .officeGroupReadonly:has(#officeDriverGroupMessages>.muted:only-child){height:auto!important;min-height:0!important;padding:10px!important;flex:0 0 auto!important}
body #admin #messages #officeDriverGroupMessages:has(>.muted:only-child){height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;padding:8px!important;margin-top:6px!important}
body #admin #messages .messageInbox{height:clamp(420px,65dvh,900px)!important;min-height:0!important}

/* Expense actions fill the row after removing the phone push prompt. */
body #expenseFundsDialog .expenseFundsToolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}