/* Shared compact layouts for all client hamburger destinations. */
@media(max-width:760px){
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) :is(.app-frame,.dashboard-main,.cl-view,#cf-notification-inbox){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view:not(.hidden){width:100%!important;overflow-wrap:anywhere;color:#202523!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-card,.dashboard-panel,.settings-panel,.new-calendar-main,.new-side-card,.hardware-panel){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:14px!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-dashboard-grid,.cf-split-wide,.cf-alert-layout,.cf-loan-layout,.settings-grid,.new-calendar-layout,.new-calendar-side,.sa-dashboard-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-kpi-grid,.maint-kpi-row,.dispatch-kpi-row,.hardware-kpis,.cf-capability-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-kpi,.dispatch-kpi-card,.cf-capability,.fi-overview-metrics button){min-width:0!important;min-height:0!important;height:auto!important;padding:12px!important;gap:6px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-kpi strong,.dkpi-value,.fi-overview-metrics strong){font-size:24px!important;line-height:1.2!important;margin:5px 0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-page-heading,.panel-heading,.new-page-heading,.cf-card-head){min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(h1,.cf-page-heading h1,.panel-heading h1,.new-page-heading h1){font-size:22px!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(h2,.settings-panel-title){font-size:16px!important;line-height:1.35!important;margin:0 0 8px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view h3{font-size:15px!important;line-height:1.35!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(p,.muted-note,.cl-section-sub){font-size:13px!important;line-height:1.45!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.cf-actions,.new-page-actions,.dispatch-filter-row,.pl-controls,.fi-detail-actions,.modal-actions){display:flex!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;gap:8px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.btn-primary,.btn-secondary,.earnings-select){box-sizing:border-box!important;max-width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:9px 12px!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;margin-top:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.form-row,.form-grid,.settings-form,.cf-alert-form){min-width:0!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(label,.form-group,.settings-form>div){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.table-wrap,.listings-table-wrap,.hardware-table-wrap){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.table-wrap,.listings-table-wrap)>table{width:max-content!important;min-width:100%!important;max-width:none!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(th,td){font-size:12px!important;padding:10px!important;white-space:normal!important;overflow-wrap:anywhere}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(td,th):not(:first-child){max-width:220px}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.settings-info-row,.cf-status-list li,.fi-attention-row){min-width:0!important;max-width:100%!important;gap:8px!important;flex-wrap:wrap!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .settings-info-row>*{min-width:0!important;overflow-wrap:anywhere}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .fi-attention-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:12px 0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .fi-attention-row>div{min-width:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #client-vehicles-section #vehicles-grid{min-width:0!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #client-vehicles-section #vehicles-grid .vehicle-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) auto!important;padding:12px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #client-vehicles-section .cf-card-head>.cf-actions:has(#pricing-month-label){max-width:100%!important;flex-wrap:wrap!important;flex:1 1 100%!important;justify-content:flex-start!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #client-vehicles-section :is(.vc-identity,.vc-meta-row,.vehicle-card-top,.cf-vehicle-telemetry){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #client-vehicles-section .vehicle-card-actions{flex-wrap:wrap!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .new-calendar-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .new-calendar-toolbar>div{display:flex!important;gap:6px!important;min-width:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .cal-nav-btn{width:44px!important;min-width:44px!important;height:44px!important;padding:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section :is(.month-calendar-frame,.month-grid,.month-calendar-grid,.month-weekdays){min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section :is(.month-grid,.month-calendar-grid,.month-weekdays){grid-template-columns:repeat(7,minmax(0,1fr))!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .month-day-cell{min-width:0!important;max-width:100%!important;height:76px!important;padding:3px!important;overflow:hidden!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .month-event{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;padding:3px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .month-day-number{width:24px!important;height:24px!important;font-size:12px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) #bookings-calendar-section .new-calendar-legend{gap:8px 12px!important;flex-wrap:wrap!important;font-size:10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .modal-overlay .modal-card{width:calc(100% - 24px)!important;min-width:0!important;max-width:520px!important;max-height:calc(100dvh - 40px)!important;box-sizing:border-box!important;overflow-y:auto!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .modal-overlay :is(.form-row,.form-grid){grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .modal-overlay :is(input,select,textarea){max-width:100%!important;min-width:0!important;font-size:16px!important;box-sizing:border-box!important}
}

@media(max-width:760px){
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.fleet-settings-grid,.fleet-settings-routing,.cf-ops-form,.cf-history-controls,.cf-trip-form,.fi-history-form){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;min-width:0!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(fieldset,.fleet-settings-form,.fleet-settings-shortcuts,.cf-section-filters,.gps-billing-actions){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important;gap:8px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .fleet-settings-grid>label{width:100%!important;min-width:0!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view fieldset{padding:12px!important;margin:0 0 12px!important;border-radius:10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-workspace-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:12px 0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-workspace-toolbar>*{min-width:0!important;max-width:100%!important;width:auto!important;margin:0!important;box-sizing:border-box!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-workspace-toolbar :is(.cf-workspace-context,.cf-workspace-search){grid-column:1/-1!important;width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-workspace-toolbar :is(input,.cf-client-date-host,.cf-client-date-trigger){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-section-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-section-filters>label:not(.cf-checkbox){flex:1 1 140px!important;min-width:0!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-calendar-filter{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .cf-calendar-filter select{width:100%!important;min-width:0!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view :is(.fleet-settings-toggle,.fleet-settings-business label){white-space:normal!important;overflow-wrap:anywhere!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .fleet-settings-toggle input{flex-shrink:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width) .cl-view .fi-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
}

/* Maintenance: compact header, summary strip, and correctly labelled inspection records. */
@media(max-width:760px){
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section>.panel-heading{min-height:0!important;height:auto!important;padding:0!important;margin:0 0 10px!important;gap:4px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section>.panel-heading .eyebrow{display:none!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section>.panel-heading h2{font-size:22px!important;line-height:1.25!important;margin:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .maint-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:10px 0 16px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .maint-kpi-row .dispatch-kpi-card{padding:10px!important;min-height:0!important;height:auto!important;border-radius:10px!important;box-shadow:none!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .dkpi-label{font-size:11px!important;line-height:1.3!important;min-height:28px!important;display:block!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .dkpi-value{font-size:24px!important;line-height:1.2!important;margin:4px 0 0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-workspace-toolbar{margin:0 0 10px!important;gap:8px!important;padding:10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-workspace-search input{height:44px!important;padding:8px 10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced{grid-column:1/-1!important;min-width:0!important;width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced>summary{min-height:36px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:#475467;font-size:12px;font-weight:500}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced>summary:after{content:'⌄';font-size:16px}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced>summary::-webkit-details-marker{display:none}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced[open]>.cf-maint-filter-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced:not([open])>.cf-maint-filter-grid{display:none!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-filter-grid>*{min-width:0!important;width:100%!important;margin:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section :is(#maint-inspection-table,#maint-orders-table){width:100%!important;min-width:0!important;max-width:100%!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section :is(#maint-inspection-table,#maint-orders-table) tbody tr{padding:12px!important;gap:10px 12px!important;min-height:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section :is(#maint-inspection-table,#maint-orders-table) tbody td{font-size:12px!important;line-height:1.4!important;padding:0!important;min-height:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section #maint-inspection-table tbody td:nth-child(5):before{content:"Next service"!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section #maint-inspection-table tbody td:nth-child(6):before{content:"Inspection due"!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section #maint-inspection-table tbody td:nth-child(7):before{content:"Status"!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section #maint-inspection-table tbody td[colspan]:before{display:none!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cl-section-sub{margin:14px 0 8px!important;padding:0!important}
}
@media(min-width:761px){#cl-maint-section .cf-maint-advanced,#cl-maint-section .cf-maint-filter-grid{display:contents}#cl-maint-section .cf-maint-advanced>summary{display:none}}

/* Keep workspace search glyphs and input text aligned across mobile sections. */
@media(max-width:760px){
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) .cl-view .cf-workspace-search{position:relative!important;display:block!important;padding:0!important;margin:0!important;min-width:0!important;height:44px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) .cl-view .cf-workspace-search>svg{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;margin:0!important;pointer-events:none!important;z-index:1;color:#667085!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) .cl-view .cf-workspace-search input,
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-workspace-search input{height:44px!important;min-height:44px!important;padding:8px 12px 8px 38px!important;line-height:24px!important;border-radius:9px!important;font-size:16px!important;margin:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-workspace-toolbar{gap:6px!important;padding:10px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-workspace-context{font-size:11px!important;line-height:16px!important;padding:0!important;margin:0!important;min-height:0!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced>summary{min-height:32px!important;padding:0!important;font-size:12px!important}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced>summary:after{content:''!important;width:6px!important;height:6px!important;border-right:1.5px solid #667085;border-bottom:1.5px solid #667085;transform:rotate(45deg);margin:0 4px 3px 8px}
html body.v2-dashboard.fleet-workspace:not(#cf-mobile-sections):not(#cf-mobile-width):not(#cf-maint-density) #cl-maint-section .cf-maint-advanced[open]>summary:after{transform:rotate(225deg);margin-top:4px}
}