.shell .content :is(.commandKpi,.card,.vehicleInspectionCard.latest,.vehicleDetailsPanel,.fineRegistryRow):before,.shell .content .taskSummary article:before,.shell .topbar:after,.shell .content .vehicleDetailHero:after{content:none!important;display:none!important}.shell .content :is(.panelHead,.commandPanel>header){box-sizing:border-box;background:#fff;max-width:100%;border-left:0!important}.shell:has(.driversSectionTabs) .tablePanel>.panelHead{background:#fff;border-left:0}.shell .content :is(.appointmentCard,.oilChangeList article,.lastTripSheet,.taskTicket){border-left-width:1px;border-left-color:var(--border,#e3dfec)}.shell .content .accidentActivityList article,.shell .content .vehicleSectionTabs~.tablePanel tbody td:first-child{border-left:0}.shell .content .taskColumn>header{border-top:0}.shell .content .toolbar:not(.vehicleFleetToolbar){background:#fff;border-top-width:1px;border-top-color:#e3dfec}.shell .content :is(.commandKpi,.card,.commandPanel,.panel,.taskTicket,.appointmentCard,.vehicleInspectionCard){box-sizing:border-box;min-width:0}.shell .content .tableScroll{scrollbar-gutter:auto;box-sizing:border-box}.shell .content .tableScroll>table{width:100%}@media (min-width:768px){.shell .content .vehicleSectionTabs~.tablePanel{padding-inline:0}.shell .content .vehicleSectionTabs~.tablePanel>.panelHead{border-radius:0;max-width:none;margin-inline:0}.shell .content .reportViewTabs{box-sizing:border-box;border-radius:12px;gap:8px;padding:5px}}.shell .content .settingsTabs{margin-bottom:16px}.shell .content .driversToolbarPanel{background:#fff;border-top-width:1px;border-top-color:#e3dfec}@media (max-width:767px){.shell .tablePanel:has(.mobileDriverCards)>.panelHead{background:0 0;border-radius:0}.shell .content .vehicleSectionTabs~.tablePanel>.panelHead{background:0 0;max-width:none;margin-inline:0;padding-inline:2px}}.shell .content .vehicleSectionTabs~.tablePanel td.vehiclePlateCell{letter-spacing:.035em;font-weight:750}.shell .content .vehicleSectionTabs~.tablePanel td.vehicleModelCell{letter-spacing:normal}.shell .content .vehicleSectionTabs~.tablePanel td.vehicleStatusCell{letter-spacing:normal;font-weight:600}.shell .content .vehicleStatusCell .entityStatus{white-space:normal;box-sizing:border-box;align-items:center;min-height:36px;padding:8px 12px;font-weight:700;line-height:1.35;display:inline-flex;font-size:15px!important}
.shell{--crm-comfort-border:#e0e4eb;--crm-comfort-muted:#606b7b;--crm-comfort-ink:#253044;--crm-comfort-purple:#6350b5;--muted:var(--crm-comfort-muted)}.shell>.content{color:var(--crm-comfort-ink);background:#f5f6f9}.shell .content :is(.panel,.card,.commandPanel,.tablePanel,.detailHero,.vehicleDetailHero,.accidentHero,.integrationCard){border-color:var(--crm-comfort-border);box-shadow:0 2px 8px #1b273c08}.shell .content :is(.detailHero,.vehicleDetailHero,.accidentHero),.shell .content :is(.panelHead,.commandPanel>header){background:#fff}.shell .content :is(.panelHead p,.topbar p,.muted,.friendlyEmpty,.formHint,.hint){color:var(--crm-comfort-muted);line-height:1.55}.shell .content :is(.panelHead p,.topbar p){font-size:13px}.shell .content :is(.panelHead h2,.panelHead h3){margin-top:0;margin-bottom:4px}.shell .content .panelHead{gap:16px}.shell .content :is(.driversSectionTabs,.vehicleSectionTabs,.detailTabs,.vehicleDetailTabs,.serviceTabs,.settingsTabs,.financeSectionTabs,.broadcastTabs,.reportViewTabs,.inspectionTabs){box-sizing:border-box;max-width:100%;box-shadow:none;background:#eef0f5;border:1px solid #e0e4eb;border-radius:12px;gap:4px;padding:5px;scroll-padding-inline:6px}.shell .content :is(.driversSectionTabs,.vehicleSectionTabs,.detailTabs,.vehicleDetailTabs,.serviceTabs,.settingsTabs,.financeSectionTabs,.broadcastTabs,.inspectionTabs) :is(button,a){color:#525d70;white-space:nowrap;min-height:40px;box-shadow:none;border-radius:8px;padding:9px 14px}.shell .content :is(.driversSectionTabs,.vehicleSectionTabs,.detailTabs,.vehicleDetailTabs,.serviceTabs,.settingsTabs,.financeSectionTabs,.broadcastTabs,.inspectionTabs) :is(button,a):is(.selected,.active,[aria-selected=true]){color:#332b16!important;background:#f9d75d!important}.shell .content :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid #7860c4}.shell .content :is(.primary,.secondary,.rowButton,.rowAction){box-sizing:border-box;border-radius:9px;min-height:38px}.shell .content :is(.secondary,.rowAction){color:#6350a9}.shell .content button:disabled{cursor:not-allowed}.shell .content :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){box-sizing:border-box;border-radius:9px}.shell .content :is(input,select,textarea):disabled{opacity:1;color:#4b5565;-webkit-text-fill-color:#4b5565;background:#f7f8fa}.shell .content :is(.entityStatus,.statusBadge){box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;max-width:100%;min-height:30px;padding:5px 10px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.shell .content :is(.vehicleStatusCell,.vehicleDetailHero) .entityStatus{min-height:36px;padding:7px 12px;font-size:15px!important}.shell .content .tableScroll{scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#c5cad5 #f5f6f9}.shell .content table th{color:#5b543d;letter-spacing:.025em}.shell .content table td{font-variant-numeric:tabular-nums;line-height:1.5}.shell .content .tablePanel tbody tr:hover>td{box-shadow:none;background:#f7f5fc}.shell .content :is(.friendlyEmpty,.emptyState){line-height:1.6}.shell .content .friendlyEmpty strong{color:#354157}.shell .content :is(.vehicleDetailsForm,.formGrid){gap:16px}.shell .content :is(.vehicleDetailsForm,.formGrid) label{min-width:0}.shell .content .vehicleIdleComment{min-width:180px;max-width:480px;line-height:1.55}.shell .content .vehicleIdleCommentAction{text-align:left;min-height:36px;box-shadow:none;background:0 0;padding:6px 8px;border:1px solid #0000!important}.shell .content .vehicleIdleCommentAction:hover{color:#4f389c;background:#f1eef9;border-color:#0000}.shell .content .vehicleIdleComment p{color:#44516a}.shell .content .vehicleSectionTabs~.tablePanel :is(.inlineStatusSelect,.inlineSelect){width:100%;max-width:260px;min-height:40px;padding:8px 10px}.shell .content .vehicleSectionTabs~.tablePanel div[id^=class-save-]:has(.saveState:empty){display:none}.shell .content .vehicleSectionTabs~.tablePanel .rowAction{align-items:center;padding:8px 12px;font-size:13px;display:inline-flex}@media (min-width:768px){.shell .content .tablePanel>.panelHead{padding:22px 22px 18px}.shell .content .vehicleSectionTabs~.tablePanel table{border-collapse:separate;border-spacing:0}.shell .content .vehicleSectionTabs~.tablePanel tbody td{vertical-align:middle;background:#fff;border:0;border-bottom:1px solid #e7eaf0;border-radius:0;padding:13px 16px}.shell .content .vehicleSectionTabs~.tablePanel th{padding:13px 16px}.shell .content .vehicleSectionTabs~.tablePanel tbody tr:last-child td{border-bottom:0}.shell .content .vehiclePlateCell{white-space:nowrap}.shell .content .vehicleModelCell{min-width:190px}.shell .content .vehicleStatusCell{min-width:210px}.shell .content .vehicleDetailsForm{margin-top:16px}.shell .content .driversToolbarPanel>.toolbar{flex-wrap:wrap}.shell .content .driversToolbarPanel .localSearch{flex:340px;max-width:none}.shell .content .driversToolbarPanel .driverToolbarActions{flex-wrap:wrap;flex:0 auto}}@media (max-width:767px){.shell>.content{background:#f5f6f9}.shell .content :is(.primary,.secondary,.rowButton,.rowAction),.shell .content :is(.driversSectionTabs,.vehicleSectionTabs,.detailTabs,.vehicleDetailTabs,.serviceTabs,.settingsTabs,.financeSectionTabs,.broadcastTabs,.inspectionTabs) :is(button,a){min-height:44px}.shell .content .vehicleIdleComment{min-width:0;max-width:100%}.shell .content .vehicleIdleCommentAction{min-height:44px}.shell .content .mobileResponsiveTable td{overflow-wrap:anywhere}.shell .content .mobileResponsiveTable td:before{color:#667085}.shell .content :is(.entityStatus,.statusBadge){white-space:normal}.shell .content .vehicleSectionTabs~.tablePanel :is(.inlineStatusSelect,.inlineSelect){min-width:0;max-width:none}.shell .content .panelHead{gap:12px}.shell .content :is(.modal,.dialog){box-sizing:border-box;max-width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.shell *,.shell :before,.shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.shell .content .driverDetailFields dt{color:#667085;font-size:13px;line-height:1.5}.shell .content .driverDetailFields dd{color:#303c50;overflow-wrap:anywhere;background:#f7f8fa;border-radius:8px;min-width:0;font-size:14px;line-height:1.5}.shell .content .driverDetailsLayout .panelHead{flex-wrap:wrap;align-items:flex-start;padding:0 0 16px}.shell .content .driverDetailsPhoto:not(:has(img)){align-self:start;min-height:220px}.shell .content .driverDetailsPhoto:not(:has(img))>div{min-height:220px}.shell .content .driverDetailsPhoto img{object-fit:contain;min-height:0;max-height:520px}@media (min-width:1151px) and (max-width:1550px){.shell .content .driverDetailsLayout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.5fr)}.shell .content .driverDetailFields>div{grid-template-columns:minmax(90px,.7fr) minmax(0,1fr);gap:10px}}.shell .content .idleSummaryHead{color:#40345e;background:#f0edf8;border-bottom:1px solid #e0dbea}.shell .content .idleSummaryHead :is(span,strong,p,small){color:inherit}@media (max-width:767px){.shell .content .driversSectionTabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.shell .content .driversSectionTabs button{width:100%;min-width:0;padding-inline:8px}}.shell .content :is(.licensePlate,.plateTag,.plate){box-sizing:border-box;color:#202936;width:max-content;max-width:100%;min-height:32px;box-shadow:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;letter-spacing:.045em;font-variant-numeric:tabular-nums;text-transform:uppercase;background:#fff;border:2px solid #535c69;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:5px 9px;display:inline-flex}@layer crm-brand-typography{html body .shell .content :is(.licensePlate,.plateTag,.plate){font-size:15px!important;font-weight:800!important;line-height:1.2!important}html body .shell .content .vehicleDetailHero>.plate{font-size:20px!important}}.shell .content .vehicleLabel{flex-wrap:wrap;align-items:center;gap:5px 8px;max-width:100%;display:inline-flex}.shell .content .mobileDriverCard>small:has(.licensePlate){margin-top:10px;display:block}