:root {
--fleet-bg: var(--ui-bg, var(--xh-light-grey, #f5f6f8));
--fleet-surface: var(--ui-surface, var(--surface, #ffffff));
--fleet-surface-soft: var(--ui-surface-soft, var(--surface-soft, #f8fafc));
--fleet-text: var(--ui-text, var(--text, #111827));
--fleet-muted: var(--ui-muted, var(--muted, #667085));
--fleet-line: var(--ui-line, var(--line, #d8dee7));
--fleet-line-soft: var(--ui-line-soft, #e8ecf1);
--fleet-table-head-bg: #f9fafb;
--fleet-table-head-text: var(--fleet-muted);
--fleet-table-head-border: var(--fleet-line-soft);
--fleet-primary: var(--brand-primary, var(--xh-red, #b91c1c));
--fleet-primary-hover: var(--brand-primary-hover, #991b1b);
--fleet-focus: var(--brand-focus, rgba(185, 28, 28, .18));
--fleet-radius: 8px;
--fleet-control-height: 40px;
--fleet-wizard-step-height: 28px;
--fleet-wizard-step-index-size: 20px;
--fleet-wizard-step-font-size: 12px;
--fleet-wizard-step-font-weight: 700;
--fleet-wizard-muted: #667085;
--fleet-workspace-content-padding-block: 12px;
--fleet-workspace-content-padding-inline: 16px;
--fleet-workspace-footer-padding-block: 8px;
--fleet-workspace-footer-padding-inline: 16px;
--fleet-toolbar-font-size: 12px;
--fleet-local-search-width: 340px;
--fleet-filter-select-width: 210px;
--fleet-filter-select-wide-width: 240px;
--fleet-filter-select-compact-width: 128px;
--fleet-date-range-width: 410px;
--fleet-page-gap: 16px;
--fleet-modal-body-padding: 28px;
--fleet-license-notice-bg: #fffbeb;
--fleet-license-notice-border: rgba(180, 83, 9, .32);
--fleet-license-notice-text: #78350f;
--fleet-license-notice-muted: #92400e;
--fleet-license-notice-badge-bg: #fef3c7;
--fleet-license-notice-badge-border: #fcd34d;
--fleet-license-notice-badge-text: #78350f;
}
:root {
--fleet-content-max: 1560px;
--fleet-space-1: 4px;
--fleet-space-2: 8px;
--fleet-space-3: 12px;
--fleet-space-4: 16px;
--fleet-space-5: 20px;
--fleet-space-6: 24px;
--fleet-panel-padding: 18px;
--fleet-settings-group-gap: var(--fleet-space-3);
--fleet-settings-section-gap: var(--fleet-space-3);
--fleet-table-row-height: 44px;
--fleet-shadow-soft: 0 1px 2px rgba(16, 24, 40, .04);
--fleet-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--fleet-success: #15803d;
--fleet-warning: #b45309;
--fleet-danger: #b42318;
}
body.fleetaro-ui {
background: #f7f8fa;
letter-spacing: 0;
}
body.fleetaro-ui.fleetaro-shell {
overflow: hidden;
}
body.fleetaro-ui.is-embedded-workspace {
height: 100dvh;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
html.is-integrated-wizard-frame-document,
html.is-integrated-wizard-frame-document > body.is-integrated-wizard-frame-document { height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important;overscroll-behavior:auto }
body.fleetaro-ui .layout {
height: 100dvh;
min-height: 0;
overflow: hidden;
}
body.fleetaro-ui .sidebar {
position: relative;
top: auto;
height: 100%;
}
body.fleetaro-ui :where(h1, h2, h3, h4, h5, h6, p, span, strong, small, label, button, input, select, textarea, th, td, a) {
letter-spacing: 0;
}
body.fleetaro-ui .main {
background: #f7f8fa;
gap: 0;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
height: 100%;
min-height: 0;
overflow: hidden;
padding: 20px 22px;
}
body.fleetaro-ui .topbar {
position: relative;
z-index: 100;
top: 0;
width: min(100%, var(--fleet-content-max));
min-height: 84px;
margin: 0 auto;
padding: 16px 20px;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: none;
isolation: isolate;
background-clip: padding-box;
}
body.fleetaro-ui .topbarSearchArea {
display: grid;
grid-template-columns: minmax(210px, auto) minmax(280px, 500px);
align-items: center;
gap: 28px;
max-width: none;
}
body.fleetaro-ui .fleetPageTitle {
display: block;
min-width: 0;
}
body.fleetaro-ui .fleetPageTitle h2 {
margin: 0;
color: var(--fleet-text);
font-size: 23px;
font-weight: 760;
line-height: 1.2;
letter-spacing: 0;
}
body.fleetaro-ui .fleetPageTitle p {
margin: 5px 0 0;
color: var(--fleet-muted);
font-size: 13px;
line-height: 1.35;
}
body.fleetaro-ui .globalSearchBox {
width: 100%;
max-width: 500px;
}
body.fleetaro-ui .topActions {
flex-wrap: nowrap;
gap: 8px;
}
body.fleetaro-ui :where(#pageContextPill, #pagePrimaryAction)[hidden],
body.fleetaro-ui [data-ui2-mirrored-action="true"] {
display: none !important;
}
body.fleetaro-ui .content {
width: min(100%, var(--fleet-content-max));
min-height: 0;
margin: 0 auto;
padding: 22px 0 42px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
body.fleetaro-ui :where(.content, .modalOverlay #modalBody),
body.fleetaro-ui.is-embedded-workspace {
-ms-overflow-style: none;
scrollbar-width: none;
}
body.fleetaro-ui :where(.content, .modalOverlay #modalBody)::-webkit-scrollbar,
body.fleetaro-ui.is-embedded-workspace::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
body.fleetaro-ui .content > .view.active {
display: grid;
width: 100%;
gap: var(--fleet-page-gap);
min-width: 0;
}
body.fleetaro-ui :where(.settingsStack, .settingsSection, .settingsGroup) {
width: 100%;
max-width: none;
}
body.fleetaro-ui .content > :where(#view-company_settings, #view-users_rights, #view-backup, #view-diagnostics, #view-import, #view-activities).view.active,
body.fleetaro-ui :where(#view-company_settings, #view-users_rights, #view-backup, #view-diagnostics, #view-import, #view-activities) > :where(.settingsStack, .card) {
width: 100%;
max-width: none;
min-width: 0;
margin-inline: 0;
}
body.fleetaro-ui .content > .view.active > :where(.card, .grid, .toolbar, .search, .fleetKpiGrid, .fleetChartGrid, .fleetDashboardSecondary, .fleetViewTabs) {
margin: 0 !important;
}
body.fleetaro-ui :where(.card, .form-card) {
border-color: var(--fleet-line-soft);
border-radius: var(--fleet-radius);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui .card {
padding: var(--fleet-panel-padding);
}
body.fleetaro-ui .fleetLicenseNotice {
border-color: var(--fleet-license-notice-border);
background: var(--fleet-license-notice-bg);
}
body.fleetaro-ui .fleetLicenseNoticeLayout {
align-items: center;
justify-content: space-between;
gap: 16px;
}
body.fleetaro-ui .fleetLicenseNoticeCopy {
min-width: 0;
}
body.fleetaro-ui .fleetLicenseNotice h3 {
margin: 0 0 6px;
color: var(--fleet-license-notice-text);
}
body.fleetaro-ui .fleetLicenseNoticeDescription {
margin: 0;
color: var(--fleet-license-notice-muted);
}
body.fleetaro-ui .fleetLicenseNoticeBadge {
flex: 0 0 auto;
border-color: var(--fleet-license-notice-badge-border);
background: var(--fleet-license-notice-badge-bg);
color: var(--fleet-license-notice-badge-text);
}
body.fleetaro-ui :where(.toolbar, .search) {
margin: 0;
padding: 0 0 14px;
border: 0;
border-bottom: 1px solid var(--fleet-line-soft);
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.fleetaro-ui .toolbar-main {
align-items: center;
min-width: 0;
}
body.fleetaro-ui .toolbar-filters {
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
body.fleetaro-ui .toolbar .filterSearch {
width: min(100%, var(--fleet-local-search-width));
min-width: min(220px, 100%);
max-width: var(--fleet-local-search-width);
flex: 0 1 var(--fleet-local-search-width);
}
body.fleetaro-ui .toolbar-actions {
flex: 0 0 auto;
}
body.fleetaro-ui .toolbarDateActions {
display: flex;
min-width: 0;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: nowrap;
margin-left: auto;
}
body.fleetaro-ui .toolbarDateActions > .toolbarDateRange {
flex: 0 1 var(--fleet-date-range-width);
}
body.fleetaro-ui .toolbarExportActions {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
white-space: nowrap;
}
body.fleetaro-ui .toolbar :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
.btn,
button
) {
box-sizing: border-box;
height: var(--fleet-control-height);
min-height: var(--fleet-control-height);
font-size: var(--fleet-toolbar-font-size);
line-height: 1.2;
}
body.fleetaro-ui .toolbar :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select
) {
padding-top: 0;
padding-bottom: 0;
}
body.fleetaro-ui .toolbarSelect {
width: min(var(--fleet-filter-select-width), 100%);
min-width: min(170px, 100%);
flex: 0 1 var(--fleet-filter-select-width);
}
body.fleetaro-ui .toolbarSelectWide {
width: min(var(--fleet-filter-select-wide-width), 100%);
flex-basis: var(--fleet-filter-select-wide-width);
}
body.fleetaro-ui .toolbarSelectCompact {
width: min(var(--fleet-filter-select-compact-width), 100%);
min-width: min(110px, 100%);
flex-basis: var(--fleet-filter-select-compact-width);
}
body.fleetaro-ui .fleetListToolbar .toolbar-main {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
}
body.fleetaro-ui :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) {
display: grid;
align-items: center;
gap: 8px;
min-width: 0;
}
body.fleetaro-ui .customerToolbarFilters {
grid-template-columns: minmax(0, var(--fleet-local-search-width));
}
body.fleetaro-ui .contractToolbarFilters {
grid-template-columns: minmax(0, var(--fleet-local-search-width));
}
body.fleetaro-ui .expenseToolbarFilters {
grid-template-columns: minmax(0, var(--fleet-local-search-width)) minmax(170px, var(--fleet-filter-select-width));
}
body.fleetaro-ui :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) > :where(input, select, label, div) {
min-width: 0;
max-width: none;
}
body.fleetaro-ui :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) > :where(input, select) {
width: 100%;
}
body.fleetaro-ui .invoiceToolbar .toolbar-main {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
}
body.fleetaro-ui .invoiceToolbarFilters {
display: grid;
grid-template-columns: minmax(0, var(--fleet-local-search-width)) minmax(170px, var(--fleet-filter-select-width)) minmax(190px, var(--fleet-filter-select-wide-width));
align-items: center;
gap: 8px;
}
body.fleetaro-ui .invoiceToolbarFilters > :where(input, select, label, div) {
min-width: 0;
max-width: none;
}
body.fleetaro-ui .invoiceToolbarFilters > :where(input, select) {
width: 100%;
}
body.fleetaro-ui :where(.invoiceDateRange, .toolbarDateRange) {
display: grid;
width: min(var(--fleet-date-range-width), 100%);
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: 8px;
}
body.fleetaro-ui .toolbarDateField {
display: grid;
grid-template-columns: 24px minmax(0, 1fr);
height: var(--fleet-control-height);
min-height: var(--fleet-control-height);
align-items: center;
gap: 6px;
color: var(--fleet-muted);
font-size: 11px;
font-weight: 700;
}
body.fleetaro-ui .toolbarDateField > span {
width: 24px;
text-align: right;
white-space: nowrap;
}
body.fleetaro-ui .toolbarDateField input {
box-sizing: border-box;
height: var(--fleet-control-height);
width: 100%;
}
body.fleetaro-ui .toolbarDateField input[type="date"],
body.fleetaro-ui .toolbarDateField input[type="date"]::-webkit-datetime-edit {
font-weight: 400;
}
body.fleetaro-ui .contractNumberGroup {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 8px;
vertical-align: middle;
}
body.fleetaro-ui .contractNumberGroup > .badge {
flex: 0 0 auto;
}
body.fleetaro-ui .contractNumberText {
min-width: 0;
overflow-wrap: anywhere;
}
body.fleetaro-ui .invoiceToolbar .toolbar-actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: 8px;
}
body.fleetaro-ui .invoiceToolbar .toolbar-actions .btn {
width: auto;
white-space: nowrap;
}
body.fleetaro-ui .workspace-filter-toolbar__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--fleet-space-3);
min-width: 0;
}
body.fleetaro-ui .workspace-filter-toolbar__filters {
display: grid;
grid-template-columns: minmax(0, var(--fleet-local-search-width)) minmax(170px, var(--fleet-filter-select-width));
align-items: center;
gap: var(--fleet-space-2);
min-width: 0;
}
body.fleetaro-ui .workspace-filter-toolbar__filters > :where(input, select, label, div) {
min-width: 0;
max-width: none;
}
body.fleetaro-ui .workspace-filter-toolbar__filters > :where(input, select) {
width: 100%;
}
body.fleetaro-ui .workspace-filter-toolbar__trailing {
justify-self: end;
}
body.fleetaro-ui .workspace-filter-toolbar__date {
margin-left: auto;
}
body.fleetaro-ui .workspace-filter-toolbar__actions .workspace-button {
white-space: nowrap;
}
body.fleetaro-ui .fieldLabel {
color: var(--fleet-muted);
font-size: 12px;
font-weight: 700;
}
body.fleetaro-ui :where(.btn, button, .miniLink) {
border-radius: 7px;
}
body.fleetaro-ui :where(.iconOnlyButton, .refreshButton) {
width: var(--fleet-control-height);
min-width: var(--fleet-control-height);
height: var(--fleet-control-height);
padding: 0;
}
body.fleetaro-ui .fleetKpiGrid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
body.fleetaro-ui .fleetKpiGridCompact .fleetKpiCard {
min-height: 118px;
}
body.fleetaro-ui .fleetKpiCard {
display: flex;
min-width: 0;
min-height: 132px;
flex-direction: column;
justify-content: space-between;
padding: 16px 17px;
background: var(--fleet-surface);
}
body.fleetaro-ui .fleetKpiCard.is-critical {
border-top: 2px solid #e7a19b;
}
body.fleetaro-ui .fleetKpiCard.is-success {
border-top: 2px solid #93c5a3;
}
body.fleetaro-ui .fleetKpiHead {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
color: var(--fleet-muted);
font-size: 12px;
font-weight: 720;
}
body.fleetaro-ui :where(.fleetKpiIcon, .fleetSectionIcon) {
display: inline-grid;
width: 28px;
height: 28px;
place-items: center;
flex: 0 0 28px;
border: 1px solid var(--fleet-line-soft);
border-radius: 6px;
background: var(--fleet-surface-soft);
color: var(--fleet-muted);
font-size: 10px;
font-weight: 800;
}
body.fleetaro-ui :where(.fleetKpiIcon, .fleetSectionIcon) svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
}
body.fleetaro-ui .fleetSectionCopy {
min-width: 0;
}
body.fleetaro-ui .fleetSectionMeta {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
gap: 8px;
margin-left: auto;
}
body.fleetaro-ui .fleetSectionHeadCompact {
margin-bottom: 12px;
}
body.fleetaro-ui .fleetKpiCard .kpiVal {
margin-top: 12px;
font-size: 30px;
font-weight: 770;
line-height: 1.05;
letter-spacing: 0;
}
body.fleetaro-ui .fleetKpiMeta {
min-height: 18px;
margin: 6px 0 0;
color: var(--fleet-muted);
font-size: 12px;
line-height: 1.45;
}
body.fleetaro-ui .fleetSectionHead {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 14px;
}
body.fleetaro-ui .fleetSectionHead h3 {
display: block;
margin: 0;
color: var(--fleet-text);
font-size: 15px;
font-weight: 750;
line-height: 1.3;
}
body.fleetaro-ui .fleetSectionHead p {
margin: 4px 0 0;
color: var(--fleet-muted);
font-size: 12px;
}
body.fleetaro-ui .fleetTodayPanel {
min-height: 190px;
}
body.fleetaro-ui .fleetTodayGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0;
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .fleetTodayColumn {
min-width: 0;
padding: 14px 18px 0 0;
}
body.fleetaro-ui .fleetTodayColumn + .fleetTodayColumn {
padding-right: 0;
padding-left: 18px;
border-left: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .fleetTodayColumn h4 {
margin: 0 0 8px;
color: var(--fleet-text);
font-size: 12px;
font-weight: 750;
}
body.fleetaro-ui .fleetDashboard .dashboard-item {
border-color: var(--fleet-line-soft);
}
body.fleetaro-ui .fleetDashboard .dashboard-item .name {
color: var(--fleet-text);
}
body.fleetaro-ui .fleetDashboard :where(.dashboard-item .car, .dashboard-item .time, .dashboard-empty) {
color: var(--fleet-muted);
}
body.fleetaro-ui .fleetDashboardSecondary,
body.fleetaro-ui .fleetChartGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--fleet-page-gap);
}
body.fleetaro-ui .fleetDashboard > .fleetKpiGrid { order: 1; }
body.fleetaro-ui .fleetDashboard > .fleetTodayPanel { order: 2; }
body.fleetaro-ui .fleetDashboard > .fleetDashboardTables { order: 3; }
body.fleetaro-ui .fleetDashboard > .fleetDashboardSecondary { order: 4; }
body.fleetaro-ui .fleetSummaryStrip {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
body.fleetaro-ui .fleetSummaryStrip > div {
min-width: 0;
padding: 14px 16px;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui .fleetSummaryStrip :where(span, strong) {
display: block;
overflow-wrap: anywhere;
}
body.fleetaro-ui .fleetSummaryStrip span {
margin-bottom: 6px;
color: var(--fleet-muted);
font-size: 12px;
font-weight: 700;
}
body.fleetaro-ui .fleetSummaryStrip strong {
color: var(--fleet-text);
font-size: 20px;
}
body.fleetaro-ui .fleetScrollableList {
max-height: 250px;
overflow: auto;
}
body.fleetaro-ui .dashboard-item {
min-height: 42px;
padding: 8px 0;
}
body.fleetaro-ui .dashboard-empty {
margin: 0;
padding: 18px 0;
border: 0;
background: transparent;
}
body.fleetaro-ui :where(.fleetInsetPanel, .fleetCodePanel, .configItem) {
border: 1px solid var(--fleet-line-soft);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui .fleetStatusPanel {
border: 1px solid var(--fleet-line-soft);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui .fleetStatusPanel.is-success {
border-color: rgba(21, 128, 61, .4);
background: rgba(21, 128, 61, .1);
}
body.fleetaro-ui .fleetStatusPanel.is-warning {
border-color: rgba(180, 83, 9, .45);
background: rgba(180, 83, 9, .12);
}
body.fleetaro-ui .fleetStatusPanel.is-error {
border-color: rgba(180, 35, 24, .45);
background: rgba(180, 35, 24, .11);
}
body.fleetaro-ui .fleetStatusPanel.is-info {
border-color: rgba(37, 99, 235, .4);
background: rgba(37, 99, 235, .1);
}
body.fleetaro-ui :where(.fleetReadonlyControl, .fleetDisabledControl, .configItem input:read-only) {
background: var(--fleet-surface-soft);
color: var(--fleet-muted);
}
body.fleetaro-ui .fleetSegmented,
body.fleetaro-ui .fleetViewTabs {
display: inline-flex;
box-sizing: border-box;
width: max-content;
height: var(--fleet-control-height);
min-height: var(--fleet-control-height);
max-width: 100%;
align-items: center;
gap: 2px;
padding: 3px;
border: 1px solid var(--fleet-line-soft);
border-radius: 7px;
background: #f2f4f7;
}
body.fleetaro-ui .fleetSegmented label {
display: block;
margin: 0;
cursor: pointer;
}
body.fleetaro-ui .fleetSegmented label input {
position: absolute;
width: 1px !important;
height: 1px !important;
opacity: 0;
pointer-events: none;
}
body.fleetaro-ui .fleetSegmented label span,
body.fleetaro-ui .fleetSegmented > button,
body.fleetaro-ui .fleetViewTabs > button {
display: inline-flex;
box-sizing: border-box;
height: 32px;
min-height: 32px;
align-items: center;
justify-content: center;
padding: 0 12px;
border: 0;
border-radius: 5px;
background: transparent;
color: #667085;
font-size: var(--fleet-toolbar-font-size);
font-weight: 700;
box-shadow: none;
}
body.fleetaro-ui .fleetSegmented label input:checked + span,
body.fleetaro-ui .fleetSegmented > button.is-active,
body.fleetaro-ui .fleetViewTabs > button.is-active {
background: #fff;
color: var(--fleet-text);
box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
body.fleetaro-ui .fleetSegmented label input:focus-visible + span,
body.fleetaro-ui .fleetSegmented > button:focus-visible,
body.fleetaro-ui .fleetViewTabs > button:focus-visible {
box-shadow: 0 0 0 3px var(--fleet-focus);
}
body.fleetaro-ui .fleetChartCard {
min-width: 0;
}
body.fleetaro-ui .fleetChartCanvas {
position: relative;
width: 100%;
height: 260px;
}
body.fleetaro-ui .fleetChartCanvasLarge {
height: 330px;
}
body.fleetaro-ui .fleetTableCard {
min-width: 0;
padding: 0;
overflow: hidden;
}
body.fleetaro-ui .fleetTableCard > .fleetSectionHead {
margin: 0;
padding: 16px 18px 12px;
border-bottom: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .fleetTableScroll {
width: 100%;
overflow: auto;
}
body.fleetaro-ui .fleetTableScrollTall {
max-height: 68vh;
}
body.fleetaro-ui .fleetDataTable {
min-width: 720px;
}
body.fleetaro-ui .fleetDataTable :where(th, td) {
height: var(--fleet-table-row-height);
padding: 7px 12px;
}
body.fleetaro-ui .fleetDataTable th {
position: sticky;
z-index: 2;
top: 0;
height: 38px;
border-top: 0;
border-color: var(--fleet-table-head-border);
background: var(--fleet-table-head-bg);
color: var(--fleet-table-head-text);
letter-spacing: .03em;
}
body.fleetaro-ui .fleetDataTable tbody tr:hover {
background: #fafbfc;
}
body.fleetaro-ui .fleetDataTable tbody tr.is-overdue {
background: #fef2f2;
}
body.fleetaro-ui .fleetDataTable .fleetTableSummaryRow {
background: var(--fleet-surface-soft);
font-weight: 700;
}
body.fleetaro-ui .fleetDataTable .fleetTableSuccessRow {
background: rgba(21, 128, 61, .12);
font-weight: 700;
}
body.fleetaro-ui #ctrTable.fleetDataTable tbody tr:hover,
body.fleetaro-ui #invTable.fleetDataTable tbody tr:hover {
background: transparent;
}
body.fleetaro-ui #ctrTable.fleetDataTable tbody tr[tabindex]:focus-visible,
body.fleetaro-ui #invTable.fleetDataTable tbody tr[tabindex]:focus-visible {
outline: 2px solid var(--fleet-primary);
outline-offset: -2px;
}
body.fleetaro-ui .compactTableInput {
width: min(180px, 100%);
}
body.fleetaro-ui .compactTableSelect {
width: min(170px, 100%);
min-height: 32px;
height: 32px;
padding: 4px 28px 4px 8px;
font-size: 12px;
}
body.fleetaro-ui .fleetStatsToolbar .toolbar-main {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
}
body.fleetaro-ui .fleetStatsControls {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
flex-wrap: wrap;
}
body.fleetaro-ui .fleetStatsControls .toolbarPeriodControl {
width: min(160px, 100%);
min-width: min(140px, 100%);
flex: 0 1 160px;
}
body.fleetaro-ui .fleetStatsControls .fleetSegmented{flex:0 0 auto}
body.fleetaro-ui .fleetCalendarToolbar .toolbar-main{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}
body.fleetaro-ui .fleetCalendarNav{display:flex;height:var(--fleet-control-height);min-height:var(--fleet-control-height);min-width:0;align-items:center;gap:6px}
body.fleetaro-ui .fleetCalendarNav .iconOnlyButton{flex:0 0 var(--fleet-control-height);font-size:17px;line-height:1}
body.fleetaro-ui .fleetCalendarNav #btnCalToday{min-width:64px}
body.fleetaro-ui .fleetCalendarNav input[type="month"]{width:150px}
body.fleetaro-ui .fleetCalendarLegend{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;color:var(--fleet-muted);font-size:11px}
body.fleetaro-ui .fleetCalendarLegend span{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--fleet-surface-soft) 72%,transparent)}
body.fleetaro-ui .fleetCalendarLegend i{width:9px;height:9px;border-radius:999px;background:#d0d5dd}
body.fleetaro-ui .fleetCalendarLegend .is-free { background: #d1fadf; }
body.fleetaro-ui .fleetCalendarLegend .is-contract-paid { background: #86d3a0; }
body.fleetaro-ui .fleetCalendarLegend .is-contract-open { background: #fda29b; }
body.fleetaro-ui .fleetCalendarLegend .is-reservation { background: #fedf89; }
body.fleetaro-ui .fleetCalendarLegend .is-service { background: #d0d5dd; }
body.fleetaro-ui .fleetTimeline{width:100%;overflow:auto;overscroll-behavior:contain;border:1px solid var(--fleet-line-soft);border-radius:6px}
body.fleetaro-ui .fleetTimelineTable{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:11px}
body.fleetaro-ui .fleetTimelineTable th,
body.fleetaro-ui .fleetTimelineTable td{box-sizing:border-box;height:44px;padding:0;border-right:1px solid color-mix(in srgb,var(--fleet-line-soft) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--fleet-line-soft) 72%,transparent);text-align:center}
body.fleetaro-ui .fleetTimelineTable th{position:sticky;z-index:4;top:0;background:var(--fleet-table-head-bg);color:var(--fleet-table-head-text);font-weight:680;line-height:1.15}
body.fleetaro-ui .fleetTimelineTable .fleetVehicleCell{position:sticky;z-index:3;left:0;width:190px;min-width:190px;max-width:190px;padding:5px 12px;background:var(--fleet-surface);text-align:left;vertical-align:middle}
body.fleetaro-ui .fleetTimelineTable tbody .fleetVehicleCell b{display:block;overflow:hidden;color:var(--fleet-text);font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
body.fleetaro-ui .fleetTimelineTable tbody .fleetVehicleCell span{display:block;overflow:hidden;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
body.fleetaro-ui .fleetTimelineTable thead .fleetVehicleCell{z-index:5;background:var(--fleet-table-head-bg)}
body.fleetaro-ui .fleetTimelineTable .fleetDayCell{width:36px;min-width:36px;max-width:36px}
body.fleetaro-ui .fleetTimelineTable .is-today{background:color-mix(in srgb,var(--fleet-primary) 5%,var(--fleet-surface));box-shadow:inset 1px 0 0 var(--fleet-primary),inset -1px 0 0 var(--fleet-primary)}
body.fleetaro-ui .fleetTimelineTable .is-weekend{background:var(--fleet-surface-soft)}
body.fleetaro-ui .fleetTimelineTable .cal-cell{position:relative;cursor:pointer}
body.fleetaro-ui .fleetTimelineTable .cal-cell::after{content:"";position:absolute;inset:5px 3px;border-radius:5px;background:#ecfdf3}
body.fleetaro-ui .fleetTimelineTable .cal-busy::after{background:#fee4e2}
body.fleetaro-ui .fleetTimelineTable .cal-contract-paid::after{background:#d1fadf}
body.fleetaro-ui .fleetTimelineTable .cal-contract-open::after{background:#fee4e2}
body.fleetaro-ui .fleetTimelineTable .cal-booking::after{background:#fef0c7}
body.fleetaro-ui .fleetTimelineTable .cal-blocked::after{background:#eaecf0}
body.fleetaro-ui .fleetTimelineTable .cal-service::after{background:#ffead5}
body.fleetaro-ui .fleetTimelineTable .cal-cell:hover::after{outline:1px solid rgba(71,84,103,.28)}
body.fleetaro-ui .fleetTimelineTable tbody tr:hover .fleetVehicleCell{background:var(--fleet-surface-soft)}
body.fleetaro-ui .fleetTimelineTable :where(th,td):last-child{border-right:0}
body.fleetaro-ui .fleetTimelineTable tbody tr:last-child td{border-bottom:0}
body.fleetaro-ui .fleetMonthCalendar{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));border:1px solid var(--fleet-line-soft);border-radius:6px;overflow:auto}
body.fleetaro-ui :where([data-calendar-panel],#statsMonth,#statsYear)[hidden]{display:none!important}
body.fleetaro-ui .fleetMonthDayName,
body.fleetaro-ui .fleetMonthDay{min-width:112px;border-right:1px solid var(--fleet-line-soft);border-bottom:1px solid var(--fleet-line-soft)}
body.fleetaro-ui .fleetMonthDayName{padding:8px;background:#f9fafb;color:var(--fleet-muted);font-size:11px;font-weight:750;text-align:center}
body.fleetaro-ui .fleetMonthDay{position:relative;min-height:116px;padding:8px;background:#fff}
body.fleetaro-ui .fleetMonthDay.is-outside{background:#fafafa;color:#98a2b3}
body.fleetaro-ui .fleetMonthDay.is-today{box-shadow:inset 0 0 0 2px #667085}
body.fleetaro-ui .fleetMonthDayNumber{display:block;margin-bottom:6px;padding-right:32px;font-size:11px;font-weight:750}
body.fleetaro-ui .fleetMonthCreate{position:absolute;z-index:2;top:5px;right:5px;display:inline-grid;width:28px;height:28px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--fleet-muted);cursor:pointer}
body.fleetaro-ui .fleetMonthCreate:hover{border-color:var(--fleet-line);background:var(--fleet-surface-soft);color:var(--fleet-primary)}
body.fleetaro-ui .fleetMonthCreate:focus-visible{border-color:var(--fleet-primary);outline:3px solid var(--fleet-focus);outline-offset:1px}
body.fleetaro-ui .fleetMonthCreate svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
body.fleetaro-ui .fleetCalendarEvent{display:block;width:100%;margin:0 0 4px;padding:4px 6px;overflow:hidden;border:0;border-radius:4px;background:#fee4e2;color:#7a271a;font-size:10px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}
body.fleetaro-ui .fleetCalendarEvent.is-reservation{background:#fef0c7;color:#7a2e0e}
body.fleetaro-ui .fleetCalendarEvent.is-paid{background:#d1fadf;color:#14532d}
body.fleetaro-ui .workspace-wizard-flow .customer-results{max-height:220px;overflow:auto;overscroll-behavior:contain}
@media (max-width: 1180px) {
body.fleetaro-ui .topbarSearchArea {
grid-template-columns: minmax(180px, auto) minmax(240px, 1fr);
gap: 18px;
}
body.fleetaro-ui .fleetKpiGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui :where(.invoiceToolbar, .fleetListToolbar, .fleetStatsToolbar) .toolbar-main {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .invoiceToolbarFilters {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .invoiceToolbarFilters #invSearch {
grid-column: 1 / -1;
}
body.fleetaro-ui :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .customerToolbarFilters {
grid-template-columns: minmax(260px, 420px);
}
body.fleetaro-ui .fleetListToolbar .toolbar-actions {
justify-content: flex-end;
}
body.fleetaro-ui .toolbarDateActions {
width: 100%;
}
}
@media (max-width: 860px) {
body.fleetaro-ui.fleetaro-shell .layout > .sidebar {
position: fixed;
inset: 0 auto 0 0;
height: 100vh;
height: 100dvh;
}
body.fleetaro-ui .main {
padding: 12px;
}
body.fleetaro-ui .topbar {
position: relative;
padding: 14px;
}
body.fleetaro-ui .topbarSearchArea {
grid-template-columns: 1fr;
gap: 12px;
}
body.fleetaro-ui .globalSearchBox {
max-width: none;
}
body.fleetaro-ui .content {
padding: 16px 0 92px;
}
body.fleetaro-ui .fleetDashboardSecondary,
body.fleetaro-ui .fleetChartGrid,
body.fleetaro-ui .fleetTodayGrid {
grid-template-columns: 1fr;
}
body.fleetaro-ui .fleetTodayColumn,
body.fleetaro-ui .fleetTodayColumn + .fleetTodayColumn {
padding: 12px 0;
border-left: 0;
}
body.fleetaro-ui .fleetTodayColumn + .fleetTodayColumn {
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .fleetSectionHead {
flex-direction: column;
}
body.fleetaro-ui .fleetDashboardPanelHead {
flex-direction: row;
align-items: flex-start;
}
body.fleetaro-ui .fleetCalendarLegend {
justify-content: flex-start;
}
}
@media (max-width: 620px) {
body.fleetaro-ui .fleetKpiGrid {
grid-template-columns: 1fr;
}
body.fleetaro-ui .fleetSummaryStrip {
grid-template-columns: 1fr;
}
body.fleetaro-ui .invoiceToolbarFilters {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .toolbar .filterSearch {
width: 100%;
min-width: 0;
max-width: none;
flex-basis: 100%;
}
body.fleetaro-ui .toolbarSelect,
body.fleetaro-ui .toolbarSelectWide,
body.fleetaro-ui .toolbarSelectCompact {
width: 100%;
min-width: 0;
flex-basis: 100%;
}
body.fleetaro-ui .invoiceToolbarFilters #invSearch {
grid-column: auto;
}
body.fleetaro-ui .invoiceToolbar .toolbar-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .fleetListToolbar .toolbar-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .invoiceToolbar .toolbar-actions .btn {
width: 100%;
}
body.fleetaro-ui .fleetListToolbar .toolbar-actions .btn {
width: 100%;
}
body.fleetaro-ui .invoiceToolbar .toolbar-actions.toolbarDateActions,
body.fleetaro-ui .fleetListToolbar .toolbar-actions.toolbarDateActions {
display: flex;
width: 100%;
align-items: stretch;
flex-direction: column;
}
body.fleetaro-ui .toolbarDateActions > .toolbarDateRange,
body.fleetaro-ui .toolbarDateActions > .toolbarExportActions {
width: 100%;
}
body.fleetaro-ui .toolbarExportActions {
display: flex;
}
body.fleetaro-ui .toolbarExportActions > :where(.btn, button, a) {
width: auto;
flex: 1 1 0;
}
body.fleetaro-ui .fleetKpiCard {
min-height: 112px;
}
body.fleetaro-ui .topActions {
display: grid;
grid-template-columns: 40px minmax(0, 1fr) 40px;
width: 100%;
}
body.fleetaro-ui .topActions #pageContextPill {
display: none;
}
body.fleetaro-ui .topActions #pagePrimaryAction {
min-width: 0;
white-space: normal;
}
body.fleetaro-ui .fleetViewTabs,
body.fleetaro-ui .fleetSegmented {
width: 100%;
}
body.fleetaro-ui .fleetViewTabs > button,
body.fleetaro-ui .fleetSegmented > button,
body.fleetaro-ui .fleetSegmented label {
flex: 1 1 0;
}
body.fleetaro-ui .fleetSegmented label span {
width: 100%;
}
body.fleetaro-ui .fleetStatsControls {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .fleetStatsControls .toolbarPeriodControl {
width: 100%;
min-width: 0;
}
body.fleetaro-ui .fleetStatsControls .fleetSegmented {
grid-column: 1 / -1;
}
body.fleetaro-ui .fleetCalendarNav {
display: grid;
grid-template-columns: var(--fleet-control-height) minmax(64px, auto) var(--fleet-control-height) minmax(150px, 1fr);
width: 100%;
}
body.fleetaro-ui .fleetCalendarNav input[type="month"] {
width: 100%;
}
}
body.fleetaro-ui .moduleWorkspace.workspace-shell {
display: none;
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 100%;
overflow: hidden;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui .moduleWorkspace.workspace-shell.is-open {
display: flex;
flex-direction: column;
}
body.fleetaro-ui.module-workspace-open .content > .view {
display: none !important;
}
body.fleetaro-ui.module-workspace-open .content > .fleetPageHero { display:none }
body.fleetaro-ui .workspace-header.moduleWorkspaceHead { display:flex;box-sizing:border-box;align-items:center;flex:0 0 auto;min-height:66px;gap:12px;padding:9px 16px;border-bottom:1px solid var(--fleet-line);background:var(--fleet-surface-soft) }
body.fleetaro-ui .workspace-header__back.moduleWorkspaceBack { display:inline-grid;box-sizing:border-box;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;place-items:center;border:1px solid var(--fleet-line);border-radius:var(--fleet-radius-sm);background:var(--fleet-surface);color:var(--fleet-muted);font:inherit;cursor:pointer }
body.fleetaro-ui .workspace-header__back.moduleWorkspaceBack:hover { border-color:color-mix(in srgb,var(--fleet-primary) 34%,var(--fleet-line));color:var(--fleet-text) }
body.fleetaro-ui .workspace-header__back.moduleWorkspaceBack:focus-visible { outline:0;box-shadow:0 0 0 3px var(--fleet-focus) }
body.fleetaro-ui .workspace-header__back.moduleWorkspaceBack > span:last-child { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap }
body.fleetaro-ui .moduleWorkspaceBackIcon { font-size:16px;line-height:1 }
body.fleetaro-ui .workspace-header__row.moduleWorkspaceTitleRow { display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;min-width:0;gap:12px }
body.fleetaro-ui .workspace-header__title.moduleWorkspaceTitleWrap { display:grid;flex:1 1 auto;min-width:0;gap:1px }
body.fleetaro-ui .workspace-header__title.moduleWorkspaceTitleWrap h2 { margin:0;color:var(--fleet-text);font-size:17px;font-weight:760;line-height:1.2;letter-spacing:0 }
body.fleetaro-ui .workspace-header__title.moduleWorkspaceTitleWrap p { margin:3px 0 0;color:var(--fleet-muted);font-size:12px;line-height:1.3 }
body.fleetaro-ui.fleetaro-vnext4 .fleetBreadcrumb.workspace-header__breadcrumb { display:flex;min-width:0;margin:0 0 1px;overflow:hidden;white-space:nowrap }
body.fleetaro-ui .workspace-header__breadcrumb > * { min-width:0;overflow:hidden;text-overflow:ellipsis }
body.fleetaro-ui .workspace-header__tools.moduleWorkspaceTools,
body.fleetaro-ui .workspace-header__actions.moduleWorkspaceActions,
body.fleetaro-ui .workspace-header__reference-group { display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:6px;flex-wrap:nowrap }
body.fleetaro-ui .workspace-status-chip {
display: inline-flex;
box-sizing: border-box;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 28px;
padding: 4px 9px;
gap: 5px;
border: 1px solid var(--fleet-line);
border-radius: 999px;
background: var(--fleet-surface-soft);
color: var(--fleet-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
body.fleetaro-ui .workspace-status-chip__icon {
display: inline-grid;
place-items: center;
flex: 0 0 auto;
min-width: 12px;
line-height: 1;
}
body.fleetaro-ui .workspace-status-chip__label {
min-width: 0;
}
body.fleetaro-ui .workspace-status-chip[hidden] {
display: none;
}
body.fleetaro-ui .workspace-status-group {
display: inline-flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-status-chip[data-status-tone="info"] {
border-color: color-mix(in srgb, var(--fleet-primary) 42%, var(--fleet-line));
background: color-mix(in srgb, var(--fleet-primary) 10%, var(--fleet-surface));
color: var(--fleet-primary);
}
body.fleetaro-ui .workspace-status-chip[data-status-tone="success"] {
border-color: color-mix(in srgb, var(--fleet-success, #16803c) 42%, var(--fleet-line));
background: color-mix(in srgb, var(--fleet-success, #16803c) 10%, var(--fleet-surface));
color: var(--fleet-success, #16803c);
}
body.fleetaro-ui .workspace-status-chip[data-status-tone="warning"] {
border-color: color-mix(in srgb, var(--fleet-warning, #a15c00) 42%, var(--fleet-line));
background: color-mix(in srgb, var(--fleet-warning, #a15c00) 10%, var(--fleet-surface));
color: var(--fleet-warning, #a15c00);
}
body.fleetaro-ui .workspace-status-chip[data-status-tone="danger"] {
border-color: color-mix(in srgb, var(--fleet-danger, #b42318) 42%, var(--fleet-line));
background: color-mix(in srgb, var(--fleet-danger, #b42318) 10%, var(--fleet-surface));
color: var(--fleet-danger, #b42318);
}
body.fleetaro-ui .workspace-reference-badge.moduleWorkspaceMeta {
display: none;
box-sizing: border-box;
align-items: center;
gap: 7px;
min-height: 28px;
padding: 4px 9px;
border: 1px solid var(--fleet-line);
border-radius: 999px;
background: var(--fleet-surface);
color: var(--fleet-text);
font-size: 12px;
font-weight: 700;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-reference-badge.moduleWorkspaceMeta.is-visible {
display: inline-flex;
}
body.fleetaro-ui .workspace-reference-badge.moduleWorkspaceMeta span {
color: var(--fleet-muted);
font-weight: 600;
}
body.fleetaro-ui .workspace-error-state.moduleWorkspaceError {
margin: 14px 16px 0;
padding: 10px 12px;
border: 1px solid #fecaca;
border-radius: var(--fleet-radius);
background: #fef2f2;
color: #991b1b;
font-size: 13px;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
padding: var(--fleet-workspace-content-padding-block) var(--fleet-workspace-content-padding-inline);
overflow: auto;
background: var(--fleet-surface);
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody.is-frame {
display: flex;
padding: 0;
overflow: hidden;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody > :where(.modalFormBody, .stack, .modalGrid, .workspace-form) {
width: 100%;
max-width: none;
margin: 0;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody .modalGrid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody .workspace-form {
display: grid;
min-width: 0;
gap: 18px;
}
@media (max-width: 1200px) {
body.fleetaro-ui .workspace-content.moduleWorkspaceBody .modalGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
body.fleetaro-ui .workspace-content.moduleWorkspaceBody .modalGrid {
grid-template-columns: minmax(0, 1fr);
}
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody .fleetDetailFactsTable {
max-width: 1100px;
}
body.fleetaro-ui .moduleWorkspaceFoot.workspace-footer-surface {
display: none;
}
body.fleetaro-ui .moduleWorkspaceFoot.workspace-footer-surface.has-content {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
}
body.fleetaro-ui .moduleWorkspaceFoot .workspace-footer-start {
margin-right: auto;
}
body.fleetaro-ui.dark-mode .workspace-error-state.moduleWorkspaceError {
border-color: #7f1d1d;
background: #450a0a;
color: #fecaca;
}
body.fleetaro-ui .workspace-section-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
gap: var(--fleet-space-4);
}
body.fleetaro-ui .workspace-section-grid > * {
min-width: 0;
}
body.fleetaro-ui .workspace-section-grid--equal-height {
align-items: stretch;
}
body.fleetaro-ui .workspace-section-card {
box-sizing: border-box;
min-width: 0;
padding: var(--fleet-panel-padding);
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui .workspace-section-card--wide {
grid-column: 1 / -1;
}
body.fleetaro-ui .workspace-section-card--fill {
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
}
body.fleetaro-ui .workspace-section-card__body {
min-width: 0;
}
body.fleetaro-ui .workspace-section-card__body--grow {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
body.fleetaro-ui .workspace-section-card__body--grow > * {
flex: 1 1 auto;
}
body.fleetaro-ui .workspace-section-card__body--grow > .field {
display: flex;
min-height: 0;
flex-direction: column;
}
body.fleetaro-ui .workspace-section-card__body--grow > .field > textarea {
flex: 1 1 auto;
min-height: 150px;
}
body.fleetaro-ui .workspace-section-card > .workspace-help {
margin-bottom: var(--fleet-space-3);
}
body.fleetaro-ui .workspace-page-shell,
body.fleetaro-ui .workspace-page-stack {
display: grid;
width: 100%;
min-width: 0;
}
body.fleetaro-ui .workspace-page-shell {
max-width: none;
margin: 0;
align-content: start;
}
body.fleetaro-ui .workspace-page-stack {
gap: var(--fleet-settings-group-gap);
}
body.fleetaro-ui .workspace-page-stack > * {
min-width: 0;
}
body.fleetaro-ui .workspace-page-stack > .workspace-form-section + .workspace-form-section {
margin-top: 0;
padding-top: var(--fleet-panel-padding);
border-top-color: var(--fleet-line);
}
body.fleetaro-ui .workspace-data-table-host {
display: block;
width: 100%;
min-width: 0;
}
body.fleetaro-ui .workspace-empty-state {
display: grid;
justify-items: start;
gap: var(--fleet-space-2);
margin-bottom: var(--fleet-space-4);
}
body.fleetaro-ui .workspace-empty-state > * {
margin: 0;
}
body.fleetaro-ui .workspace-state {
--workspace-state-accent: #2563eb;
display: grid;
gap: var(--fleet-space-2);
padding: var(--fleet-space-3);
border: 1px solid color-mix(in srgb, var(--workspace-state-accent) 25%, var(--fleet-line));
border-radius: var(--fleet-radius);
background: color-mix(in srgb, var(--workspace-state-accent) 5%, var(--fleet-surface));
color: var(--fleet-text);
}
body.fleetaro-ui .workspace-state[hidden] { display: none !important; }
body.fleetaro-ui .workspace-state > * { margin: 0; }
body.fleetaro-ui .workspace-state > p { color: var(--fleet-muted); }
body.fleetaro-ui .workspace-state--loading { --workspace-state-accent: var(--fleet-primary); }
body.fleetaro-ui .workspace-state--empty { --workspace-state-accent: #64748b; }
body.fleetaro-ui .workspace-state--error { --workspace-state-accent: #b42318; }
body.fleetaro-ui .workspace-state--success { --workspace-state-accent: #15803d; }
body.fleetaro-ui .workspace-info-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--fleet-space-3);
margin-bottom: var(--fleet-space-4);
}
body.fleetaro-ui .workspace-info-grid > div {
display: grid;
min-width: 0;
gap: 4px;
padding: var(--fleet-space-3);
border: 1px solid var(--fleet-line);
border-radius: calc(var(--fleet-radius) - 2px);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui .workspace-info-grid span {
color: var(--fleet-muted);
font-size: 12px;
}
body.fleetaro-ui .workspace-info-grid strong {
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-section-pair {
align-self: stretch;
height: 100%;
}
@media (max-width: 640px) {
body.fleetaro-ui .workspace-info-grid {
grid-template-columns: minmax(0, 1fr);
}
}
body.fleetaro-ui .workspace-choice-fieldset {
min-width: 0;
margin: 14px 0;
padding: 0;
border: 0;
}
body.fleetaro-ui .workspace-choice-fieldset legend {
color: var(--fleet-muted);
font-size: 12px;
font-weight: 700;
}
body.fleetaro-ui .workspace-choice-chips {
display: flex;
width: 100%;
min-width: 0;
margin-top: 8px;
gap: 8px;
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-choice-chip {
position: relative;
display: inline-flex;
min-width: 0;
margin: 0;
cursor: pointer;
}
body.fleetaro-ui .workspace-choice-chip > input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
body.fleetaro-ui .workspace-choice-chip > span {
display: inline-flex;
box-sizing: border-box;
align-items: center;
max-width: 100%;
min-height: 44px;
padding: 8px 12px;
border: 1px solid var(--fleet-line);
border-radius: 999px;
background: var(--fleet-surface-soft);
color: var(--fleet-text);
font-size: 13px;
font-weight: 600;
line-height: 1.25;
}
body.fleetaro-ui .workspace-choice-chip > input:checked + span {
border-color: var(--fleet-primary);
background: color-mix(in srgb, var(--fleet-primary) 10%, var(--fleet-surface));
color: var(--fleet-primary);
}
body.fleetaro-ui .workspace-choice-chip > input:focus-visible + span {
outline: 2px solid var(--fleet-primary);
outline-offset: 2px;
}
body.fleetaro-ui .workspace-choice-chip > input:disabled + span {
cursor: not-allowed;
opacity: .62;
}
body.fleetaro-ui .workspace-required-toggle {
position: relative;
display: inline-flex;
box-sizing: border-box;
align-items: center;
min-height: 44px;
padding: 8px 10px;
gap: 8px;
color: var(--fleet-text);
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
body.fleetaro-ui .workspace-required-toggle > input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
body.fleetaro-ui .workspace-required-toggle__control {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 19px;
height: 19px;
flex: 0 0 19px;
border: 1px solid var(--fleet-line);
border-radius: 5px;
background: var(--fleet-surface);
}
body.fleetaro-ui .workspace-required-toggle > input:checked + .workspace-required-toggle__control {
border-color: var(--fleet-primary);
background: var(--fleet-primary);
}
body.fleetaro-ui .workspace-required-toggle > input:checked + .workspace-required-toggle__control::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 5px;
height: 9px;
transform: rotate(45deg);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
body.fleetaro-ui .workspace-required-toggle > input:focus-visible + .workspace-required-toggle__control {
outline: 2px solid var(--fleet-primary);
outline-offset: 2px;
}
body.fleetaro-ui .workspace-required-toggle > input:disabled ~ * {
cursor: not-allowed;
opacity: .62;
}
body.fleetaro-ui .fleetProcessWorkspace {
display: grid;
width: 100%;
min-width: 0;
gap: 16px;
}
body.fleetaro-ui .fleetProcessToolbar,
body.fleetaro-ui .fleetProcessActions,
body.fleetaro-ui .fleetProcessStatusRow {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
body.fleetaro-ui .fleetProcessToolbar .field {
flex: 1 1 320px;
min-width: 0;
}
body.fleetaro-ui .fleetProcessCard .field {
min-width: 0;
}
body.fleetaro-ui .workspace-section-card h3,
body.fleetaro-ui .workspace-section-card h4 {
margin: 0 0 10px;
}
body.fleetaro-ui .fleetProcessFacts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
body.fleetaro-ui .fleetProcessFact {
min-width: 0;
padding: 10px 12px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
}
body.fleetaro-ui .fleetProcessFact span {
display: block;
margin-bottom: 3px;
color: var(--fleet-muted, var(--ui-muted));
font-size: 12px;
font-weight: 700;
}
body.fleetaro-ui .fleetProcessFact--plate {
font-size: 1.05rem;
font-weight: 800;
letter-spacing: .02em;
}
body.fleetaro-ui .fleetProcessRequestHeader {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
body.fleetaro-ui .fleetProcessRequestHeader > div {
min-width: 0;
}
body.fleetaro-ui .fleetProcessRequestControls,
body.fleetaro-ui .fleetProcessRequestCurrent {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 14px;
}
body.fleetaro-ui .workspace-status-card {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 100%;
padding: 14px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
}
body.fleetaro-ui .workspace-status-card__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
min-width: 0;
gap: 12px;
}
body.fleetaro-ui .workspace-status-card__header > div {
min-width: 0;
}
body.fleetaro-ui .workspace-status-card__eyebrow {
color: var(--fleet-muted, var(--ui-muted));
font-size: 12px;
font-weight: 600;
}
body.fleetaro-ui .workspace-status-card h4 {
margin: 2px 0 0;
}
body.fleetaro-ui .workspace-status-card__header .workspace-status-chip {
min-height: 28px;
padding-inline: 9px;
}
body.fleetaro-ui .workspace-status-card__meta {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 12px 0;
}
body.fleetaro-ui .workspace-status-card__meta div {
min-width: 0;
}
body.fleetaro-ui .workspace-status-card__meta dt {
color: var(--fleet-muted, var(--ui-muted));
font-size: 11px;
font-weight: 600;
}
body.fleetaro-ui .workspace-status-card__meta dd {
margin: 2px 0 0;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-status-card__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
margin-top: auto;
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-status-card__actions[hidden] {
display: none;
}
body.fleetaro-ui .workspace-disclosure {
margin-top: 14px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface, var(--ui-surface));
}
body.fleetaro-ui .workspace-disclosure__summary {
display: flex;
box-sizing: border-box;
align-items: center;
width: 100%;
min-height: 44px;
padding: 8px 11px;
gap: 8px;
cursor: pointer;
color: var(--fleet-muted, var(--ui-muted));
font-size: 13px;
font-weight: 600;
list-style: none;
}
body.fleetaro-ui .workspace-disclosure__summary::-webkit-details-marker {
display: none;
}
body.fleetaro-ui .workspace-disclosure__summary:focus-visible {
outline: 2px solid var(--fleet-primary);
outline-offset: 2px;
}
body.fleetaro-ui .workspace-disclosure__count {
display: inline-grid;
place-items: center;
min-width: 24px;
min-height: 22px;
padding: 0 6px;
border-radius: 999px;
background: var(--fleet-surface-soft, var(--ui-surface-soft));
color: var(--fleet-text, var(--ui-text));
font-size: 11px;
font-weight: 600;
}
body.fleetaro-ui .workspace-disclosure__chevron {
width: 8px;
height: 8px;
margin-left: auto;
transform: rotate(-45deg);
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transition: transform .16s ease;
}
body.fleetaro-ui .workspace-disclosure[open] .workspace-disclosure__chevron {
transform: rotate(45deg);
}
body.fleetaro-ui .workspace-disclosure__content {
display: grid;
gap: 6px;
padding: 0 10px 10px;
}
body.fleetaro-ui .workspace-disclosure__row {
display: grid;
grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto auto;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
font-size: 13px;
}
body.fleetaro-ui .workspace-disclosure__row .workspace-status-chip {
min-height: 28px;
padding-inline: 8px;
font-size: 11px;
}
body.fleetaro-ui .workspace-history {
min-width: 0;
margin-top: 16px;
padding: 16px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius-lg, 12px);
background: var(--fleet-surface, var(--ui-surface));
}
body.fleetaro-ui .workspace-history__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
body.fleetaro-ui .workspace-history__header h4,
body.fleetaro-ui .workspace-history__header p {
margin: 0;
}
body.fleetaro-ui .workspace-history__header p {
margin-top: 3px;
}
body.fleetaro-ui .workspace-history__refresh {
flex: 0 0 auto;
}
body.fleetaro-ui .workspace-history__list {
display: grid;
gap: 8px;
}
body.fleetaro-ui .workspace-history__entry {
min-width: 0;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
}
body.fleetaro-ui .workspace-history__summary {
display: grid;
grid-template-columns: 10px minmax(180px, 1fr) auto minmax(130px, auto) 9px;
align-items: center;
min-height: 52px;
padding: 9px 11px;
gap: 10px;
cursor: pointer;
list-style: none;
}
body.fleetaro-ui .workspace-history__summary::-webkit-details-marker {
display: none;
}
body.fleetaro-ui .workspace-history__summary:focus-visible {
outline: 2px solid var(--fleet-primary);
outline-offset: 2px;
}
body.fleetaro-ui .workspace-history__marker {
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--fleet-primary);
box-shadow: 0 0 0 3px var(--brand-focus, rgba(185, 28, 28, .12));
}
body.fleetaro-ui .workspace-history__primary {
display: grid;
min-width: 0;
gap: 2px;
}
body.fleetaro-ui .workspace-history__primary strong,
body.fleetaro-ui .workspace-history__primary span {
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-history__primary span,
body.fleetaro-ui .workspace-history__time {
color: var(--fleet-muted, var(--ui-muted));
font-size: 12px;
}
body.fleetaro-ui .workspace-history__time {
text-align: right;
white-space: nowrap;
}
body.fleetaro-ui .workspace-history__chevron {
width: 8px;
height: 8px;
transform: rotate(-45deg);
border-right: 2px solid var(--fleet-muted, var(--ui-muted));
border-bottom: 2px solid var(--fleet-muted, var(--ui-muted));
transition: transform .16s ease;
}
body.fleetaro-ui .workspace-history__entry[open] .workspace-history__chevron {
transform: rotate(45deg);
}
body.fleetaro-ui .workspace-history__content {
display: grid;
gap: 12px;
padding: 0 12px 12px 30px;
}
body.fleetaro-ui .workspace-history__facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 14px;
margin: 0;
}
body.fleetaro-ui .workspace-history__facts div {
min-width: 0;
}
body.fleetaro-ui .workspace-history__facts dt {
color: var(--fleet-muted, var(--ui-muted));
font-size: 11px;
font-weight: 600;
}
body.fleetaro-ui .workspace-history__facts dd {
margin: 2px 0 0;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-history__message {
padding: 10px 12px;
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface, var(--ui-surface));
}
body.fleetaro-ui .workspace-history__message p {
margin: 5px 0 0;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-history__attachments,
body.fleetaro-ui .workspace-history__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.fleetaro-ui .workspace-history__attachment {
display: inline-grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
min-width: min(100%, 260px);
min-height: 52px;
padding: 8px 10px;
gap: 9px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
color: var(--fleet-text, var(--ui-text));
background: var(--fleet-surface, var(--ui-surface));
text-align: left;
cursor: pointer;
}
body.fleetaro-ui .workspace-history__attachment > span:last-child {
display: grid;
min-width: 0;
gap: 2px;
}
body.fleetaro-ui .workspace-history__attachment strong,
body.fleetaro-ui .workspace-history__attachment > span:last-child > span {
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-history__attachment > span:last-child > span {
color: var(--fleet-muted, var(--ui-muted));
font-size: 11px;
}
body.fleetaro-ui .workspace-history__attachment:hover:not(:disabled) {
border-color: var(--fleet-primary);
}
body.fleetaro-ui .workspace-history__attachment:focus-visible {
outline: 2px solid var(--fleet-primary);
outline-offset: 2px;
}
body.fleetaro-ui .workspace-history__attachment:disabled {
cursor: default;
opacity: .72;
}
body.fleetaro-ui .fleetProcessSignatureState {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(140px, 220px);
align-items: center;
gap: 14px;
min-height: 150px;
height: 100%;
padding: 14px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
}
body.fleetaro-ui .fleetProcessSignatureState strong {
display: block;
margin-top: 4px;
}
body.fleetaro-ui #processWebSignaturePreview img,
body.fleetaro-ui .workspace-media-preview--signature {
display: block;
width: 100%;
max-height: 120px;
object-fit: contain;
image-orientation: from-image;
border-radius: var(--fleet-radius, 8px);
background: #fff;
}
body.fleetaro-ui .workspace-media-preview {
display: block;
max-width: 100%;
image-orientation: from-image;
}
body.fleetaro-ui .workspace-media-preview--photo {
width: 100%;
height: 100%;
object-fit: cover;
}
body.fleetaro-ui .fleetProcessPhotoGrid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
body.fleetaro-ui .fleetProcessPhotoSlot {
position: relative;
display: flex;
min-width: 0;
min-height: 166px;
overflow: hidden;
flex-direction: column;
border: 1px dashed var(--fleet-line, var(--ui-line));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
color: var(--fleet-text, var(--ui-text));
text-align: center;
}
body.fleetaro-ui .fleetProcessPhotoSlot.is-required {
border-color: color-mix(in srgb, var(--fleet-primary) 58%, var(--fleet-line));
}
body.fleetaro-ui .fleetProcessPhotoUpload {
position: relative;
display: grid;
place-items: center;
width: 100%;
min-width: 0;
min-height: 120px;
padding: 12px;
overflow: hidden;
flex: 1 1 auto;
border: 0;
background: transparent;
color: inherit;
font: inherit;
cursor: pointer;
}
body.fleetaro-ui .fleetProcessPhotoUpload:focus-visible {
outline: 2px solid var(--fleet-primary);
outline-offset: -3px;
}
body.fleetaro-ui .fleetProcessPhotoUpload img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
body.fleetaro-ui .fleetProcessPhotoUpload strong {
position: relative;
z-index: 1;
padding: 3px 7px;
border-radius: 999px;
background: color-mix(in srgb, var(--fleet-surface, #fff) 88%, transparent);
}
body.fleetaro-ui .fleetProcessPhotoSlot > .workspace-required-toggle {
z-index: 2;
justify-content: center;
width: 100%;
border-top: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
background: color-mix(in srgb, var(--fleet-surface) 94%, transparent);
}
body.fleetaro-ui .fleetProcessPhotoSlot .fleetProcessPhotoRemove {
position: absolute;
z-index: 2;
top: 6px;
right: 6px;
width: 44px;
min-width: 44px;
height: 44px;
padding: 0;
border-radius: 50%;
}
body.fleetaro-ui .fleetProcessSketch {
position: relative;
max-width: 760px;
margin: 0 auto;
overflow: hidden;
border: 1px solid var(--fleet-line, var(--ui-line));
border-radius: var(--fleet-radius, 8px);
background: #fff;
}
body.fleetaro-ui .fleetProcessSketch img {
display: block;
width: 100%;
height: auto;
cursor: crosshair;
}
body.fleetaro-ui .fleetProcessDamageMarker {
position: absolute;
display: grid;
place-items: center;
width: 28px;
height: 28px;
transform: translate(-50%, -50%);
border: 2px solid #fff;
border-radius: 50%;
background: var(--brand-primary, var(--fleet-primary));
color: #fff;
font-size: 12px;
font-weight: 800;
pointer-events: none;
}
body.fleetaro-ui .fleetProcessDamageList,
body.fleetaro-ui .fleetProcessRequestList {
display: grid;
gap: 8px;
margin-top: 10px;
}
body.fleetaro-ui .fleetProcessDamageRow,
body.fleetaro-ui .fleetProcessRequestRow {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
padding: 10px;
border: 1px solid var(--fleet-line-soft, var(--ui-line-soft));
border-radius: var(--fleet-radius, 8px);
}
body.fleetaro-ui .fleetProcessSignature {
position: relative;
height: 220px;
overflow: hidden;
border: 1px solid var(--fleet-line, var(--ui-line));
border-radius: var(--fleet-radius, 8px);
background: #fff;
touch-action: none;
}
body.fleetaro-ui .fleetProcessSignature canvas {
display: block;
width: 100%;
height: 100%;
touch-action: none;
}
body.fleetaro-ui .fleetProcessSummary {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
body.fleetaro-ui .fleetProcessLoading {
min-height: 220px;
display: grid;
place-items: center;
color: var(--fleet-muted, var(--ui-muted));
}
body.fleetaro-ui .workspace-data-table-scroll {
box-sizing: border-box;
max-width: 100%;
min-width: 0;
contain: inline-size;
overflow-x: hidden;
overflow-y: visible;
border: 1px solid var(--fleet-line, var(--ui-line));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface, var(--ui-surface));
}
body.fleetaro-ui.fleetaro-shell .fleetTableScroll.workspace-data-table-scroll {
overflow-x: hidden;
overflow-y: visible;
overscroll-behavior-inline: none;
touch-action: pan-y;
}
body.fleetaro-ui .workspace-data-table {
width: 100%;
min-width: 0;
table-layout: fixed;
}
body.fleetaro-ui .workspace-data-table :where(th, td) {
box-sizing: border-box;
min-width: 0;
vertical-align: middle;
white-space: normal;
word-break: normal;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-data-table__value {
display: grid;
min-width: 0;
gap: 2px;
}
body.fleetaro-ui .workspace-data-table__value > :where(strong, small) {
min-width: 0;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-data-table__value > strong {
color: var(--fleet-text, var(--ui-text));
font-size: 13px;
font-weight: 650;
line-height: 1.35;
}
body.fleetaro-ui .workspace-data-table__value > small {
color: var(--fleet-muted, var(--ui-muted));
font-size: 12px;
line-height: 1.35;
}
body.fleetaro-ui .workspace-data-table__value-action {
width: 100%;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 4px;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
text-decoration: none;
cursor: pointer;
}
body.fleetaro-ui .workspace-data-table__value-action:hover > strong {
color: inherit;
text-decoration: none;
}
body.fleetaro-ui .workspace-data-table__value-action:focus-visible {
outline: 2px solid var(--fleet-rx-accent, var(--fleet-accent));
outline-offset: 2px;
}
body.fleetaro-ui :where(.workspace-data-table__actions-heading, .workspace-data-table__actions) {
width: 52px;
text-align: right;
white-space: nowrap;
}
body.fleetaro-ui :where(.workspace-data-table__actions-heading--wide, .workspace-data-table__actions--wide) {
width: 188px;
}
body.fleetaro-ui .workspace-data-table__action-list {
display: flex;
min-width: 0;
align-items: center;
justify-content: flex-end;
gap: var(--fleet-space-1);
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-data-table__column--primary {
width: 24%;
}
body.fleetaro-ui .workspace-data-table__column--status {
width: 118px;
}
body.fleetaro-ui .workspace-data-table__actions .tableActionButton svg {
transition: transform .16s ease;
}
body.fleetaro-ui .workspace-data-table__actions .tableActionButton[aria-expanded="true"] svg {
transform: rotate(180deg);
}
body.fleetaro-ui .workspace-data-table__detail-row[hidden] {
display: none !important;
}
body.fleetaro-ui .workspace-data-table__detail-row > td {
height: auto;
padding: 0;
border-top: 0;
background: var(--fleet-surface-soft, var(--ui-surface-soft));
}
body.fleetaro-ui .workspace-data-table__detail {
display: grid;
min-width: 0;
gap: var(--fleet-space-4, 16px);
padding: var(--fleet-space-4, 16px);
}
body.fleetaro-ui .workspace-data-table__empty > td {
height: auto;
padding: var(--fleet-space-5, 20px);
color: var(--fleet-muted, var(--ui-muted));
text-align: center;
}
body.fleetaro-ui .workspace-data-table-empty-state {
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0;
padding: var(--fleet-space-5);
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui .workspace-data-table-empty-state > .workspace-disclosure {
width: 100%;
}
@media (max-width: 820px) {
body.fleetaro-ui.fleetaro-shell .workspace-data-table-scroll {
overflow: visible;
contain: none;
border: 0;
background: transparent;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table {
display: block;
width: 100%;
min-width: 0;
border: 0;
background: transparent;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table thead {
display: none;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table tbody {
display: grid;
width: 100%;
min-width: 0;
gap: 12px;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table tbody tr {
display: grid;
width: 100%;
min-width: 0;
overflow: hidden;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table tbody td {
box-sizing: border-box;
display: grid;
width: 100%;
min-width: 0;
height: auto;
min-height: 42px;
grid-template-columns: minmax(110px, 34%) minmax(0, 1fr);
align-items: start;
gap: 10px;
padding: 10px 12px;
border: 0;
border-bottom: 1px solid var(--fleet-line-soft);
white-space: normal !important;
overflow-wrap: anywhere;
text-align: left !important;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table tbody td:last-child {
border-bottom: 0;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table tbody td::before {
content: attr(data-label);
min-width: 0;
color: var(--fleet-muted);
font-size: 11px;
font-weight: 750;
line-height: 1.35;
overflow-wrap: anywhere;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__actions {
width: 100%;
align-items: center;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__record.is-expanded {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__record.is-expanded + .workspace-data-table__detail-row {
margin-top: -12px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__detail-row > td {
display: block;
min-height: 0;
padding: 0;
border: 0;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__detail-row > td::before,
body.fleetaro-ui.fleetaro-shell .workspace-data-table__empty > td::before {
content: none;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__detail {
padding: var(--fleet-space-4);
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__empty {
display: block;
}
body.fleetaro-ui.fleetaro-shell .workspace-data-table__empty > td {
display: block;
min-height: 64px;
padding: 18px 14px;
border: 0;
}
}
body.fleetaro-ui .emailSettingsFallback {
margin: 12px 0;
padding: 12px 14px;
border-left: 3px solid var(--brand-primary, var(--fleet-primary));
border-radius: var(--fleet-radius, 8px);
background: var(--fleet-surface-soft, var(--ui-surface-soft));
}
@media (max-width: 1024px) {
body.fleetaro-ui .workspace-filter-toolbar__layout {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-filter-toolbar__trailing {
width: 100%;
justify-self: stretch;
justify-content: space-between;
}
body.fleetaro-ui .fleetProcessGrid.workspace-section-grid,
body.fleetaro-ui .fleetProcessSummary {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-section-card--wide {
grid-column: auto;
}
body.fleetaro-ui .workspace-section-grid--equal-height {
align-items: start;
}
body.fleetaro-ui .workspace-section-card--fill {
height: auto;
}
body.fleetaro-ui .fleetProcessFacts,
body.fleetaro-ui .fleetProcessPhotoGrid,
body.fleetaro-ui .fleetProcessRequestControls,
body.fleetaro-ui .fleetProcessRequestCurrent {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .workspace-history__summary {
grid-template-columns: 10px minmax(0, 1fr) auto 9px;
}
body.fleetaro-ui .workspace-history__time {
grid-column: 2 / 4;
text-align: left;
}
}
@media (max-width: 560px) {
body.fleetaro-ui .moduleWorkspace.workspace-shell {
border-radius: var(--fleet-radius);
}
body.fleetaro-ui .workspace-header__row.moduleWorkspaceTitleRow {
align-items: stretch;
flex-direction: column;
}
body.fleetaro-ui .workspace-header__tools.moduleWorkspaceTools,
body.fleetaro-ui .workspace-header__actions.moduleWorkspaceActions {
justify-content: flex-start;
}
body.fleetaro-ui .workspace-header__reference-group {
justify-content: flex-start;
width: 100%;
}
body.fleetaro-ui .workspace-header__reference-group > * {
max-width: 100%;
}
body.fleetaro-ui .workspace-reference-badge.moduleWorkspaceMeta {
min-width: 0;
overflow: hidden;
white-space: nowrap;
}
body.fleetaro-ui .workspace-reference-badge.moduleWorkspaceMeta strong {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody {
padding: 12px;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody.is-frame {
position: relative;
padding: 0;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody.is-frame .workspaceFrameLoadState:not([hidden]) {
display: flex;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody.is-frame .workspaceFrame.is-loading {
visibility: hidden;
}
body.fleetaro-ui .workspace-content.moduleWorkspaceBody .modalGrid {
grid-template-columns: minmax(0, 1fr) !important;
}
body.fleetaro-ui .fleetProcessFacts,
body.fleetaro-ui .fleetProcessPhotoGrid {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .fleetProcessDamageRow,
body.fleetaro-ui .fleetProcessRequestRow,
body.fleetaro-ui .fleetProcessRequestControls,
body.fleetaro-ui .fleetProcessRequestCurrent,
body.fleetaro-ui .workspace-status-card__meta,
body.fleetaro-ui .workspace-disclosure__row,
body.fleetaro-ui .fleetProcessSignatureState {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-status-card__header {
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-history {
padding: 12px;
}
body.fleetaro-ui .workspace-history__header {
align-items: stretch;
flex-direction: column;
}
body.fleetaro-ui .workspace-history__refresh {
width: 100%;
}
body.fleetaro-ui .workspace-history__summary {
grid-template-columns: 10px minmax(0, 1fr) 9px;
}
body.fleetaro-ui .workspace-history__summary .workspace-status-chip,
body.fleetaro-ui .workspace-history__time {
grid-column: 2 / 3;
justify-self: start;
}
body.fleetaro-ui .workspace-history__content {
padding-left: 12px;
}
body.fleetaro-ui .workspace-history__facts {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-history__attachment {
width: 100%;
}
}
@media (max-width: 480px) {
body.fleetaro-ui :where(.invoiceDateRange, .toolbarDateRange) {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .invoiceToolbar .toolbar-actions {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .fleetListToolbar .toolbar-actions {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .fleetStatsControls {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .fleetStatsControls .fleetSegmented {
grid-column: auto;
}
body.fleetaro-ui .fleetCalendarNav {
grid-template-columns: var(--fleet-control-height) minmax(0, 1fr) var(--fleet-control-height);
height: auto;
}
body.fleetaro-ui .fleetCalendarNav input[type="month"] {
grid-column: 1 / -1;
}
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body.fleetaro-ui {
color: var(--fleet-text);
font-family: var(--fleet-font-family);
line-height: 1.45;
letter-spacing: 0;
}
body.fleetaro-ui :where(h1, h2, h3, h4, p) {
letter-spacing: 0;
}
body.fleetaro-ui :where(.container, .content) {
min-width: 0;
}
body.fleetaro-ui :where(.card, .form-card, .evidence-readonly, .contract-list, .mode-btn) {
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
box-shadow: none;
}
body.fleetaro-ui :where(.card, .form-card) {
background: var(--fleet-surface);
}
body.fleetaro-ui :where(.card, .form-card, .evidence-readonly) > :first-child {
margin-top: 0;
}
body.fleetaro-ui :where(label, .muted, .small, .desc) {
color: var(--fleet-muted);
}
body.fleetaro-ui :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
max-width: 100%;
min-height: var(--fleet-control-height);
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
color: var(--fleet-text);
font: inherit;
line-height: 1.35;
box-shadow: none;
}
body.fleetaro-ui :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select
) {
box-sizing: border-box;
height: var(--fleet-control-height);
}
body.fleetaro-ui select:not([multiple]):not([size]) {
appearance: none;
-webkit-appearance: none;
padding-right: 38px;
background-color: var(--fleet-surface);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 14px 14px;
}
body.fleetaro-ui :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea):focus-visible {
outline: 0;
border-color: var(--fleet-primary);
box-shadow: 0 0 0 3px var(--fleet-focus);
}
body.fleetaro-ui :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea):disabled {
background: var(--fleet-surface-soft);
color: var(--fleet-muted);
cursor: not-allowed;
opacity: .82;
}
body.fleetaro-ui :where(input[type="file"]) {
min-height: 44px;
padding: 7px;
overflow: hidden;
}
body.fleetaro-ui :where(button, .btn, .miniLink) {
min-height: var(--fleet-control-height);
border-radius: var(--fleet-radius);
font-family: inherit;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
box-shadow: none;
transition: background-color .14s ease, border-color .14s ease, color .14s ease, opacity .14s ease;
}
body.fleetaro-ui button.workspace-button,
body.fleetaro-ui .btn.workspace-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
width: auto;
height: var(--fleet-control-height);
min-height: var(--fleet-control-height);
padding: 0 16px;
border: 1px solid transparent;
border-radius: var(--fleet-radius);
font-family: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1;
letter-spacing: 0;
white-space: nowrap;
cursor: pointer;
box-shadow: none;
}
body.fleetaro-ui button.workspace-button--primary,
body.fleetaro-ui .btn.workspace-button--primary {
border-color: var(--fleet-primary);
background: var(--fleet-primary);
color: #fff;
}
body.fleetaro-ui button.workspace-button--primary:hover:not(:disabled),
body.fleetaro-ui .btn.workspace-button--primary:hover:not(:disabled),
body.fleetaro-ui button.workspace-button--primary:active:not(:disabled),
body.fleetaro-ui .btn.workspace-button--primary:active:not(:disabled) {
border-color: var(--fleet-primary-hover);
background: var(--fleet-primary-hover);
color: #fff;
}
body.fleetaro-ui button.workspace-button--secondary,
body.fleetaro-ui .btn.workspace-button--secondary {
border-color: var(--fleet-line);
background: var(--fleet-surface);
color: var(--fleet-text);
}
body.fleetaro-ui button.workspace-button--secondary:hover:not(:disabled),
body.fleetaro-ui .btn.workspace-button--secondary:hover:not(:disabled),
body.fleetaro-ui button.workspace-button--secondary:active:not(:disabled),
body.fleetaro-ui .btn.workspace-button--secondary:active:not(:disabled) {
border-color: var(--fleet-line);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui button.workspace-button--danger,
body.fleetaro-ui .btn.workspace-button--danger {
border-color: #fecaca;
background: #fff5f5;
color: #991b1b;
}
body.fleetaro-ui button.workspace-button:focus-visible,
body.fleetaro-ui .btn.workspace-button:focus-visible {
outline: 2px solid transparent;
outline-offset: -2px;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fleet-primary) 42%, transparent);
}
body.fleetaro-ui button.workspace-button:disabled,
body.fleetaro-ui .btn.workspace-button:disabled {
cursor: not-allowed;
opacity: .55;
}
body.fleetaro-ui button.workspace-button--compact,
body.fleetaro-ui .btn.workspace-button--compact {
height: var(--fleet-rx-button-height-compact, 34px);
min-height: var(--fleet-rx-button-height-compact, 34px);
padding-inline: 10px;
font-size: 11px;
line-height: 11px;
}
body.fleetaro-ui :where(.createAction, .exportAction) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
}
body.fleetaro-ui .createAction::before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
flex: 0 0 16px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.fleetaro-ui .exportAction::before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
flex: 0 0 16px;
background: currentColor;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/g%3E%3C/svg%3E");
}
body.fleetaro-ui .csvExportAction::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h9l5 5v13H5z'/%3E%3Cpath d='M14 3v5h5M8 12h8M8 16h8M11 10v8M15 10v8'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h9l5 5v13H5z'/%3E%3Cpath d='M14 3v5h5M8 12h8M8 16h8M11 10v8M15 10v8'/%3E%3C/g%3E%3C/svg%3E");
}
body.fleetaro-ui .datevExportAction::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M14 11h2M8 15h2M14 15h2M8 19h8'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M14 11h2M8 15h2M14 15h2M8 19h8'/%3E%3C/g%3E%3C/svg%3E");
}
body.fleetaro-ui .pdfExportAction::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h4M8.5 13h2a1.5 1.5 0 0 0 0-3h-2v7M13 17v-7h1.5a2 2 0 0 1 0 4H13M18 10h-2v7M16 13h1.5'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h4M8.5 13h2a1.5 1.5 0 0 0 0-3h-2v7M13 17v-7h1.5a2 2 0 0 1 0 4H13M18 10h-2v7M16 13h1.5'/%3E%3C/g%3E%3C/svg%3E");
}
body.fleetaro-ui .dashboardTitleLabel {
min-width: 0;
display: inline-flex;
align-items: center;
gap: 7px;
}
body.fleetaro-ui .dashboardTitleIcon {
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 20px;
color: var(--fleet-muted);
font-size: 16px;
line-height: 1;
}
body.fleetaro-ui :where(button, .btn, .miniLink):focus-visible {
outline: 0;
box-shadow: 0 0 0 3px var(--fleet-focus);
}
body.fleetaro-ui :where(button, .btn, .miniLink):disabled,
body.fleetaro-ui :where(button, .btn, .miniLink)[aria-busy="true"] {
cursor: wait;
opacity: .62;
transform: none;
}
body.fleetaro-ui :where(.btn.red, .btn-primary, button.primary) {
background: var(--fleet-primary);
border-color: var(--fleet-primary);
color: #fff;
}
body.fleetaro-ui :where(.btn.red, .btn-primary, button.primary):hover {
background: var(--fleet-primary-hover);
border-color: var(--fleet-primary-hover);
}
body.fleetaro-ui :where(.btn.ghost, .btn.secondary, .btn-secondary, button.secondary) {
background: var(--fleet-surface);
border: 1px solid var(--fleet-line);
color: var(--fleet-text);
}
body.fleetaro-ui :where(.btn.danger, .btn.small.danger, .miniLink.danger, button.danger) {
background: #fff5f5;
border-color: #fecaca;
color: #991b1b;
}
body.fleetaro-ui :where(.btn.small, .miniLink, button.small-btn) {
min-height: 32px;
padding: 0 10px;
font-size: 12px;
}
body.fleetaro-ui :where(.back-btn, .delete-photo, .remove-damage) {
min-height: 0;
}
body.fleetaro-ui .delete-photo {
min-width: 28px;
min-height: 28px;
}
body.fleetaro-ui :where(.rowActions, .btn-row, .workspace-actionbar, .modalFooter, .signature-actions) {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
body.fleetaro-ui :where(.workspace-actionbar, .modalFooter) {
justify-content: flex-end;
border-top: 1px solid var(--fleet-line-soft);
padding-top: 12px;
}
body.fleetaro-ui .fleetDetailFactsTable {
width: 100%;
font-size: 13px;
}
body.fleetaro-ui .fleetDetailFactsTable :where(th, td) {
padding: 6px 8px;
}
body.fleetaro-ui .fleetDetailFactsTable th {
width: min(130px, 35%);
text-align: left;
}
body.fleetaro-ui .fleetTextSuccess {
color: var(--fleet-success);
}
body.fleetaro-ui .fleetTextInfo {
color: #2563eb;
}
body.fleetaro-ui .fleetTextMuted {
color: var(--fleet-muted);
}
body.fleetaro-ui :where(table) {
border-collapse: collapse;
}
body.fleetaro-ui :where(th) {
border-color: var(--fleet-table-head-border);
background: var(--fleet-table-head-bg);
color: var(--fleet-table-head-text);
font-size: 11px;
font-weight: 750;
letter-spacing: .04em;
text-transform: uppercase;
}
body.fleetaro-ui :where(th, td) {
border-bottom: 1px solid var(--fleet-line-soft);
padding: 10px;
}
body.fleetaro-ui :where(.modal, .popup-box, .overlay-content, .drivelink-dialog) {
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
color: var(--fleet-text);
box-shadow: 0 20px 48px rgba(15, 23, 42, .18);
}
body.fleetaro-ui :where(.modalHeader, .popup-header) {
border-bottom: 1px solid var(--fleet-line-soft);
background: var(--fleet-surface);
}
body.fleetaro-ui .fleetModalHeader {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center !important;
gap: 12px;
min-height: 66px;
margin: 0;
padding: 13px 16px;
}
body.fleetaro-ui .fleetModalHeader .modalHeaderMain {
min-width: 0;
}
body.fleetaro-ui .fleetModalHeader :where(h3, .popup-title) {
margin: 0;
color: var(--fleet-text);
font-size: 16px;
line-height: 1.3;
overflow-wrap: anywhere;
}
body.fleetaro-ui .fleetModalHeader :where(.muted, .popup-subtitle) {
margin: 3px 0 0;
line-height: 1.35;
}
body.fleetaro-ui .fleetModalHeader :where(.muted, .popup-subtitle):empty {
display: none;
}
body.fleetaro-ui .fleetModalHeader .modalHeaderActions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-width: 0;
margin-left: auto;
}
body.fleetaro-ui .modalCloseButton {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
flex: 0 0 40px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
color: var(--fleet-muted);
font-size: 23px;
font-weight: 500;
line-height: 1;
}
body.fleetaro-ui .modalCloseButton:hover {
border-color: #cbd5e1;
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui .modalCloseButton:active {
background: #eef1f5;
}
body.fleetaro-ui .modalCloseButton > span[aria-hidden="true"] {
display: block;
transform: translateY(-1px);
}
body.fleetaro-ui .fleetDataTable {
width: 100%;
border-collapse: collapse;
}
body.fleetaro-ui .fleetDataTable :where(th, td) {
padding: 8px 10px;
vertical-align: middle;
line-height: 1.3;
}
body.fleetaro-ui .fleetDataTable th {
height: 38px;
white-space: nowrap;
}
body.fleetaro-ui .fleetDataTable td {
min-height: 40px;
}
body.fleetaro-ui .fleetDataTable .tableActionsCell {
width: 1%;
white-space: nowrap;
}
body.fleetaro-ui .fleetDataTable .tableRowActions {
justify-content: flex-end;
flex-wrap: nowrap;
gap: 5px;
}
body.fleetaro-ui .compactTableInput {
width: min(160px, 100%);
height: 32px;
min-height: 32px !important;
padding: 4px 8px;
border-radius: 6px;
font-size: 12px;
}
body.fleetaro-ui .tableActionButton {
display: inline-grid;
place-items: center;
flex: 0 0 var(--fleet-control-height);
width: var(--fleet-control-height);
min-width: var(--fleet-control-height);
height: var(--fleet-control-height);
min-height: var(--fleet-control-height);
padding: 0;
border-radius: var(--fleet-radius);
}
body.fleetaro-ui .tableActionButton svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
body.fleetaro-ui .tableActionButton:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px var(--fleet-focus);
}
@media (pointer: coarse) {
body.fleetaro-ui .tableActionButton {
flex-basis: 44px;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
}
}
body.fleetaro-ui :where(.modalOverlay, .popup-overlay, .overlay, .drivelink-dialog-backdrop) {
background: rgba(15, 23, 42, .46);
backdrop-filter: blur(2px);
}
body.fleetaro-ui .modalOverlay {
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui .modalOverlay > .modal {
display: flex;
min-width: 0;
min-height: 0;
flex-direction: column;
overflow: hidden;
}
body.fleetaro-ui .modalOverlay > .modal > :where(.modalHeader, .modalFooter) {
width: 100%;
flex: 0 0 auto;
box-sizing: border-box;
}
body.fleetaro-ui .modalOverlay > .modal > #modalBody {
width: 100%;
min-width: 0;
min-height: 0;
flex: 1 1 auto;
box-sizing: border-box;
overscroll-behavior: contain;
}
body.fleetaro-ui .modalOverlay:not(.workspace-open) #modalBody {
min-width: 0;
padding: var(--fleet-modal-body-padding);
overflow-x: hidden;
overflow-y: auto;
}
body.fleetaro-ui .modalFormBody {
display: grid;
min-width: 0;
gap: 18px;
}
body.fleetaro-ui .modalFormBody .field {
display: grid;
min-width: 0;
gap: 7px;
}
body.fleetaro-ui .modalFormBody label {
margin: 0;
line-height: 1.35;
}
body.fleetaro-ui .modalFormBody textarea {
min-height: 112px;
resize: vertical;
}
body.fleetaro-ui .modalFormBody > :where(p, .notice) {
margin: 0;
}
body.fleetaro-ui .modalFormGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 18px;
}
body.fleetaro-ui .modalFormGrid.is-title-row {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
body.fleetaro-ui .invoiceActionContext {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
gap: 10px;
padding: 12px;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui .invoiceActionContext > div {
min-width: 0;
}
body.fleetaro-ui .invoiceActionContext span,
body.fleetaro-ui .invoiceActionContext strong {
display: block;
overflow-wrap: anywhere;
}
body.fleetaro-ui .invoiceActionContext span {
margin-bottom: 3px;
color: var(--fleet-muted);
font-size: 11px;
}
body.fleetaro-ui .invoiceActionContext strong {
font-size: 13px;
}
body.fleetaro-ui .permissionEditor {
display: grid;
gap: 14px;
}
body.fleetaro-ui .permissionGroup {
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
overflow: hidden;
}
body.fleetaro-ui .permissionGroupHeader {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 12px;
background: var(--fleet-surface-soft);
border-bottom: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .permissionGroupOptions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
background: var(--fleet-line-soft);
}
body.fleetaro-ui .permissionOption {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
gap: 9px;
align-items: start;
min-width: 0;
padding: 11px 12px;
background: var(--fleet-surface);
cursor: pointer;
}
body.fleetaro-ui .permissionOption input {
width: 18px;
height: 18px;
margin: 1px 0 0;
}
body.fleetaro-ui .permissionOptionText {
display: grid;
gap: 2px;
min-width: 0;
}
body.fleetaro-ui .permissionOptionKey {
color: var(--fleet-muted);
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 11px;
overflow-wrap: anywhere;
}
body.fleetaro-ui .permissionOption.is-critical strong::after {
content: 'Kritisch';
display: inline-flex;
margin-left: 7px;
padding: 1px 5px;
border-radius: 4px;
background: rgba(185, 28, 28, .1);
color: #b91c1c;
font-size: 10px;
font-weight: 700;
}
body.fleetaro-ui .roleSummary {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
body.fleetaro-ui :where(.wizardPreview, .photo-slot) {
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui tr.clickable:hover td:first-child::before {
content: none !important;
}
body.fleetaro-ui .srOnly {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.fleetaro-ui .iconOnlyButton {
width: var(--fleet-control-height);
min-width: var(--fleet-control-height);
height: var(--fleet-control-height);
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.fleetaro-ui .iconOnlyButton svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.fleetaro-ui .vehicleCostSection {
grid-column: 1 / -1;
min-width: 0;
}
body.fleetaro-ui .vehicleEditorSectionHead {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin: 10px 0 12px;
padding-bottom: 8px;
border-bottom: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .vehicleEditorSectionHead h4 {
margin: 0;
font-size: 14px;
}
body.fleetaro-ui .vehicleEditorSectionHead span,
body.fleetaro-ui .vehicleStatsCostCell small {
color: var(--fleet-muted);
font-size: 11px;
font-weight: 400;
}
body.fleetaro-ui .vehicleCostGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 15px;
}
body.fleetaro-ui .vehicleLegacyCostNote {
margin: 10px 0 0;
}
body.fleetaro-ui .vehicleStatsCostCell strong,
body.fleetaro-ui .vehicleStatsCostCell small {
display: block;
}
body.fleetaro-ui .vehicleStatsCostCell small {
margin-top: 3px;
line-height: 1.35;
}
@media (max-width: 1080px) {
body.fleetaro-ui .workspace-settings-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
body.fleetaro-ui .workspace-settings-panel--wide {
grid-column: auto;
}
body.fleetaro-ui .vehicleCostGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
body.fleetaro-ui .vehicleCostGrid {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .vehicleEditorSectionHead {
align-items: flex-start;
flex-direction: column;
}
}
body.fleetaro-ui .pillStatus[class*="payment-"] {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 4px 9px;
border: 1px solid var(--fleet-line);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
body.fleetaro-ui .pillStatus.payment-open {
color: #1d4ed8;
border-color: #bfdbfe;
background: #eff6ff;
}
body.fleetaro-ui .pillStatus.payment-partially_paid {
color: #9a3412;
border-color: #fed7aa;
background: #fff7ed;
}
body.fleetaro-ui .pillStatus.payment-overdue {
color: #b91c1c;
border-color: #fecaca;
background: #fef2f2;
}
body.fleetaro-ui .pillStatus.payment-paid {
color: #047857;
border-color: #a7f3d0;
background: #ecfdf5;
}
body.fleetaro-ui .pillStatus.payment-not_due {
color: #475569;
border-color: #cbd5e1;
background: #f8fafc;
}
body.fleetaro-ui .pillStatus[class*="payment-"] small {
padding-left: 6px;
border-left: 1px solid currentColor;
font-size: 10px;
font-weight: 600;
opacity: .78;
}
body.fleetaro-ui .receivablesGrid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin: 0;
}
body.fleetaro-ui .receivablesWorkspace {
display: grid;
gap: 16px;
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .receivablesWorkspaceHead,
body.fleetaro-ui .receivablesSubsectionHead,
body.fleetaro-ui .receivablesHistoryHead {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
body.fleetaro-ui .receivablesWorkspaceHead h4,
body.fleetaro-ui .receivablesSubsectionHead h5 {
margin: 0;
}
body.fleetaro-ui .receivablesWorkspaceHead p {
margin: 4px 0 0;
}
body.fleetaro-ui .receivablesActionBar,
body.fleetaro-ui .receivablesHistoryActions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.fleetaro-ui .receivablesActionHints {
display: grid;
gap: 4px;
color: var(--fleet-muted);
font-size: 12px;
}
body.fleetaro-ui .receivablesActionHints p {
margin: 0;
}
body.fleetaro-ui .receivablesNextStep {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 16px;
padding: 14px;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui .receivablesNextStep.is-ready {
border-color: var(--fleet-primary);
box-shadow: inset 3px 0 0 var(--fleet-primary);
}
body.fleetaro-ui .receivablesNextStep span,
body.fleetaro-ui .receivablesNextStep strong {
display: block;
}
body.fleetaro-ui .receivablesNextStep span {
margin-bottom: 3px;
color: var(--fleet-muted);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
}
body.fleetaro-ui .receivablesNextStep p {
margin: 4px 0 0;
color: var(--fleet-muted);
font-size: 12px;
}
body.fleetaro-ui .receivablesSubsection {
display: grid;
gap: 10px;
padding-top: 2px;
}
body.fleetaro-ui .receivablesMetric {
min-width: 0;
padding: 11px 12px;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui .receivablesMetric span {
display: block;
margin-bottom: 3px;
color: var(--fleet-muted);
font-size: 11px;
}
body.fleetaro-ui .receivablesMetric strong {
display: block;
overflow-wrap: anywhere;
font-size: 16px;
}
body.fleetaro-ui .receivablesHistory {
display: grid;
gap: 8px;
}
body.fleetaro-ui .receivablesHistoryItem {
display: grid;
gap: 7px;
padding: 10px 12px;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
}
body.fleetaro-ui .receivablesExtensionGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .receivablesHistoryButton {
width: 100%;
color: inherit;
text-align: left;
cursor: pointer;
}
body.fleetaro-ui .receivablesHistoryButton:hover,
body.fleetaro-ui .receivablesHistoryButton:focus-visible {
border-color: var(--fleet-primary);
outline: none;
}
body.fleetaro-ui .receivablesHistoryButton span {
color: var(--fleet-muted);
overflow-wrap: anywhere;
}
body.fleetaro-ui .receivablesDunningPanel {
margin: 0;
padding: 18px 0 0;
border-top: 1px solid var(--fleet-line-soft);
border-bottom: 0;
}
body.fleetaro-ui .receivablesSectionHead {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
body.fleetaro-ui .receivablesSectionHead h4 {
margin: 0;
font-size: 16px;
}
body.fleetaro-ui .receivablesSectionHead h5 {
margin: 0;
font-size: 14px;
}
body.fleetaro-ui .receivablesSectionHead p {
margin: 4px 0 0;
}
body.fleetaro-ui .receivablesDunningFacts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 14px 0;
}
body.fleetaro-ui .receivablesDunningFact {
min-width: 0;
}
body.fleetaro-ui .receivablesDunningFact span {
display: block;
margin-bottom: 4px;
color: var(--fleet-muted);
font-size: 11px;
font-weight: 700;
}
body.fleetaro-ui .receivablesDunningHint {
margin: 0 0 14px;
color: var(--fleet-muted);
font-size: 12px;
}
body.fleetaro-ui.is-embedded-workspace .workspace-wizard-header,
body.fleetaro-ui .moduleWorkspaceBody.is-wizard .workspace-wizard-header {
display: none;
}
body.fleetaro-ui .workspace-wizard-flow .grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.05rem 1.15rem;
margin-bottom: 1rem;
}
body.fleetaro-ui .workspace-wizard-flow .grid .is-full {
grid-column: 1 / -1;
}
body.fleetaro-ui .modalOverlay.inline-wizard-open #modalBody {
display: block;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
}
body.fleetaro-ui .modalOverlay.inline-wizard-open .workspace-wizard-flow {
width: 100%;
min-height: 100%;
margin: 0;
padding: .75rem 1rem;
box-sizing: border-box;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.fleetaro-ui .modalOverlay.workspace-open:not(.inline-wizard-open) #modalBody {
overflow: hidden;
}
body.fleetaro-ui .workspace-wizard-shell { display:flex;align-self:flex-start;flex-direction:column;box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none }
body.fleetaro-ui .workspace-wizard-shell > .workspace-wizard-flow {
display: flex;
flex: 0 0 auto;
flex-direction: column;
min-width: 0;
min-height: 0;
}
body.fleetaro-ui .workspace-wizard-content {
display: block;
flex: 0 0 auto;
box-sizing: border-box;
min-width: 0;
min-height: 0;
overflow: visible;
padding: var(--fleet-workspace-content-padding-block) var(--fleet-workspace-content-padding-inline);
}
body.fleetaro-ui .moduleWorkspaceBody.is-frame {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
padding: 0;
}
body.fleetaro-ui .moduleWorkspaceBody.is-frame {
overflow: hidden;
}
body.fleetaro-ui .moduleWorkspaceBody.is-wizard {
display: block;
flex: 0 0 auto;
min-height: 0;
padding: 0;
overflow: visible;
background: transparent;
}
body.fleetaro-ui .moduleWorkspaceBody.is-frame .workspaceFrame {
flex: 1 1 auto;
min-height: 0;
}
body.fleetaro-ui .moduleWorkspaceBody.is-wizard > .workspace-wizard-document-root > .workspace-wizard-host > .workspace-wizard-shell,
body.fleetaro-ui.is-embedded-workspace .workspace-wizard-shell { flex:0 0 auto;min-height:0;height:auto;margin:0 }
body.fleetaro-ui.is-embedded-workspace .container {
display: block;
height: auto;
min-height: 0;
}
body.fleetaro-ui.is-embedded-workspace .workspace-wizard-shell { flex:0 0 auto;width:100%;max-width:none;min-height:0;margin:0 }
body.fleetaro-ui .workspace-wizard-content > .wizard-panel.is-active {
flex: 0 0 auto;
}
body.fleetaro-ui .vehicleRentalModes {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-bottom: 18px;
}
body.fleetaro-ui .vehicleRentalModes .rental-mode-btn {
display: grid;
gap: 4px;
min-width: 0;
padding: 12px;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
cursor: pointer;
}
body.fleetaro-ui .vehicleRentalModes .rental-mode-btn input {
position: absolute;
opacity: 0;
pointer-events: none;
}
body.fleetaro-ui .vehicleRentalModes .rental-mode-btn span {
color: var(--fleet-muted);
font-size: 12px;
}
body.fleetaro-ui .vehicleRentalModes .rental-mode-btn.active {
border-color: var(--fleet-primary);
background: color-mix(in srgb, var(--fleet-primary) 8%, var(--fleet-surface));
}
body.fleetaro-ui .vehiclePricingSection {
margin: 18px 0;
padding-top: 2px;
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .vehicleWizardImageRow {
display: flex;
align-items: center;
gap: 10px;
}
body.fleetaro-ui .vehicleWizardImageRow input:not([type="file"]) {
flex: 1 1 auto;
min-width: 0;
}
body.fleetaro-ui .vehicleWizardImagePreview,
body.fleetaro-ui #v_imagePreview img {
display: block;
width: min(280px, 100%);
max-height: 180px;
margin-top: 12px;
border-radius: var(--fleet-radius);
object-fit: cover;
}
body.fleetaro-ui .vehicleCategoryCombobox {
position: relative;
}
body.fleetaro-ui .vehicleCategoryOptions {
position: absolute;
z-index: 20;
top: calc(100% + 4px);
right: 0;
left: 0;
max-height: 240px;
overflow-y: auto;
padding: 5px;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
}
body.fleetaro-ui .vehicleCategoryOptions[hidden] {
display: none;
}
body.fleetaro-ui .vehicleCategoryOptions button {
width: 100%;
min-height: 36px;
justify-content: flex-start;
padding: 7px 9px;
border: 0;
background: transparent;
color: var(--fleet-text);
text-align: left;
}
body.fleetaro-ui .vehicleCategoryOptions button:hover,
body.fleetaro-ui .vehicleCategoryOptions button:focus-visible {
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui .vehicleCategoryOptions button.is-create {
color: var(--fleet-primary);
font-weight: 700;
}
body.fleetaro-ui .wizard-panel {
display: none;
min-width: 0;
}
body.fleetaro-ui .wizard-panel.is-active {
display: block;
}
body.fleetaro-ui :where(.workspace-section-header,.wizard-section-title) { display:grid;min-width:0;gap:4px;margin:0 0 10px }
body.fleetaro-ui .workspace-section-header--actions,
body.fleetaro-ui .workspace-form-section__header--actions { grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--fleet-space-4) }
body.fleetaro-ui :where(.workspace-section-header__copy,.workspace-form-section__heading-copy,.wizard-section-title > div) { display:grid;min-width:0;gap:3px }
body.fleetaro-ui :where(.workspace-section-header__actions,.workspace-form-section__header-actions) { display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:var(--fleet-space-2);flex-wrap:wrap }
body.fleetaro-ui :where(.workspace-section-header,.wizard-section-title,.workspace-form-section__header) :where(h2,h3,h4,h5),
body.fleetaro-ui h3.wizard-section-title { margin:0;color:var(--fleet-rx-text,var(--fleet-text));font-size:15px;font-weight:760;line-height:1.3;letter-spacing:0 }
body.fleetaro-ui :where(.wizard-section-title p,.workspace-help) { max-width:74ch;margin:0;color:var(--fleet-rx-text-secondary,var(--fleet-muted));font-size:12px;font-weight:400;line-height:1.4 }
body.fleetaro-ui .workspace-form-section {
display: grid;
min-width: 0;
gap: var(--fleet-space-4);
}
body.fleetaro-ui .workspace-form-section + .workspace-form-section {
margin-top: var(--fleet-space-5);
padding-top: var(--fleet-space-5);
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .workspace-form-section__header {
display: grid;
min-width: 0;
gap: 4px;
}
body.fleetaro-ui .workspace-form-section__body {
display: grid;
min-width: 0;
gap: var(--fleet-space-2);
}
body.fleetaro-ui .workspace-form-section__header > :where(h3, h4, p),
body.fleetaro-ui .workspace-form-section__heading-copy > :where(h3, h4, p) {
margin: 0;
}
body.fleetaro-ui .workspace-form-section__header > :where(h3, h4),
body.fleetaro-ui .workspace-form-section__heading-copy > :where(h3, h4) {
color: var(--fleet-text);
font-size: 15px;
font-weight: 760;
line-height: 1.3;
letter-spacing: 0;
}
body.fleetaro-ui .workspace-form-section__footer {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 0;
margin-top: var(--fleet-space-4);
padding-top: var(--fleet-space-4);
border-top: 1px solid var(--fleet-line-soft);
}
body.fleetaro-ui .workspace-form-actions {
margin: 0;
}
body.fleetaro-ui .workspace-settings-shell,
body.fleetaro-ui .workspace-settings-groups,
body.fleetaro-ui .workspace-settings-group {
display: grid;
width: 100%;
min-width: 0;
}
body.fleetaro-ui .workspace-settings-shell {
box-sizing: border-box;
max-width: none;
margin: 0;
align-content: start;
}
body.fleetaro-ui .workspace-settings-groups {
gap: var(--fleet-settings-group-gap);
}
body.fleetaro-ui .workspace-settings-group {
gap: var(--fleet-settings-section-gap);
}
body.fleetaro-ui .workspace-settings-group__header {
display: grid;
gap: var(--fleet-space-1);
min-width: 0;
}
body.fleetaro-ui .workspace-settings-group__header > :where(h2, h3, p) {
margin: 0;
}
body.fleetaro-ui .workspace-settings-group__header > :where(h2, h3) {
color: var(--fleet-text);
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0;
}
body.fleetaro-ui .workspace-settings-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: var(--fleet-page-gap);
min-width: 0;
}
body.fleetaro-ui .workspace-settings-grid > * {
min-width: 0;
}
body.fleetaro-ui .workspace-settings-grid > .workspace-form-section + .workspace-form-section {
margin-top: 0;
padding-top: var(--fleet-panel-padding);
border-top-color: var(--fleet-line);
}
body.fleetaro-ui .workspace-settings-panel {
width: 100%;
margin: 0;
align-self: stretch;
}
body.fleetaro-ui .workspace-settings-panel--wide {
grid-column: 1 / -1;
}
body.fleetaro-ui .workspace-settings-form-owner {
display: none;
}
body.fleetaro-ui .workspace-settings-flow {
display: grid;
min-width: 0;
gap: var(--fleet-space-3);
}
body.fleetaro-ui .tenant-logo {
--fleet-tenant-logo-size: 40px;
position: relative;
box-sizing: border-box;
display: inline-grid;
width: var(--fleet-tenant-logo-size);
height: var(--fleet-tenant-logo-size);
min-width: var(--fleet-tenant-logo-size);
place-items: center;
flex: 0 0 auto;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--fleet-primary) 28%, var(--fleet-line));
border-radius: var(--fleet-radius);
background: var(--fleet-primary);
color: #fff;
font-family: var(--fleet-font-family);
font-size: calc(var(--fleet-tenant-logo-size) * .34);
font-weight: 800;
line-height: 1;
letter-spacing: 0;
}
body.fleetaro-ui .tenant-logo__fallback,
body.fleetaro-ui .tenant-logo__image {
grid-area: 1 / 1;
width: 100%;
height: 100%;
}
body.fleetaro-ui .tenant-logo__fallback {
display: grid;
place-items: center;
padding: 4px;
overflow: hidden;
}
body.fleetaro-ui .tenant-logo__image {
box-sizing: border-box;
display: block;
padding: 4px;
object-fit: contain;
border-radius: inherit;
background: #fff;
opacity: 0;
}
body.fleetaro-ui .tenant-logo.is-loaded .tenant-logo__image {
opacity: 1;
}
body.fleetaro-ui .tenant-logo--sidebar {
--fleet-tenant-logo-size: 34px;
border-radius: 9px;
box-shadow: none;
}
body.fleetaro-ui .tenant-logo--compact {
--fleet-tenant-logo-size: 28px;
border-radius: 7px;
}
body.fleetaro-ui.dark-mode .tenant-logo {
border-color: color-mix(in srgb, var(--fleet-primary) 45%, var(--fleet-line));
}
body.fleetaro-ui .workspace-panel-icon {
pointer-events: none;
cursor: default;
}
body.fleetaro-ui .workspace-branding-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: var(--fleet-space-3);
min-width: 0;
}
body.fleetaro-ui .workspace-branding-grid > * {
min-width: 0;
}
body.fleetaro-ui .workspace-branding-grid > .workspace-form-section + .workspace-form-section {
margin-top: 0;
padding-top: var(--fleet-panel-padding);
border-top-color: var(--fleet-line);
}
body.fleetaro-ui .workspace-branding-panel {
grid-template-rows: auto minmax(0, 1fr) auto;
align-self: stretch;
gap: var(--fleet-space-3);
}
body.fleetaro-ui .workspace-branding-panel .workspace-form-section__body {
align-content: start;
gap: var(--fleet-space-3);
}
body.fleetaro-ui .workspace-branding-panel > .workspace-form-section__footer {
margin-top: 0;
padding-top: var(--fleet-space-3);
}
body.fleetaro-ui .workspace-branding-media {
box-sizing: border-box;
display: grid;
width: 100%;
min-width: 0;
min-height: 118px;
place-items: center;
overflow: hidden;
padding: var(--fleet-space-3);
border: 1px dashed var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
color: var(--fleet-muted);
}
body.fleetaro-ui .workspace-branding-media[data-media-state="error"] {
border-color: color-mix(in srgb, var(--fleet-danger) 42%, var(--fleet-line));
background: color-mix(in srgb, var(--fleet-danger) 5%, var(--fleet-surface-soft));
}
body.fleetaro-ui .workspace-branding-media__state {
display: grid;
max-width: 42ch;
gap: var(--fleet-space-1);
text-align: center;
}
body.fleetaro-ui .workspace-branding-media__state strong,
body.fleetaro-ui .workspace-branding-media__document strong {
color: var(--fleet-text);
font-size: .88rem;
font-weight: 700;
line-height: 1.35;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-branding-media__state span,
body.fleetaro-ui .workspace-branding-media__document span {
color: var(--fleet-muted);
font-size: .8rem;
font-weight: 400;
line-height: 1.4;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-branding-media__image {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 124px;
object-fit: contain;
border-radius: var(--fleet-radius-sm);
background: #fff;
}
body.fleetaro-ui .workspace-branding-media__document {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
align-items: center;
gap: var(--fleet-space-3);
width: min(100%, 420px);
}
body.fleetaro-ui .workspace-branding-media__document > div {
display: grid;
min-width: 0;
gap: var(--fleet-space-1);
}
body.fleetaro-ui .workspace-branding-media__document-mark {
display: inline-grid;
width: 44px;
height: 44px;
place-items: center;
border: 1px solid color-mix(in srgb, var(--fleet-primary) 25%, var(--fleet-line));
border-radius: var(--fleet-radius-sm);
background: color-mix(in srgb, var(--fleet-primary) 8%, var(--fleet-surface));
color: var(--fleet-primary);
font-size: .72rem;
font-weight: 800;
letter-spacing: .04em;
}
body.fleetaro-ui .workspace-branding-status {
min-height: 0;
margin: 0;
}
@media (max-width: 820px) {
body.fleetaro-ui .workspace-filter-toolbar__filters,
body.fleetaro-ui .workspace-filter-toolbar__trailing,
body.fleetaro-ui .workspace-filter-toolbar__date {
display: grid;
width: 100%;
grid-template-columns: minmax(0, 1fr);
gap: var(--fleet-space-2);
margin: 0;
}
body.fleetaro-ui .workspace-filter-toolbar__actions,
body.fleetaro-ui .workspace-filter-toolbar__actions > :where(.workspace-button, .btn, button, a) {
width: 100%;
}
body.fleetaro-ui .workspace-data-table__actions,
body.fleetaro-ui .workspace-data-table__actions--wide {
width: 100%;
}
body.fleetaro-ui .workspace-data-table__action-list {
justify-content: flex-start;
}
body.fleetaro-ui .workspace-branding-grid {
grid-template-columns: minmax(0, 1fr);
}
}
body.fleetaro-ui .workspace-form-grid { display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:var(--fleet-space-4) }
body.fleetaro-ui .workspace-form-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)) }
body.fleetaro-ui .workspace-form-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)) }
body.fleetaro-ui .workspace-form-grid--twelve { grid-template-columns:repeat(12,minmax(0,1fr)) }
@media (max-width: 1100px) {
body.fleetaro-ui .workspace-form-grid--three { grid-template-columns:repeat(2,minmax(0,1fr)) }
}
body.fleetaro-ui .workspace-form-field { display:grid;min-width:0;align-content:start;gap:var(--fleet-space-2);overflow-x:clip;overflow-clip-margin:4px;contain:inline-size }
body.fleetaro-ui .workspace-form-field--full { grid-column:1/-1 }
body.fleetaro-ui .workspace-form-field--span-4 { grid-column:span 4 }
body.fleetaro-ui .workspace-form-field--span-6 { grid-column:span 6 }
body.fleetaro-ui .workspace-form-field--span-8 { grid-column:span 8 }
body.fleetaro-ui .workspace-form-field>label { display:block;margin:0;color:var(--fleet-text);font-size:.86rem;font-weight:650;line-height:1.35 }
body.fleetaro-ui .workspace-field-label__optional { color:var(--fleet-muted);font-weight:400 }
body.fleetaro-ui .workspace-form-field>:where(input,select,textarea),
body.fleetaro-ui :where(input,select,textarea).workspace-form-control { box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 }
body.fleetaro-ui .workspace-form-field>select,
body.fleetaro-ui select.workspace-form-control { min-inline-size:0;max-inline-size:100%;contain:inline-size;text-overflow:ellipsis }
body.fleetaro-ui .workspace-form-field>:where(input:not([type="checkbox"]):not([type="radio"]),select),
body.fleetaro-ui :where(input:not([type="checkbox"]):not([type="radio"]),select).workspace-form-control { padding-inline:12px }
body.fleetaro-ui .workspace-form-field > textarea,
body.fleetaro-ui textarea.workspace-form-control {
min-height: 124px;
padding: 11px 12px;
resize: vertical;
}
body.fleetaro-ui textarea.workspace-form-control--message {
min-height: 220px;
}
body.fleetaro-ui :where(.workspace-field-hint,.workspace-form-hint) { margin:0;color:var(--fleet-muted);font-size:.8rem;font-weight:400;line-height:1.45 }
body.fleetaro-ui .workspace-form-grid > .workspace-help {
grid-column: 1 / -1;
margin: 0;
}
body.fleetaro-ui .workspace-readonly-value {
display: flex;
align-items: center;
box-sizing: border-box;
min-height: var(--fleet-control-height);
padding: 0 12px;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-attachment-list {
display: grid;
gap: var(--fleet-space-2, 8px);
min-width: 0;
}
body.fleetaro-ui .workspace-attachment-card {
display: grid;
grid-template-columns: 24px 42px minmax(0, 1fr);
align-items: center;
min-height: 64px;
gap: 10px;
padding: 10px 12px;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
cursor: pointer;
}
body.fleetaro-ui .workspace-attachment-card:has(input:checked) {
border-color: color-mix(in srgb, var(--fleet-primary) 55%, var(--fleet-line));
box-shadow: 0 0 0 2px color-mix(in srgb, var(--fleet-primary) 13%, transparent);
}
body.fleetaro-ui .workspace-attachment-card:focus-within {
outline: 3px solid var(--fleet-focus);
outline-offset: 2px;
}
body.fleetaro-ui .workspace-attachment-card > input {
width: 20px;
height: 20px;
margin: 0;
}
body.fleetaro-ui .workspace-attachment-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 1px solid color-mix(in srgb, var(--fleet-primary) 25%, var(--fleet-line));
border-radius: var(--fleet-radius-sm, 8px);
background: color-mix(in srgb, var(--fleet-primary) 8%, var(--fleet-surface));
color: var(--fleet-primary);
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
}
body.fleetaro-ui .workspace-attachment-card__body {
display: grid;
min-width: 0;
gap: 3px;
}
body.fleetaro-ui .workspace-attachment-card__body strong {
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-attachment-card__meta {
color: var(--fleet-muted);
font-size: .8rem;
line-height: 1.4;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-attachment-card__status {
color: var(--fleet-primary);
font-size: .78rem;
font-weight: 700;
}
body.fleetaro-ui .workspace-review {
display: grid;
min-width: 0;
gap: var(--fleet-space-4);
}
body.fleetaro-ui .workspace-review-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--fleet-space-3);
margin: 0;
}
body.fleetaro-ui .workspace-review-item,
body.fleetaro-ui .workspace-review-section {
display: grid;
min-width: 0;
gap: 5px;
margin: 0;
padding: var(--fleet-space-3);
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui :where(.workspace-review-item--full, .workspace-review-section--full) {
grid-column: 1 / -1;
}
body.fleetaro-ui .workspace-review-item > dt,
body.fleetaro-ui .workspace-review-section__label {
color: var(--fleet-muted);
font-size: .76rem;
font-weight: 650;
line-height: 1.35;
}
body.fleetaro-ui .workspace-review-item > dd {
min-width: 0;
margin: 0;
color: var(--fleet-text);
font-size: .9rem;
font-weight: 500;
line-height: 1.45;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-message-preview {
display: grid;
min-width: 0;
gap: var(--fleet-space-3);
}
body.fleetaro-ui .workspace-message-preview__controls {
display: flex;
flex-wrap: wrap;
gap: var(--fleet-space-2);
}
body.fleetaro-ui .workspace-message-preview__frame-wrap {
width: 100%;
max-width: 100%;
margin: 0 auto;
transition: max-width .15s ease;
}
body.fleetaro-ui .workspace-message-preview__frame-wrap.is-mobile {
max-width: 390px;
}
body.fleetaro-ui .workspace-message-preview__frame,
body.fleetaro-ui .workspace-message-preview__text {
display: block;
box-sizing: border-box;
width: 100%;
min-height: 340px;
max-height: 420px;
margin: 0;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
}
body.fleetaro-ui .workspace-message-preview__text {
padding: var(--fleet-space-4);
color: var(--fleet-text);
font: inherit;
white-space: pre-wrap;
overflow: auto;
}
body.fleetaro-ui .workspace-message-preview__controls button[aria-pressed="true"] {
border-color: var(--fleet-primary);
box-shadow: 0 0 0 2px var(--fleet-focus);
}
body.fleetaro-ui .workspace-inline-message {
--workspace-message-accent: #2563eb;
display: block;
margin: 0 0 1rem;
padding: .75rem .9rem;
border: 1px solid color-mix(in srgb, var(--workspace-message-accent) 30%, var(--fleet-line));
border-left: 3px solid var(--workspace-message-accent);
border-radius: var(--fleet-radius);
background: color-mix(in srgb, var(--workspace-message-accent) 7%, var(--fleet-surface));
color: var(--fleet-text);
font-size: .9rem;
font-weight: 550;
line-height: 1.5;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-inline-message[hidden] {
display: none !important;
}
body.fleetaro-ui .wizard-message:not(.is-visible) {
display: none;
}
body.fleetaro-ui .workspace-inline-message--success { --workspace-message-accent: #15803d; }
body.fleetaro-ui .workspace-inline-message--info { --workspace-message-accent: #2563eb; }
body.fleetaro-ui .workspace-inline-message--warning { --workspace-message-accent: #b45309; }
body.fleetaro-ui :where(.workspace-inline-message--error, .workspace-inline-message--validation) { --workspace-message-accent: #b42318; }
body.fleetaro-ui .workspace-toast-stack {
position: fixed;
z-index: 99998;
top: calc(env(safe-area-inset-top, 0px) + 16px);
right: calc(env(safe-area-inset-right, 0px) + 16px);
display: grid;
width: min(390px, calc(100vw - 32px));
gap: 8px;
pointer-events: none;
}
body.fleetaro-ui .workspace-toast {
--workspace-toast-accent: #475467;
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: 8px;
padding: 12px 8px 12px 14px;
border: 1px solid color-mix(in srgb, var(--workspace-toast-accent) 30%, var(--fleet-line));
border-left: 3px solid var(--workspace-toast-accent);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
color: var(--fleet-text);
box-shadow: 0 14px 32px rgba(15, 23, 42, .16);
font: 14px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
overflow-wrap: anywhere;
pointer-events: auto;
}
body.fleetaro-ui .workspace-toast--success { --workspace-toast-accent: #15803d; }
body.fleetaro-ui .workspace-toast--warning { --workspace-toast-accent: #b45309; }
body.fleetaro-ui .workspace-toast--error { --workspace-toast-accent: #b42318; }
body.fleetaro-ui .workspace-toast__copy {
align-self: center;
white-space: pre-line;
}
body.fleetaro-ui .workspace-toast__close {
display: inline-grid;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
place-items: center;
padding: 0;
border: 0;
border-radius: var(--fleet-radius-sm, 6px);
background: transparent;
color: var(--fleet-muted);
font-size: 20px;
line-height: 1;
cursor: pointer;
}
body.fleetaro-ui .workspace-toast__close:hover {
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui .workspace-success-host {
width: 100%;
}
body.fleetaro-ui .workspace-success-screen {
display: grid;
width: min(1040px, 100%);
margin: 0 auto;
gap: var(--fleet-space-4);
}
body.fleetaro-ui .workspace-success-screen__hero {
display: grid;
justify-items: center;
gap: 8px;
padding: clamp(20px, 4vw, 36px) var(--fleet-panel-padding);
text-align: center;
}
body.fleetaro-ui .workspace-success-screen__hero > * {
margin: 0;
}
body.fleetaro-ui .workspace-success-screen__hero p {
max-width: 68ch;
color: var(--fleet-muted);
}
body.fleetaro-ui .workspace-success-screen__icon {
display: inline-grid;
width: 58px;
height: 58px;
place-items: center;
border-radius: 50%;
background: color-mix(in srgb, #15803d 12%, var(--fleet-surface));
color: #15803d;
}
body.fleetaro-ui .workspace-success-screen__icon svg {
width: 30px;
height: 30px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.fleetaro-ui .workspace-success-screen__facts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--fleet-space-3);
margin: 0;
}
body.fleetaro-ui .workspace-success-screen__facts > div {
display: grid;
min-width: 0;
gap: 4px;
padding: var(--fleet-space-3);
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
}
body.fleetaro-ui .workspace-success-screen__facts dt {
color: var(--fleet-muted);
font-size: 12px;
font-weight: 600;
}
body.fleetaro-ui .workspace-success-screen__facts dd {
min-width: 0;
margin: 0;
font-weight: 700;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-success-screen__documents {
display: grid;
gap: var(--fleet-space-3);
padding: var(--fleet-panel-padding);
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui .workspace-success-screen__documents-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--fleet-space-3);
}
body.fleetaro-ui .workspace-success-screen__documents-head h4 {
margin: 2px 0 0;
}
body.fleetaro-ui .workspace-success-screen__eyebrow {
color: var(--fleet-muted);
font-size: 12px;
font-weight: 600;
}
body.fleetaro-ui .workspace-success-screen__document-message {
margin: 0;
color: var(--fleet-muted);
}
body.fleetaro-ui .workspace-success-screen__actions {
display: flex;
align-items: stretch;
gap: 8px;
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-success-screen__actions .workspace-action-tile {
min-height: 44px;
}
body.fleetaro-ui .workspace-action-tile__icon {
display: inline-grid;
width: 17px;
height: 17px;
place-items: center;
}
body.fleetaro-ui .workspace-action-tile__icon svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 760px) {
body.fleetaro-ui .workspace-toast-stack {
right: calc(env(safe-area-inset-right, 0px) + 10px);
left: calc(env(safe-area-inset-left, 0px) + 10px);
width: auto;
}
body.fleetaro-ui .workspace-success-screen__facts {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-success-screen__documents-head {
align-items: flex-start;
flex-direction: column;
}
body.fleetaro-ui .workspace-success-screen__actions {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-success-screen__actions .workspace-action-tile {
width: 100%;
}
}
body.fleetaro-ui .wizard-summary-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .75rem;
margin-bottom: 1rem;
}
body.fleetaro-ui .wizard-summary-card {
padding: .85rem;
border: 1px solid #e5e7eb;
border-radius: var(--fleet-radius);
background: #f9fafb;
}
body.fleetaro-ui .wizard-summary-card strong {
display: block;
margin-bottom: .35rem;
color: #111827;
}
body.fleetaro-ui .wizard-summary-card > div {
color: #4b5563;
font-size: .88rem;
line-height: 1.45;
overflow-wrap: anywhere;
}
body.fleetaro-ui .workspace-footer-surface {
box-sizing: border-box;
flex: 0 0 auto;
width: 100%;
margin: 0;
padding: var(--fleet-workspace-footer-padding-block) var(--fleet-workspace-footer-padding-inline);
border: 0;
border-top: 1px solid var(--fleet-line);
border-radius: 0 0 var(--fleet-radius) var(--fleet-radius);
background: var(--fleet-surface-soft);
}
body.fleetaro-ui .wizard-nav {
margin-top: 0;
}
body.fleetaro-ui .wizard-nav .btn-row {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
}
body.fleetaro-ui .wizard-nav button[hidden] {
display: none;
}
body.fleetaro-ui :where(.workspace-footer-actions, .workspace-actionbar) {
display: flex;
align-items: center;
justify-content: flex-end;
gap: .75rem;
width: 100%;
flex-wrap: wrap;
}
body.fleetaro-ui .workspace-footer-actions__end {
display: flex;
align-items: center;
justify-content: flex-end;
gap: .75rem;
}
body.fleetaro-ui .workspace-footer-start,
body.fleetaro-ui .workspace-button--back {
margin-right: auto;
}
body.fleetaro-ui .wizard-attachment-note {
margin-top: 1rem;
padding: .85rem 1rem;
border: 1px solid #d8dee7;
border-radius: 8px;
background: #f8fafc;
}
body.fleetaro-ui .wizard-attachment-note .small {
margin: .35rem 0 0;
}
body.fleetaro-ui .correspondence-detail-popup-box {
width: min(720px, calc(100vw - 32px));
max-height: min(86vh, 860px);
}
body.fleetaro-ui.modal-stack-open {
overflow: hidden;
overscroll-behavior: none;
}
html.modal-stack-open,
html.modal-stack-open body.fleetaro-ui {
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui.modal-stack-open .content {
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui .stacked-popup-root {
display: none;
position: fixed;
inset: 0;
z-index: 11000;
pointer-events: none;
}
body.fleetaro-ui .stacked-popup-root.visible {
display: block;
}
body.fleetaro-ui .stacked-popup-root > .popup-overlay {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, .56);
pointer-events: auto;
}
body.fleetaro-ui .stacked-popup-root > .popup-box {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
max-width: calc(100vw - 32px);
max-height: calc(100dvh - 32px);
overflow: hidden;
background: var(--ui-surface, #fff);
border: 1px solid var(--ui-line, #d8dee7);
border-radius: var(--ui-radius-sm, 8px);
box-shadow: 0 24px 64px rgba(15, 23, 42, .28);
pointer-events: auto;
}
body.fleetaro-ui .correspondence-detail-popup-box .popup-content {
overflow-y: auto;
padding: 1.25rem;
}
body.fleetaro-ui .correspondence-detail-popup-subtitle {
margin: .2rem 0 0;
}
body.fleetaro-ui .correspondence-detail-facts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: .75rem;
}
body.fleetaro-ui .correspondence-detail-facts > div,
body.fleetaro-ui .correspondence-detail-body,
body.fleetaro-ui .correspondence-detail-note {
padding: .85rem 1rem;
border: 1px solid #d8dee7;
border-radius: 8px;
background: #f8fafc;
}
body.fleetaro-ui .correspondence-detail-facts span,
body.fleetaro-ui .correspondence-detail-facts small {
display: block;
color: #667085;
}
body.fleetaro-ui .correspondence-detail-facts strong {
display: block;
margin: .2rem 0;
overflow-wrap: anywhere;
}
body.fleetaro-ui .correspondence-detail-body,
body.fleetaro-ui .correspondence-detail-note {
margin-top: .85rem;
}
body.fleetaro-ui .correspondence-detail-body h4,
body.fleetaro-ui .correspondence-detail-note h4 {
margin: 0 0 .5rem;
}
body.fleetaro-ui .correspondence-detail-body > div {
white-space: pre-wrap;
overflow-wrap: anywhere;
line-height: 1.55;
}
body.fleetaro-ui .correspondence-detail-actions {
display: flex;
justify-content: flex-end;
gap: .6rem;
margin-top: 1rem;
flex-wrap: wrap;
}
@media (max-width: 720px) {
body.fleetaro-ui .correspondence-detail-facts {
grid-template-columns: 1fr;
}
body.fleetaro-ui .correspondence-detail-popup-box .popup-content {
padding: 1rem;
}
}
body.fleetaro-ui .expense-receipt-section {
display: grid;
gap: .8rem;
margin-top: 1rem;
padding: 1rem;
border: 1px solid #d8dee7;
border-radius: 8px;
background: #f8fafc;
}
body.fleetaro-ui .expense-tax-preview {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: .75rem;
margin-top: 1rem;
}
body.fleetaro-ui .expense-description-tax-row {
display: grid;
grid-column: 1 / -1;
grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
gap: 1rem;
align-items: end;
}
body.fleetaro-ui .expense-tax-preview > div {
min-width: 0;
padding: .8rem .9rem;
border: 1px solid var(--ui-line, #d8dee7);
border-radius: var(--ui-radius-sm, 8px);
background: var(--ui-surface-soft, #f8fafc);
}
body.fleetaro-ui .expense-tax-preview span,
body.fleetaro-ui .expense-tax-preview strong {
display: block;
overflow-wrap: anywhere;
}
body.fleetaro-ui .expense-tax-preview span {
margin-bottom: .25rem;
color: var(--ui-text-muted, #667085);
font-size: .82rem;
}
body.fleetaro-ui .expense-tax-hint {
margin: .55rem 0 0;
}
@media (max-width: 720px) {
body.fleetaro-ui .expense-description-tax-row {
grid-template-columns: 1fr;
}
body.fleetaro-ui .expense-tax-preview {
grid-template-columns: 1fr;
}
}
body.fleetaro-ui .expense-receipt-section h4,
body.fleetaro-ui .expense-receipt-section p {
margin: 0;
}
body.fleetaro-ui .expense-receipt-list {
display: grid;
gap: .55rem;
}
body.fleetaro-ui .expense-receipt-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
padding: .7rem .8rem;
border: 1px solid #e1e6ed;
border-radius: 8px;
background: #fff;
}
body.fleetaro-ui .expense-receipt-row span {
display: block;
margin-top: .2rem;
color: #667085;
font-size: .8rem;
overflow-wrap: anywhere;
}
body.fleetaro-ui .expense-receipt-picker {
display: grid;
gap: .45rem;
padding: .8rem;
border: 1px dashed #aeb8c6;
border-radius: 8px;
background: #fff;
cursor: pointer;
}
body.fleetaro-ui .expense-receipt-picker input[type="file"] {
min-height: 44px;
}
body.fleetaro-ui .expense-receipt-picker small {
color: #667085;
overflow-wrap: anywhere;
}
@media (max-width: 620px) {
body.fleetaro-ui .expense-receipt-row {
align-items: stretch;
flex-direction: column;
}
}
body.fleetaro-ui #savedCustomers[hidden] {
display: none !important;
}
body.fleetaro-ui .workspace-wizard-status:empty {
display: none;
}
html.dark-mode body.fleetaro-ui .wizard-summary-card {
border-color: #334155;
background: #111827;
}
html.dark-mode body.fleetaro-ui .wizard-summary-card strong {
color: #f8fafc;
}
html.dark-mode body.fleetaro-ui .wizard-summary-card > div {
color: #cbd5e1;
}
html.dark-mode body.fleetaro-ui :where(.wizard-nav, .customer-form-shell) {
border-color: #334155;
}
body.fleetaro-ui .invoice-payment-form {
display: grid;
gap: 18px;
padding: 2px 0 4px;
}
body.fleetaro-ui .invoice-payment-form .formGrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 18px;
}
body.fleetaro-ui .invoice-payment-form .field {
display: grid;
gap: 7px;
min-width: 0;
}
body.fleetaro-ui .invoice-payment-form label {
margin: 0;
line-height: 1.35;
}
body.fleetaro-ui .invoice-payment-form textarea {
min-height: 112px;
resize: vertical;
}
body.fleetaro-ui .invoice-payment-help {
margin: -2px 0 0;
padding-top: 14px;
border-top: 1px solid var(--fleet-line-soft);
line-height: 1.5;
}
body.fleetaro-ui .roleCheckGrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
gap: 10px;
min-width: 0;
}
body.fleetaro-ui .roleChoice {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
align-items: center;
gap: 10px;
min-width: 0;
min-height: 46px;
margin: 0;
padding: 10px 12px;
border: 1px solid var(--fleet-line);
border-radius: var(--fleet-radius);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
cursor: pointer;
transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
}
body.fleetaro-ui .roleChoice:hover {
border-color: var(--fleet-muted);
background: var(--fleet-surface);
}
body.fleetaro-ui .roleChoice:has(.roleChoiceInput:checked) {
border-color: var(--fleet-primary);
background: var(--fleet-surface);
box-shadow: inset 3px 0 0 var(--fleet-primary);
}
body.fleetaro-ui .roleChoice:focus-within {
border-color: var(--fleet-primary);
box-shadow: 0 0 0 3px var(--fleet-focus);
}
body.fleetaro-ui .roleChoice:has(.roleChoiceInput:checked):focus-within {
box-shadow: inset 3px 0 0 var(--fleet-primary), 0 0 0 3px var(--fleet-focus);
}
body.fleetaro-ui .roleChoiceInput {
width: 20px;
height: 20px;
margin: 0;
accent-color: var(--fleet-primary);
cursor: pointer;
}
body.fleetaro-ui .roleChoiceName {
min-width: 0;
color: var(--fleet-text);
font-size: 13px;
font-weight: 700;
line-height: 1.35;
overflow-wrap: anywhere;
}
@media (max-width: 900px) {
body.fleetaro-ui :where(.container) {
width: 100%;
}
body.fleetaro-ui :where(.modal, .popup-box, .overlay-content, .drivelink-dialog) {
max-width: calc(100vw - 24px);
}
body.fleetaro-ui .fleetModalHeader {
gap: 8px;
min-height: 60px;
padding: 10px 12px;
}
body.fleetaro-ui .fleetModalHeader .workspaceHeaderMeta {
max-width: min(52vw, 190px);
overflow: hidden;
text-overflow: ellipsis;
}
body.fleetaro-ui .fleetModalHeader .workspaceHeaderMeta span {
display: none;
}
body.fleetaro-ui .receivablesGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui .receivablesExtensionGrid {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
body.fleetaro-ui {
--fleet-page-gap: 12px;
--fleet-modal-body-padding: 20px;
}
body.fleetaro-ui :where(.card, .form-card, .evidence-readonly) {
padding: 14px;
}
body.fleetaro-ui .workspace-form-grid--two,
body.fleetaro-ui .workspace-form-grid--three,
body.fleetaro-ui .workspace-form-grid--twelve {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-form-field--span-4,body.fleetaro-ui .workspace-form-field--span-6,body.fleetaro-ui .workspace-form-field--span-8 { grid-column:1/-1 }
body.fleetaro-ui .workspace-form-section__header--actions {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-form-section__header-actions {
justify-content: flex-start;
}
body.fleetaro-ui .workspace-review-grid {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui .workspace-form-section + .workspace-form-section {
margin-top: var(--fleet-space-4);
padding-top: var(--fleet-space-4);
}
body.fleetaro-ui :where(.rowActions, .btn-row, .workspace-actionbar, .modalFooter) {
align-items: stretch;
}
body.fleetaro-ui :where(.rowActions, .btn-row, .workspace-actionbar, .modalFooter) > :where(.btn, button, a) {
flex: 1 1 100%;
justify-content: center;
}
body.fleetaro-ui .workspace-status-card__actions {
display: grid;
grid-template-columns: minmax(0, 1fr);
width: 100%;
}
body.fleetaro-ui .workspace-status-card__actions .workspace-button {
width: 100%;
}
body.fleetaro-ui :where(.modal, .popup-box, .overlay-content, .drivelink-dialog) {
width: calc(100vw - 16px) !important;
max-width: calc(100vw - 16px);
max-height: calc(100dvh - 16px);
}
body.fleetaro-ui .receivablesGrid {
grid-template-columns: 1fr;
}
body.fleetaro-ui :where(.receivablesWorkspaceHead, .receivablesSubsectionHead, .receivablesNextStep) {
align-items: stretch;
grid-template-columns: 1fr;
flex-direction: column;
}
body.fleetaro-ui .receivablesActionBar,
body.fleetaro-ui .receivablesActionBar .btn,
body.fleetaro-ui .receivablesNextStep .btn {
width: 100%;
}
body.fleetaro-ui .invoice-payment-form .formGrid {
grid-template-columns: 1fr;
}
body.fleetaro-ui .modalFormGrid,
body.fleetaro-ui .modalFormGrid.is-title-row,
body.fleetaro-ui .permissionGroupOptions,
body.fleetaro-ui .receivablesDunningFacts {
grid-template-columns: 1fr;
}
body.fleetaro-ui .receivablesSectionHead {
align-items: stretch;
flex-direction: column;
}
body.fleetaro-ui .receivablesSectionHead .btn {
width: 100%;
justify-content: center;
}
body.fleetaro-ui .wizard-summary-grid {
grid-template-columns: 1fr;
}
body.fleetaro-ui .workspace-wizard-flow .grid {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui :where(.workspace-footer-actions, .workspace-actionbar) {
align-items: stretch;
flex-direction: column;
}
body.fleetaro-ui .workspace-footer-actions__end {
width: 100%;
}
body.fleetaro-ui .workspace-footer-actions__end .workspace-button,
body.fleetaro-ui .workspace-actionbar .workspace-button {
width: 100%;
}
body.fleetaro-ui .workspace-footer-start,
body.fleetaro-ui .workspace-button--back {
width: 100%;
margin-right: 0;
}
body.fleetaro-ui .vehicleRentalModes {
grid-template-columns: 1fr;
}
body.fleetaro-ui .vehicleWizardImageRow {
align-items: stretch;
flex-direction: column;
}
body.fleetaro-ui :where(.customer-result, .selected-customer-card.is-visible) {
grid-template-columns: 1fr;
}
body.fleetaro-ui .selected-customer-card.is-visible {
display: grid;
}
}
body.fleetaro-ui.dark-mode {
--fleet-bg: var(--ui-bg, #111318);
--fleet-surface: var(--card, #171a21);
--fleet-surface-soft: #20242c;
--fleet-text: var(--text, #f1f3f5);
--fleet-muted: var(--muted, #a8b0bd);
--fleet-wizard-muted: #a8b0bd;
--fleet-line: var(--line, #3a404b);
--fleet-line-soft: #303641;
--fleet-table-head-bg: var(--ui-surface-soft, #171b22);
--fleet-table-head-text: var(--fleet-muted);
--fleet-table-head-border: var(--fleet-line-soft);
--fleet-license-notice-bg: var(--fleet-surface);
--fleet-license-notice-border: rgba(251, 191, 36, .28);
--fleet-license-notice-text: var(--fleet-text);
--fleet-license-notice-muted: var(--fleet-muted);
--fleet-license-notice-badge-bg: rgba(245, 158, 11, .14);
--fleet-license-notice-badge-border: rgba(251, 191, 36, .32);
--fleet-license-notice-badge-text: #fcd34d;
background: var(--fleet-bg);
}
html.dark-mode body.fleetaro-ui {
--fleet-wizard-muted: #a8b0bd;
}
body.fleetaro-ui.dark-mode .main {
background: var(--fleet-bg);
}
body.fleetaro-ui.dark-mode :where(.fleetMonthDay, .fleetTimelineTable .fleetVehicleCell) {
background: var(--fleet-surface);
}
body.fleetaro-ui.dark-mode .topbar {
border-color: var(--fleet-line-soft);
background: var(--fleet-surface);
}
body.fleetaro-ui.dark-mode :where(.fleetSegmented, .fleetViewTabs),
body.fleetaro-ui.dark-mode :where(.fleetMonthDayName) {
border-color: var(--fleet-line-soft);
background: var(--fleet-surface-soft);
color: var(--fleet-muted);
}
body.fleetaro-ui.dark-mode :where(th, .fleetDataTable thead th, .fleetTimelineTable thead th, .fleetTimelineTable thead .fleetVehicleCell) {
border-color: var(--fleet-table-head-border);
background: var(--fleet-table-head-bg);
color: var(--fleet-table-head-text);
}
body.fleetaro-ui.dark-mode :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
textarea
) {
border-color: var(--fleet-line);
background-color: var(--fleet-surface);
color: var(--fleet-text);
}
body.fleetaro-ui.dark-mode :where(input, textarea)::placeholder {
color: var(--fleet-muted);
opacity: 1;
}
body.fleetaro-ui.dark-mode :where(.btn:not(.red):not(.danger), .miniLink:not(.danger), .iconOnlyButton, .modalCloseButton) {
border-color: var(--fleet-line);
background: var(--fleet-surface);
color: var(--fleet-text);
}
body.fleetaro-ui.dark-mode :where(.btn:not(.red):not(.danger), .miniLink:not(.danger), .iconOnlyButton, .modalCloseButton):hover:not(:disabled) {
border-color: var(--fleet-line-soft);
background: var(--fleet-surface-soft);
color: var(--fleet-text);
}
body.fleetaro-ui.dark-mode .fleetDashboard :where(.fleetTodayColumn h4, .dashboard-item .name) {
color: var(--fleet-text);
}
body.fleetaro-ui.dark-mode .fleetDashboard :where(.fleetSectionHead p, .dashboard-item .car, .dashboard-item .time, .dashboard-empty) {
color: var(--fleet-muted);
}
body.fleetaro-ui.dark-mode :where(.fleetSegmented label input:checked + span, .fleetSegmented > button.is-active, .fleetViewTabs > button.is-active) {
border-color: var(--fleet-primary);
background: #303641;
color: var(--fleet-text);
box-shadow: inset 0 -2px 0 var(--fleet-primary);
}
body.fleetaro-ui.dark-mode :where(.btn.red, .createAction, #pagePrimaryAction) {
border-color: var(--fleet-primary);
background: var(--fleet-primary);
color: #fff;
}
body.fleetaro-ui.dark-mode :where(.btn.red, .createAction, #pagePrimaryAction):hover:not(:disabled) {
border-color: var(--fleet-primary-hover);
background: var(--fleet-primary-hover);
color: #fff;
}
body.fleetaro-ui.dark-mode :where(input[type="checkbox"], input[type="radio"]) {
accent-color: var(--fleet-primary);
}
body.fleetaro-ui.dark-mode select:not([multiple]):not([size]) {
background-color: var(--fleet-surface);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8b0bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}
body.fleetaro-ui.dark-mode .fleetMonthDay.is-outside,
body.fleetaro-ui.dark-mode .fleetTimelineTable .is-weekend {
background: #181b21;
}
body.fleetaro-ui.dark-mode .fleetDataTable tbody tr:hover {
background: #20242c;
}
body.fleetaro-ui.dark-mode .fleetDataTable tbody tr.is-overdue {
background: rgba(180, 35, 24, .14);
}
body.fleetaro-ui.dark-mode .fleetTextInfo {
color: #93c5fd;
}
@media (prefers-reduced-motion: reduce) {
body.fleetaro-ui *,
body.fleetaro-ui *::before,
body.fleetaro-ui *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}
}
@media (max-width: 1024px), (max-width: 1366px) and (pointer: coarse) {
html.fleetaro-tenant-shell {
width: 100%;
height: 100%;
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui.fleetaro-shell {
--fleet-mobile-shell-gap: 14px;
--fleet-mobile-nav-height: 68px;
width: 100%;
height: 100%;
min-height: 0;
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui.fleetaro-shell .layout {
display: block;
width: 100%;
min-width: 0;
max-width: none;
min-height: 0;
height: 100vh;
height: 100svh;
height: 100dvh;
height: var(--fleet-mobile-viewport-height, 100dvh);
max-height: 100vh;
max-height: 100dvh;
max-height: var(--fleet-mobile-viewport-height, 100dvh);
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui.fleetaro-shell .layout > .sidebar {
position: fixed;
inset: 0 auto 0 0;
z-index: 10000;
display: flex;
width: min(86%, 320px);
min-width: 0;
min-height: 0;
height: 100vh;
height: 100svh;
height: 100dvh;
height: var(--fleet-mobile-viewport-height, 100dvh);
max-height: 100vh;
max-height: 100dvh;
max-height: var(--fleet-mobile-viewport-height, 100dvh);
padding: max(14px, env(safe-area-inset-top)) 14px max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
overflow: hidden;
overscroll-behavior: contain;
transform: translateX(-110%);
transition: transform .18s ease;
box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}
body.fleetaro-ui.fleetaro-shell .layout > .sidebar .brand {
flex: 0 0 auto;
}
body.fleetaro-ui.fleetaro-shell .layout > .sidebar .nav {
min-height: 0;
flex: 1 1 auto;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior-y: contain;
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
}
body.fleetaro-ui.fleetaro-shell .layout > .sidebar .navBottom {
min-height: 0;
margin-top: 0;
padding-top: 12px;
padding-bottom: 0;
flex: 0 0 auto;
}
body.fleetaro-ui.fleetaro-shell .layout > .sidebar.mobile-open {
transform: translateX(0);
}
body.fleetaro-ui.fleetaro-shell .sidebarOverlay.open {
display: block;
overscroll-behavior: none;
touch-action: none;
}
body.fleetaro-ui.fleetaro-shell .mobileOnly {
display: inline-flex !important;
}
body.fleetaro-ui.fleetaro-shell .desktopOnly {
display:none!important;
}
body.fleetaro-ui.fleetaro-shell .main {
display: block;
width: 100%;
min-width: 0;
max-width: none;
min-height: 0;
height: 100vh;
height: 100svh;
height: 100dvh;
height: var(--fleet-mobile-viewport-height, 100dvh);
max-height: 100vh;
max-height: 100dvh;
max-height: var(--fleet-mobile-viewport-height, 100dvh);
margin: 0;
padding: 16px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior-x: none;
overscroll-behavior-y: contain;
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
scroll-padding-block: 16px calc(var(--fleet-mobile-nav-height) + 24px + env(safe-area-inset-bottom) + var(--fleet-mobile-keyboard-offset, 0px));
}
body.fleetaro-ui.fleetaro-shell .topbar {
position: relative;
top: auto;
z-index: 100;
display: flex;
width: 100%;
min-width: 0;
max-width: none;
flex: 0 0 auto;
flex-direction: column;
align-items: stretch;
gap: 12px;
padding: 14px;
}
body.fleetaro-ui.fleetaro-shell .topbarSearchArea {
display: grid;
width: 100%;
min-width: 0;
max-width: none;
grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.2fr);
gap: 14px;
}
body.fleetaro-ui.fleetaro-shell :where(.titleWrap, .globalSearchBox, .topActions) {
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .topActions {
width: 100%;
justify-content: flex-start;
}
body.fleetaro-ui.fleetaro-shell .content {
width: 100%;
min-width: 0;
max-width: none;
margin: 0;
padding: 16px 0 calc(var(--fleet-mobile-nav-height) + 24px + env(safe-area-inset-bottom) + var(--fleet-mobile-keyboard-offset, 0px));
overflow: visible;
overscroll-behavior: auto;
touch-action: auto;
}
body.fleetaro-ui.fleetaro-shell.mobile-drawer-open .main,
body.fleetaro-ui.fleetaro-shell.modal-stack-open .main {
overflow: hidden;
overscroll-behavior: none;
}
body.fleetaro-ui.fleetaro-shell .content > .view.active,
body.fleetaro-ui.fleetaro-shell .content > .moduleWorkspace,
body.fleetaro-ui.fleetaro-shell .content > .view.active > :where(.card, .grid, .toolbar, .search, .fleetKpiGrid, .fleetChartGrid, .fleetDashboardSecondary, .fleetViewTabs) {
width: 100%;
min-width: 0;
max-width: none;
margin-inline: 0;
}
body.fleetaro-ui.fleetaro-shell :where(.card, .form-card) {
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .card:not(.fleetTableCard) {
overflow: visible;
}
body.fleetaro-ui.fleetaro-shell :where(.grid, .cards2, .cards3, .cards4, .fleetKpiGrid, .fleetChartGrid, .fleetDashboardSecondary) > * {
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell :where(.toolbar, .search) {
width: 100%;
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .toolbar {
padding: 14px;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui.fleetaro-shell :where(.toolbar-main, .toolbar-filters, .toolbar-actions, .toolbar-secondary) {
width: 100%;
min-width: 0;
margin-left: 0;
}
body.fleetaro-ui.fleetaro-shell .fleetListToolbar .toolbar-main,
body.fleetaro-ui.fleetaro-shell .invoiceToolbar .toolbar-main,
body.fleetaro-ui.fleetaro-shell .fleetStatsToolbar .toolbar-main {
display: grid;
grid-template-columns:minmax(0,1fr);
align-items: stretch;
gap: 12px;
}
body.fleetaro-ui.fleetaro-shell .invoiceToolbarFilters,
body.fleetaro-ui.fleetaro-shell :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) {
display: grid;
width: 100%;
min-width: 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.fleetaro-ui.fleetaro-shell .invoiceToolbarFilters #invSearch,
body.fleetaro-ui.fleetaro-shell :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) .filterSearch {
grid-column: 1 / -1;
}
body.fleetaro-ui.fleetaro-shell .toolbar :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
button,
.btn
) {
min-width: 0;
min-height: 44px;
}
body.fleetaro-ui.fleetaro-shell .toolbar :where(.filterSearch, .toolbarSelect, .toolbarSelectWide, .toolbarSelectCompact) {
width: 100%;
max-width: none;
flex-basis: auto;
}
body.fleetaro-ui.fleetaro-shell .invoiceToolbar .toolbar-actions.toolbarDateActions,
body.fleetaro-ui.fleetaro-shell .fleetListToolbar .toolbar-actions.toolbarDateActions {
display: flex;
width: 100%;
min-width: 0;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
body.fleetaro-ui.fleetaro-shell .toolbarDateActions > .toolbarDateRange {
width: min(100%, 420px);
min-width: 0;
flex: 0 1 420px;
}
body.fleetaro-ui.fleetaro-shell .toolbarDateActions > .toolbarExportActions {
min-width: 0;
flex: 0 0 auto;
}
body.fleetaro-ui.fleetaro-shell .fleetTableCard,
body.fleetaro-ui.fleetaro-shell .fleetTableScroll {
width: 100%;
min-width: 0;
max-width: 100%;
}
body.fleetaro-ui.fleetaro-shell .fleetTableScroll {
overflow-x: auto;
overflow-y: visible;
overscroll-behavior-inline: contain;
touch-action: pan-x pan-y;
-webkit-overflow-scrolling: touch;
}
body.fleetaro-ui.fleetaro-shell .fleetTableScrollTall {
max-height: none;
}
body.fleetaro-ui.fleetaro-shell .invoiceRecordTable {
min-width: 960px;
}
body.fleetaro-ui.fleetaro-shell .mobileNav {
position: fixed;
inset: auto 0 0;
z-index: 9000;
box-sizing: border-box;
display: flex;
width: 100%;
min-width: 0;
height: calc(var(--fleet-mobile-nav-height) + env(safe-area-inset-bottom));
padding: 8px max(10px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
}
body.fleetaro-ui.fleetaro-shell .mobileNav a {
min-width: 0;
min-height: 44px;
}
body.fleetaro-ui.fleetaro-shell :where(input, select, textarea, button, .btn, a) {
scroll-margin-block: 90px calc(var(--fleet-mobile-nav-height) + 24px + env(safe-area-inset-bottom));
}
body.fleetaro-ui.fleetaro-shell .modalOverlay {
box-sizing: border-box;
padding: 12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
body.fleetaro-ui.fleetaro-shell .modalOverlay > .modal {
width: min(100%, 760px);
min-width: 0;
max-width: 100%;
max-height: calc(100dvh - 24px - env(safe-area-inset-bottom));
}
body.fleetaro-ui.fleetaro-shell .modalOverlay.workspace-open > .modal {
width: 100%;
min-width: 0;
height: calc(100dvh - 24px - env(safe-area-inset-bottom));
max-height: none;
}
body.fleetaro-ui.fleetaro-shell :where(.modalHeader, .modalFooter, #modalBody, .moduleWorkspace, .moduleWorkspaceHead, .moduleWorkspaceBody, .moduleWorkspaceFoot) {
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell :where(#modalBody, .moduleWorkspaceBody) {
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
body.fleetaro-ui.fleetaro-shell .moduleWorkspace {
width: 100%;
max-width: none;
min-height: 0;
}
body.fleetaro-ui.fleetaro-shell .moduleWorkspaceTitleRow {
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .moduleWorkspaceFoot.has-content,
body.fleetaro-ui.fleetaro-shell .modalFooter {
padding-bottom: max(12px, env(safe-area-inset-bottom));
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveFormGrid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
min-width: 0;
}
}
@media (max-width: 1024px) and (max-height: 700px),
(max-width: 1366px) and (max-height: 700px) and (pointer: coarse) {
body.fleetaro-ui.fleetaro-shell .main {
padding-top: max(8px, env(safe-area-inset-top));
}
body.fleetaro-ui.fleetaro-shell .topbar {
gap: 8px;
padding: 10px 12px;
}
body.fleetaro-ui.fleetaro-shell .topbarSearchArea,
body.fleetaro-ui.fleetaro-shell .topActions {
gap: 8px;
}
body.fleetaro-ui.fleetaro-shell .fleetPageTitle p {
margin-top: 2px;
font-size: 12px;
}
}
@media (max-width: 620px) {
body.fleetaro-ui.fleetaro-shell {
--fleet-mobile-shell-gap: 12px;
}
body.fleetaro-ui.fleetaro-shell .main {
padding: 10px max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));
gap: 10px;
}
body.fleetaro-ui.fleetaro-shell .topbar {
gap: 10px;
padding: 12px;
}
body.fleetaro-ui.fleetaro-shell .topbarSearchArea {
grid-template-columns: minmax(0, 1fr);
gap: 10px;
}
body.fleetaro-ui.fleetaro-shell .titleWrap h2 {
font-size: clamp(19px, 5.5vw, 22px);
}
body.fleetaro-ui.fleetaro-shell .globalSearchInput {
min-width: 0;
font-size: 16px;
}
body.fleetaro-ui.fleetaro-shell .content {
padding-top: 12px;
}
body.fleetaro-ui.fleetaro-shell .toolbar {
padding: 12px;
}
body.fleetaro-ui.fleetaro-shell .invoiceToolbarFilters,
body.fleetaro-ui.fleetaro-shell :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui.fleetaro-shell .invoiceToolbarFilters #invSearch,
body.fleetaro-ui.fleetaro-shell :where(.customerToolbarFilters, .contractToolbarFilters, .expenseToolbarFilters) .filterSearch {
grid-column: auto;
}
body.fleetaro-ui.fleetaro-shell .toolbar :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
textarea
),
body.fleetaro-ui.fleetaro-shell .modalOverlay :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
textarea
) {
font-size: 16px;
}
body.fleetaro-ui.fleetaro-shell .invoiceToolbar .toolbar-actions.toolbarDateActions,
body.fleetaro-ui.fleetaro-shell .fleetListToolbar .toolbar-actions.toolbarDateActions {
flex-direction: column;
align-items: stretch;
}
body.fleetaro-ui.fleetaro-shell .toolbarDateActions > .toolbarDateRange {
width: 100%;
flex: 0 0 auto;
}
body.fleetaro-ui.fleetaro-shell .toolbarDateActions > .toolbarExportActions {
display: grid;
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui.fleetaro-shell .toolbarExportActions > :where(.btn, button, a) {
width: 100%;
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .fleetKpiGrid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.fleetaro-ui.fleetaro-shell .fleetKpiCard {
min-height: 104px;
padding: 14px;
}
body.fleetaro-ui.fleetaro-shell .fleetKpiCard :where(.fleetKpiHead, .fleetKpiMeta) {
overflow-wrap: anywhere;
}
body.fleetaro-ui.fleetaro-shell .fleetTableScroll:has(> .fleetResponsiveRecordTable) {
overflow: visible;
touch-action: pan-y;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable {
display: block;
width: 100%;
min-width: 0;
border: 0;
background: transparent;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable thead {
display: none;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody {
display: grid;
width: 100%;
min-width: 0;
gap: 12px;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody tr {
display: grid;
width: 100%;
min-width: 0;
overflow: hidden;
border: 1px solid var(--fleet-line-soft);
border-radius: var(--fleet-radius);
background: var(--fleet-surface);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody td {
box-sizing: border-box;
display: grid;
width: 100%;
min-width: 0;
height: auto;
min-height: 42px;
grid-template-columns: minmax(92px, 38%) minmax(0, 1fr);
align-items: start;
gap: 10px;
padding: 10px 12px;
border: 0;
border-bottom: 1px solid var(--fleet-line-soft);
white-space: normal !important;
overflow-wrap: anywhere;
text-align: left !important;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody td:last-child {
border-bottom: 0;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody td::before {
content: attr(data-label);
min-width: 0;
color: var(--fleet-muted);
font-size: 11px;
font-weight: 750;
line-height: 1.35;
overflow-wrap: anywhere;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody td[data-label="Aktionen"] {
align-items: center;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody td[data-label="Aktionen"] > :where(.rowActions, .tableActions, div) {
display: flex;
min-width: 0;
flex-wrap: wrap;
gap: 8px;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody tr.fleetMobileTableMessage {
display: block;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody tr.fleetMobileTableMessage td {
display: block;
min-height: 64px;
padding: 18px 14px;
border: 0;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveRecordTable tbody tr.fleetMobileTableMessage td::before {
content: none;
}
body.fleetaro-ui.fleetaro-shell .fleetResponsiveFormGrid {
grid-template-columns: minmax(0, 1fr) !important;
}
body.fleetaro-ui.fleetaro-shell #view-calendar .card > div[style*="display:flex"] > .field {
width: 100%;
min-width: 0 !important;
flex-basis: 100% !important;
}
body.fleetaro-ui.fleetaro-shell .modalOverlay {
padding: 0;
}
body.fleetaro-ui.fleetaro-shell .modalOverlay > .modal,
body.fleetaro-ui.fleetaro-shell .modalOverlay.workspace-open > .modal {
width: 100%;
height: 100dvh;
max-width: none;
max-height: none;
border-radius: 0;
}
body.fleetaro-ui.fleetaro-shell :where(.modalHeader, .moduleWorkspaceHead) {
padding-top: max(12px, env(safe-area-inset-top));
}
body.fleetaro-ui.fleetaro-shell :where(.modalFooter, .moduleWorkspaceFoot.has-content) {
position: sticky;
bottom: 0;
z-index: 2;
padding-bottom: max(12px, env(safe-area-inset-bottom));
background: var(--fleet-surface);
}
}
@media (max-width: 399px) {
body.fleetaro-ui.fleetaro-shell :where(.invoiceDateRange, .toolbarDateRange),
body.fleetaro-ui.fleetaro-shell .toolbarDateActions > .toolbarExportActions {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui.fleetaro-shell .fleetKpiGrid {
grid-template-columns: minmax(0, 1fr);
}
}
:root {
--fleet-canvas: var(--fleet-bg);
--fleet-surface-raised: var(--fleet-surface);
--fleet-surface-muted: var(--fleet-surface-soft);
--fleet-border-subtle: var(--fleet-line-soft);
--fleet-border-strong: var(--fleet-line);
--fleet-text-primary: var(--fleet-text);
--fleet-text-secondary: var(--fleet-muted);
--fleet-text-muted: color-mix(in srgb, var(--fleet-muted) 82%, transparent);
--fleet-radius-sm: 6px;
--fleet-radius-md: var(--fleet-radius);
--fleet-radius-lg: 12px;
--fleet-shadow-raised: 0 12px 32px rgba(16, 24, 40, .10);
--fleet-sidebar-width: 272px;
--fleet-type-page-title: clamp(22px, 1.8vw, 27px);
--fleet-type-section-title: 17px;
--fleet-type-panel-title: 14px;
--fleet-type-body: 14px;
--fleet-type-label: 12px;
--fleet-type-meta: 11px;
--fleet-motion-fast: 160ms;
}
body.fleetaro-ui {
color: var(--fleet-text-primary);
font-family: var(--fleet-font-family);
background: var(--fleet-canvas);
}
body.fleetaro-ui.fleetaro-shell .workspace-view {
align-content: start;
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .workspace-view--operations-board {
--fleet-page-gap: var(--fleet-space-4);
}
body.fleetaro-ui.fleetaro-shell .workspace-view :where(.fleetSectionHead h3, .workspace-section-title) {
font-family: var(--fleet-font-family);
font-size: var(--fleet-type-panel-title);
font-weight: 760;
line-height: 1.35;
}
@media (min-width: 1025px) and (pointer: fine) {
body.fleetaro-ui.fleetaro-shell .layout {
display: grid;
grid-template-columns: var(--fleet-sidebar-width) minmax(0, 1fr);
transition: grid-template-columns var(--fleet-motion-fast) ease;
}
body.fleetaro-ui.fleetaro-shell .layout > .sidebar {
width: 100%;
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .layout > .main {
width: 100%;
min-width: 0;
}
}
body.fleetaro-ui.fleetaro-shell .sidebar {
gap: var(--fleet-space-2);
padding: 14px 12px;
background:
radial-gradient(circle at 20% 0, rgba(255, 255, 255, .06), transparent 38%),
linear-gradient(180deg, var(--nav), var(--nav2));
}
body.fleetaro-ui.fleetaro-shell .sidebar .brand {
position: relative;
min-height: 58px;
padding: 8px 6px 12px;
}
body.fleetaro-ui.fleetaro-shell .sidebarFooterAction svg,
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupIcon svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroup {
display: grid;
min-width: 0;
gap: 3px;
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroup[hidden],
body.fleetaro-ui.fleetaro-shell .sidebarNavItems[hidden] {
display: none !important;
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupToggle {
box-sizing: border-box;
display: grid;
width: 100%;
min-width: 0;
min-height: 44px;
grid-template-columns: 24px minmax(0, 1fr) 16px;
align-items: center;
gap: 9px;
padding: 8px 10px;
border: 0;
border-radius: var(--fleet-radius-md);
color: #cbd5e1;
background: transparent;
font: inherit;
font-size: 12px;
font-weight: 700;
text-align: left;
cursor: pointer;
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupToggle:hover,
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupToggle:focus-visible {
color: #fff;
background: rgba(255, 255, 255, .07);
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupIcon {
display: grid;
width: 24px;
height: 24px;
place-items: center;
color: #94a3b8;
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupChevron {
width: 7px;
height: 7px;
justify-self: center;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform var(--fleet-motion-fast) ease;
}
body.fleetaro-ui.fleetaro-shell .sidebarNavGroup.is-open .sidebarNavGroupChevron {
transform: rotate(225deg) translate(-1px, -1px);
}
body.fleetaro-ui.fleetaro-shell .sidebarNavItems {
display: grid;
min-width: 0;
gap: 2px;
padding: 0 0 3px 6px;
}
body.fleetaro-ui.fleetaro-shell .nav .sidebarNavItems > a {
min-width: 0;
min-height: 40px;
gap: 9px;
margin: 0;
padding: 7px 9px;
border: 1px solid transparent;
border-radius: var(--fleet-radius-md);
color: #cbd5e1;
font-size: 13px;
line-height: 1.25;
}
body.fleetaro-ui.fleetaro-shell .nav .sidebarNavItems > a:hover {
border-color: rgba(255, 255, 255, .06);
background: rgba(255, 255, 255, .07);
}
body.fleetaro-ui.fleetaro-shell .nav .sidebarNavItems > a.active,
body.fleetaro-ui.fleetaro-shell .nav .sidebarNavItems > a[aria-current="page"] {
border-color: color-mix(in srgb, var(--fleet-primary) 48%, rgba(255, 255, 255, .12));
color: #fff;
background: color-mix(in srgb, var(--fleet-primary) 42%, rgba(255, 255, 255, .08));
}
body.fleetaro-ui.fleetaro-shell .nav .sidebarNavItems > a .ico {
width: 26px;
min-width: 26px;
height: 26px;
border-radius: 7px;
background: rgba(255, 255, 255, .06);
}
body.fleetaro-ui.fleetaro-shell .nav .sidebarNavItems > a .ico svg {
width: 15px;
height: 15px;
}
body.fleetaro-ui.fleetaro-shell .navLabel,
body.fleetaro-ui.fleetaro-shell .sidebarNavGroupLabel,
body.fleetaro-ui.fleetaro-shell .navFooterLabel {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
body.fleetaro-ui.fleetaro-shell .sidebarFooterAction {
box-sizing: border-box;
display: flex;
width: 100%;
min-width: 0;
min-height: 40px;
justify-content: flex-start;
gap: 9px;
padding: 8px 10px;
}
body.fleetaro-ui.fleetaro-shell .sidebarFooterAction > [data-fleet-icon] {
display: grid;
width: 20px;
min-width: 20px;
place-items: center;
}
body.fleetaro-ui.fleetaro-shell .fleetBreadcrumb {
display: flex;
min-width: 0;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 0 0 5px;
color: var(--fleet-text-muted);
font-size: var(--fleet-type-meta);
line-height: 1.25;
}
body.fleetaro-ui.fleetaro-shell .fleetBreadcrumb strong {
color: var(--fleet-text-secondary);
font-weight: 700;
}
body.fleetaro-ui.fleetaro-shell .fleetPageTitle h2 {
font-size: var(--fleet-type-page-title);
font-weight: 760;
letter-spacing: -.02em;
}
body.fleetaro-ui.fleetaro-shell #workspaceDensityToggle > [data-fleet-icon] {
display: grid;
place-items: center;
}
body.fleetaro-ui.fleetaro-shell #workspaceDensityToggle svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
}
body.fleetaro-ui.density-compact {
--fleet-page-gap: 10px;
--fleet-panel-padding: 14px;
--fleet-table-row-height: 38px;
--fleet-workspace-content-padding-block: 12px;
--fleet-workspace-content-padding-inline: 14px;
}
body.fleetaro-ui.density-compact.fleetaro-shell .content {
padding-top: 14px;
}
body.fleetaro-ui.density-compact :where(.fleetKpiGrid, .grid, .workspace-page-stack, .workspace-settings-groups) {
gap: 10px;
}
body.fleetaro-ui.density-compact .fleetDataTable :where(th, td) {
padding-block: 7px;
}
body.fleetaro-ui.fleetaro-shell :where(.workspace-task-card, .onboardingStep, .miniCard, .configItem) {
border: 1px solid var(--fleet-border-subtle);
border-radius: var(--fleet-radius-md);
background: var(--fleet-surface-raised);
color: var(--fleet-text-primary);
box-shadow: var(--fleet-shadow-soft);
}
body.fleetaro-ui.fleetaro-shell :where(.workspace-task-card, .onboardingStep, .miniCard, .configItem) :where(p, small, .muted, .taskCardMeta) {
color: var(--fleet-text-secondary);
}
body.fleetaro-ui.fleetaro-shell :where(.workspace-task-card, .workspace-process-card) {
font-family: var(--fleet-font-family);
}
body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--subject, .workspace-table-cell--subject) {
width: 37%;
}
body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--context, .workspace-table-cell--context) {
width: 27%;
}
body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--deadline-compact, .workspace-table-cell--deadline-compact) {
width: 20%;
white-space: nowrap;
text-align: center;
}
body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--status-compact, .workspace-table-cell--status-compact) {
width: 16%;
padding-inline: 6px !important;
text-align: center;
}
body.fleetaro-ui.fleetaro-vnext4 .workspace-table-cell--status-compact .workspace-status-chip {
margin-inline: auto;
}
body.fleetaro-ui.fleetaro-shell .fleetCalendarToolbar .toolbar-main {
display: grid;
grid-template-columns: auto minmax(190px, 1fr) minmax(170px, 220px) auto auto;
align-items: center;
gap: var(--fleet-space-3);
}
body.fleetaro-ui.fleetaro-shell :where(.fleetCalendarSearch, .fleetCalendarLocation) {
display: block;
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell :where(.fleetCalendarSearch input, .fleetCalendarLocation select) {
width: 100%;
min-width: 0;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionRenderMeta {
margin-top: 3px !important;
color: var(--fleet-text-muted) !important;
font-size: var(--fleet-type-meta) !important;
}
body.fleetaro-ui.fleetaro-shell .fleetTimeline .cal-cell[tabindex] {
cursor: pointer;
}
body.fleetaro-ui.fleetaro-shell .fleetTimeline .cal-cell[tabindex]:focus-visible {
position: relative;
z-index: 3;
outline: 2px solid var(--fleet-primary);
outline-offset: -2px;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgenda {
display: grid;
gap: var(--fleet-space-3);
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgenda[hidden] {
display: none;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaDay {
overflow: hidden;
border: 1px solid var(--fleet-border-subtle);
border-radius: var(--fleet-rx-radius-sm);
background: var(--fleet-surface-raised);
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaDay > h4 {
margin: 0;
padding: 9px 12px;
border-bottom: 1px solid var(--fleet-border-subtle);
color: var(--fleet-text-secondary);
background: var(--fleet-surface-muted);
font-size: var(--fleet-type-label);
font-weight: 760;
text-transform: capitalize;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaList {
display: grid;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem {
display: grid;
width: 100%;
min-width: 0;
min-height: 52px;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 9px 12px;
border: 0;
border-bottom: 1px solid var(--fleet-border-subtle);
color: var(--fleet-text-primary);
background: transparent;
font: inherit;
text-align: left;
cursor: pointer;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem:last-child {
border-bottom: 0;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem:hover,
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem:focus-visible {
background: var(--fleet-surface-muted);
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem__copy {
display: grid;
min-width: 0;
gap: 2px;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem__copy strong {
min-width: 0;
overflow-wrap: anywhere;
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem__copy > span {
color: var(--fleet-text-secondary);
font-size: var(--fleet-type-meta);
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaLimit {
margin: 0;
padding: var(--fleet-space-3);
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector {
position: fixed;
inset: 110px 24px 24px auto;
z-index: 8400;
box-sizing: border-box;
display: grid;
width: min(410px, calc(100vw - 48px));
min-width: 0;
grid-template-rows: auto minmax(0, 1fr) auto;
overflow: hidden;
border: 1px solid var(--fleet-border-strong);
border-radius: var(--fleet-radius-lg);
background: var(--fleet-surface-raised);
box-shadow: var(--fleet-shadow-raised);
opacity: 0;
transform: translateX(18px);
transition: opacity var(--fleet-motion-fast) ease, transform var(--fleet-motion-fast) ease;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector[hidden] {
display: none;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector.is-open {
opacity: 1;
transform: translateX(0);
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: var(--fleet-space-3);
padding: var(--fleet-space-4);
border-bottom: 1px solid var(--fleet-border-subtle);
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__header h3 {
margin: 0;
font-size: var(--fleet-type-section-title);
line-height: 1.3;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__header p {
margin: 4px 0 0;
color: var(--fleet-text-secondary);
font-size: var(--fleet-type-label);
line-height: 1.45;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__close {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__body {
display: grid;
align-content: start;
gap: var(--fleet-space-3);
min-height: 0;
padding: var(--fleet-space-4);
overflow-y: auto;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__meta {
margin: 0;
color: var(--fleet-text-secondary);
overflow-wrap: anywhere;
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__actions {
display: flex;
justify-content: flex-end;
gap: var(--fleet-space-2);
padding: var(--fleet-space-3) var(--fleet-space-4);
border-top: 1px solid var(--fleet-border-subtle);
background: var(--fleet-surface-muted);
}
body.fleetaro-ui :where(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--fleet-primary);
outline-offset: 2px;
}
@media (pointer: coarse) {
body.fleetaro-ui :where(button, .btn, a.tableActionButton, summary) {
min-height: 44px;
}
}
@media (max-width: 1180px) {
body.fleetaro-ui.fleetaro-shell .fleetCalendarToolbar .toolbar-main {
grid-template-columns: minmax(0, 1fr) auto;
}
body.fleetaro-ui.fleetaro-shell .fleetCalendarMode,
body.fleetaro-ui.fleetaro-shell :where(.fleetCalendarSearch, .fleetCalendarLocation) {
width: 100%;
}
}
@media (max-width: 620px) {
body.fleetaro-ui.fleetaro-shell .fleetBreadcrumb {
white-space: nowrap;
overflow: hidden;
}
body.fleetaro-ui.fleetaro-shell .fleetBreadcrumb > :where(span, strong) {
overflow: hidden;
text-overflow: ellipsis;
}
body.fleetaro-ui.fleetaro-shell #workspaceDensityToggle {
display: none;
}
body.fleetaro-ui.fleetaro-shell .fleetCalendarToolbar .toolbar-main {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui.fleetaro-shell .fleetCalendarMode {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.fleetaro-ui.fleetaro-shell .fleetCalendarNav {
display: grid;
grid-template-columns: 44px minmax(70px, auto) 44px minmax(130px, 1fr);
}
body.fleetaro-ui.fleetaro-shell .fleetDispositionAgendaItem {
grid-template-columns: minmax(0, 1fr);
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector {
inset: auto max(8px, env(safe-area-inset-right)) calc(var(--fleet-mobile-nav-height) + 8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
width: auto;
max-height: min(68dvh, 560px);
border-radius: var(--fleet-radius-lg);
}
body.fleetaro-ui.fleetaro-shell .workspace-side-inspector__close {
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
}
}
@media (prefers-reduced-motion: reduce) {
body.fleetaro-ui.fleetaro-shell :where(.workspace-side-inspector, .sidebarNavGroupChevron, .layout) {
transition: none !important;
}
}
@media (max-width: 620px) {
body.fleetaro-ui.fleetaro-shell.dark-mode .fleetResponsiveRecordTable tbody tr {
border-color: var(--fleet-line);
background: var(--fleet-surface);
}
body.fleetaro-ui.fleetaro-shell.dark-mode .fleetResponsiveRecordTable tbody td {
border-color: var(--fleet-line);
}
}
:root {
--fleet-v2-canvas: #f3f6fa;
--fleet-v2-surface: #ffffff;
--fleet-v2-surface-raised: #ffffff;
--fleet-v2-surface-sunken: #eaf0f7;
--fleet-v2-surface-muted: #f7f9fc;
--fleet-v2-border-subtle: #dce4ee;
--fleet-v2-border-strong: #c5d0de;
--fleet-v2-text-primary: #132033;
--fleet-v2-text-secondary: #506178;
--fleet-v2-text-muted: #748399;
--fleet-v2-accent: var(--fleet-primary, #b91c1c);
--fleet-v2-accent-soft: color-mix(in srgb, var(--fleet-v2-accent) 10%, #fff);
--fleet-v2-success: #16815d;
--fleet-v2-warning: #c97512;
--fleet-v2-danger: #c9343c;
--fleet-v2-info: #2d6cdf;
--fleet-v2-focus: #2563eb;
--fleet-v2-rail: #0b1424;
--fleet-v2-rail-raised: #152238;
--fleet-v2-space-1: 4px;
--fleet-v2-space-2: 8px;
--fleet-v2-space-3: 12px;
--fleet-v2-space-4: 16px;
--fleet-v2-space-5: 20px;
--fleet-v2-space-6: 24px;
--fleet-v2-control-height: 42px;
--fleet-v2-table-density: 48px;
--fleet-v2-motion-fast: 160ms;
--fleet-v2-motion-base: 240ms;
--fleet-v2-radius-sm: 8px;
--fleet-v2-radius-md: 12px;
--fleet-v2-radius-lg: 18px;
--fleet-v2-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);
--fleet-v2-shadow-md: 0 14px 38px rgba(15, 23, 42, .08);
--fleet-v2-primary-rail-width: 84px;
--fleet-v2-context-nav-width: 264px;
--fleet-v2-topbar-height: 72px;
}
[data-ui-generation="vnext4"] {
color: var(--fleet-rx-text, #15202d);
font-family: var(--fleet-rx-font);
}
body.fleetaro-ui.fleetaro-vnext4 {--fleet-rx-font: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--fleet-rx-canvas: #f4f6f8;--fleet-rx-surface: #ffffff;--fleet-rx-surface-soft: #f8fafb;--fleet-rx-surface-muted: #eef2f4;--fleet-rx-sidebar: #f9fafb;--fleet-rx-sidebar-strong: #edf1f4;--fleet-rx-line: #dce2e7;--fleet-rx-line-strong: #c8d0d8;--fleet-rx-text: #15202d;--fleet-rx-text-secondary: #536171;--fleet-rx-text-muted: #7c8996;--fleet-rx-accent: var(--fleet-tenant-accent, var(--fleet-primary, #2459d3));--fleet-rx-sidebar-width: 232px;--fleet-rx-topbar-height: 64px;--fleet-rx-control-height: 42px;--fleet-rx-workspace-gutter: clamp(22px, 2.8vw, 42px);--fleet-rx-workspace-end-space: clamp(56px, 7vh, 84px);--fleet-rx-button-height: 40px;--fleet-rx-button-height-compact: 34px;--fleet-rx-filter-search-width: 196px;--fleet-rx-filter-select-width: 132px;--fleet-rx-filter-select-wide-width: 144px;--fleet-rx-filter-date-width: 128px;--fleet-rx-table-actions-width: 46px;--fleet-rx-table-actions-wide-width: 126px;--fleet-rx-table-meta-width: 132px;--fleet-rx-table-meta-compact-width: 108px;--fleet-rx-table-reference-width: 90px;--fleet-rx-table-date-width: 82px;--fleet-rx-table-money-width: 86px;--fleet-rx-table-due-width: 94px;--fleet-rx-table-status-width: 108px;--fleet-rx-table-action-size: 28px;--fleet-rx-radius-sm: 5px;--fleet-rx-radius-md: 8px;--fleet-rx-radius-lg: 10px;--fleet-rx-page-title: clamp(25px, 2vw, 31px);--fleet-rx-section-title: 17px;--fleet-rx-panel-title: 14px;--fleet-rx-body: 13px;--fleet-rx-label: 12px;--fleet-rx-meta: 11px;--fleet-rx-kpi: 26px;--fleet-font-family: var(--fleet-rx-font);--fleet-v2-canvas: var(--fleet-rx-canvas);--fleet-v2-surface: var(--fleet-rx-surface);--fleet-v2-surface-raised: var(--fleet-rx-surface);--fleet-v2-surface-sunken: var(--fleet-rx-surface-muted);--fleet-v2-surface-muted: var(--fleet-rx-surface-soft);--fleet-v2-border-subtle: var(--fleet-rx-line);--fleet-v2-border-strong: var(--fleet-rx-line-strong);--fleet-v2-text-primary: var(--fleet-rx-text);--fleet-v2-text-secondary: var(--fleet-rx-text-secondary);--fleet-v2-text-muted: var(--fleet-rx-text-muted);--fleet-v2-accent: var(--fleet-rx-accent);--fleet-v2-control-height: var(--fleet-rx-control-height);--fleet-v2-table-density: 44px;--fleet-v2-radius-sm: var(--fleet-rx-radius-sm);--fleet-v2-radius-md: var(--fleet-rx-radius-md);--fleet-v2-radius-lg: var(--fleet-rx-radius-lg);--fleet-v2-shadow-sm: none;--fleet-v2-shadow-md: 0 16px 40px rgba(20, 32, 45, .12);color: var(--fleet-rx-text);background: var(--fleet-rx-canvas);font-family: var(--fleet-rx-font);font-size: var(--fleet-rx-body);line-height: 1.45;letter-spacing: -.005em;}body.fleetaro-ui.fleetaro-vnext4.dark-mode,
html.dark-mode body.fleetaro-ui.fleetaro-vnext4 {--fleet-rx-canvas: #11161c;--fleet-rx-surface: #181f27;--fleet-rx-surface-soft: #1c252e;--fleet-rx-surface-muted: #222d37;--fleet-rx-sidebar: #141b22;--fleet-rx-sidebar-strong: #202a34;--fleet-rx-line: #2c3742;--fleet-rx-line-strong: #3c4855;--fleet-rx-text: #eef3f6;--fleet-rx-text-secondary: #b6c1cc;--fleet-rx-text-muted: #8795a4;}body.fleetaro-ui.fleetaro-vnext4 .layout.fleetAppShellV4 {display: grid;width: 100%;min-width: 0;min-height: 100dvh;grid-template-columns: var(--fleet-rx-sidebar-width) minmax(0, 1fr);overflow: hidden;background: var(--fleet-rx-canvas);transition: grid-template-columns .18s ease;}body.fleetaro-ui.fleetaro-vnext4 .layout.fleetAppShellV4 > .main {display: flex;width: 100%;min-width: 0;min-height: 0;flex-direction: column;padding: 0;overflow-x: hidden;overflow-y: auto;}body.fleetaro-ui.fleetaro-vnext4 .sidebar.fleetUnifiedNav {position: sticky;inset: 0 auto auto;z-index: 40;display: flex;width: auto;min-width: 0;height: 100dvh;gap: 0;flex-direction: column;padding: 0;overflow: visible;color: var(--fleet-rx-text);border: 0;border-right: 1px solid var(--fleet-rx-line);background: var(--fleet-rx-sidebar);box-shadow: none;transform: none;transition: background-color .15s ease;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavHeader {position: relative;display: flex;min-height: var(--fleet-rx-topbar-height);align-items: center;box-sizing: border-box;padding: 10px 18px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetNavBrand {display: block;width: 100%;min-width: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavBrandCopy {display: grid;min-width: 0;gap: 1px;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavBrandCopy strong {overflow: hidden;color: var(--fleet-rx-text);font-size: 15px;font-weight: 720;line-height: 1.2;letter-spacing: -.02em;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavBrandCopy span {overflow: hidden;color: var(--fleet-rx-text-muted);font-size: 10px;font-weight: 560;line-height: 1.25;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavClose {display: inline-flex;width: 30px;min-width: 30px;height: 30px;min-height: 30px;align-items: center;justify-content: center;padding: 0;color: var(--fleet-rx-text-secondary);border: 1px solid var(--fleet-rx-line);border-radius: 50%;background: var(--fleet-rx-surface);box-shadow: 0 2px 8px rgba(20, 32, 45, .06);cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavClose {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav > .nav {display: flex;min-height: 0;flex: 1 1 auto;flex-direction: column;gap: 3px;padding: 15px 11px;overflow-x: hidden;overflow-y: auto;scrollbar-width: thin;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavGroup {display: grid;gap: 2px;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavGroupToggle {display: grid;width: 100%;min-height: 38px;grid-template-columns: 24px minmax(0, 1fr) 16px;align-items: center;gap: 8px;padding: 7px 8px;color: var(--fleet-rx-text-secondary);border: 0;border-radius: 7px;background: transparent;font: inherit;text-align: left;cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavGroupToggle:hover {color: var(--fleet-rx-text);background: var(--fleet-rx-sidebar-strong);}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavGroup.is-current > .sidebarNavGroupToggle {color: var(--fleet-rx-text);}body.fleetaro-ui.fleetaro-vnext4 .sidebarNavGroupIcon {display: inline-grid;width: 24px;height: 24px;place-items: center;color: currentColor;}body.fleetaro-ui.fleetaro-vnext4 .sidebarNavGroupIcon svg {width: 17px;height: 17px;}body.fleetaro-ui.fleetaro-vnext4 .sidebarNavGroupLabel {overflow: hidden;font-size: 10px;font-weight: 720;letter-spacing: .055em;text-overflow: ellipsis;text-transform: uppercase;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .sidebarNavGroupChevron {width: 7px;height: 7px;justify-self: center;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg) translate(-1px, -1px);transition: transform .14s ease;}body.fleetaro-ui.fleetaro-vnext4 .sidebarNavGroup.is-open .sidebarNavGroupChevron {transform: rotate(225deg) translate(-1px, -1px);}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems {display: grid;gap: 1px;padding: 1px 0 7px 32px;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems[hidden] {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a {position: relative;display: grid;min-height: 36px;grid-template-columns: minmax(0, 1fr);align-items: center;gap: 0;padding: 7px 9px 7px 10px;overflow: hidden;color: var(--fleet-rx-text-secondary);border: 0;border-left: 2px solid transparent;border-radius: 6px;background: transparent;font-size: 12px;font-weight: 590;line-height: 1.35;text-decoration: none;isolation: isolate;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a:hover,
body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a:focus-visible {color: var(--fleet-rx-text);background: var(--fleet-rx-sidebar-strong);transform: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a.active,
body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a[aria-current="page"] {color: color-mix(in srgb, var(--fleet-rx-accent) 88%, var(--fleet-rx-text));border-left-color: var(--fleet-rx-accent);background: color-mix(in srgb, var(--fleet-rx-accent) 9%, var(--fleet-rx-surface));box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a .ico {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a::before,
body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a::after {display: none;content: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a .navLabel {position: relative;z-index: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .navBottom {display: flex;min-height: 42px;align-items: center;justify-content: center;padding: 9px 12px;border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetNavFooterMeta {color: var(--fleet-rx-text-muted);font-size: 9px;font-weight: 650;letter-spacing: .07em;text-transform: uppercase;}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandTopbar {position: sticky;top: 0;z-index: 30;display: grid;width: 100%;max-width: none;height: var(--fleet-rx-topbar-height);max-height: var(--fleet-rx-topbar-height);min-height: var(--fleet-rx-topbar-height);flex: 0 0 var(--fleet-rx-topbar-height);grid-template-columns: minmax(260px, 640px) auto;align-items: center;justify-content: space-between;gap: 18px;margin: 0;padding: 10px var(--fleet-rx-workspace-gutter);border: 0;border-bottom: 1px solid var(--fleet-rx-line);border-radius: 0;background: color-mix(in srgb, var(--fleet-rx-surface) 97%, transparent);box-shadow: none;box-sizing: border-box;backdrop-filter: blur(10px);}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarContext {display: none;}body.fleetaro-ui.fleetaro-vnext4 .topbarSearchArea {display: block;width: 100%;min-width: 0;max-width: 640px;}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandSearch {position: relative;display: grid;width: 100%;min-width: 0;min-height: 42px;grid-template-columns: 20px minmax(0, 1fr) auto;align-items: center;gap: 8px;padding: 0 9px 0 12px;border: 1px solid var(--fleet-rx-line);border-radius: 8px;background: var(--fleet-rx-surface-soft);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandSearch:focus-within {border-color: color-mix(in srgb, var(--fleet-rx-accent) 55%, var(--fleet-rx-line));box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 12%, transparent);}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandSearch .globalSearchInput {width: 100%;min-width: 0;height: 40px;padding: 0;color: var(--fleet-rx-text);border: 0;outline: 0;background: transparent;box-shadow: none;font-size: 12px;}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandSearchIcon {display: grid;width: 18px;height: 18px;place-items: center;color: var(--fleet-rx-text-muted);}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandSearchIcon svg {width: 16px;height: 16px;fill: none;stroke: currentColor;}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandSearch kbd {padding: 3px 6px;color: var(--fleet-rx-text-muted);border: 1px solid var(--fleet-rx-line);border-radius: 5px;background: var(--fleet-rx-surface);font: 650 10px/1 var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions {display: flex;align-items: center;justify-content: flex-end;flex: 0 0 auto;gap: 6px;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions :where(.fleetTopbarRefreshButton, .fleetTopbarIconButton, .fleetQuickCreateTrigger) {display: inline-flex;height: 40px;min-width: 40px;min-height: 40px;align-items: center;justify-content: center;gap: 7px;padding-inline: 10px;color: var(--fleet-rx-text-secondary);border: 1px solid var(--fleet-rx-line);background: var(--fleet-rx-surface);border-radius: 6px;box-shadow: none;font: 650 12px/1 var(--fleet-rx-font);text-decoration: none;cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions :where(#btnPageRefresh, #darkModeToggle, .fleetAccountTrigger) {visibility: visible;opacity: 1;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions :where(#darkModeToggle, .fleetAccountTrigger) {width: 40px;min-width: 40px;height: 40px;min-height: 40px;padding: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateTrigger {padding-inline: 14px;color: #fff;border-color: var(--fleet-rx-accent);background: var(--fleet-rx-accent);}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountTrigger {width: 40px;min-width: 40px;height: 40px;min-height: 40px;padding: 0;box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountTrigger > [data-fleet-icon],
body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarMenuSurface [data-fleet-icon] {display: inline-grid;width: 18px;height: 18px;place-items: center;flex: 0 0 18px;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountTrigger svg,
body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarMenuSurface svg {width: 17px;height: 17px;fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarMenu {position: relative;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarMenu > summary {list-style: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarMenu > summary::-webkit-details-marker {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarMenuSurface {position: absolute;top: calc(100% + 7px);right: 0;z-index: 45;display: grid;width: min(304px, calc(100vw - 24px));min-width: 0;gap: 2px;padding: 6px;border: 1px solid var(--fleet-rx-line);border-radius: 8px;background: var(--fleet-rx-surface);box-shadow: 0 16px 40px rgba(20, 32, 45, .14);box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 details:not([open]) > :where(
.fleetTopbarMenuSurface,
.workspace-table-action-overflow__surface
) {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions .refreshButton {width: auto;min-width: 104px;gap: 7px;padding-inline: 11px;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions .refreshIcon {flex: 0 0 16px;width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuSurface {width: min(264px, calc(100vw - 24px));min-height: 0;max-height: min(420px, calc(100dvh - var(--fleet-rx-topbar-height) - 20px));overflow-x: hidden;overflow-y: auto;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuContext {display: grid;min-width: 0;gap: 2px;padding: 9px 10px 10px;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuContext strong {overflow: hidden;color: var(--fleet-rx-text);font-size: 12px;font-weight: 680;line-height: 1.3;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuContext span {color: var(--fleet-rx-text-muted);font-size: 10px;line-height: 1.3;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuGroup {display: grid;gap: 2px;padding-top: 5px;border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuGroup--session {margin-top: 3px;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuSurface :where(a, button),
body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItem {display: flex;width: 100%;min-width: 0;min-height: 42px;align-items: center;gap: 9px;padding: 8px 10px;color: var(--fleet-rx-text-secondary);border: 0;border-radius: 6px;background: transparent;font: 600 11px/1.3 var(--fleet-rx-font);text-align: left;text-decoration: none;cursor: pointer;box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuSurface :where(a, button):hover,
body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuSurface :where(a, button):focus-visible,
body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItem:hover,
body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItem:focus-visible {color: var(--fleet-rx-text);outline: 0;background: var(--fleet-rx-surface-muted);box-shadow: inset 0 0 0 1px var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetAccountMenuSurface .fleetAccountMenuDanger {color: #b42318;}body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItem {min-height: 52px;padding: 8px;}body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItemIcon {display: inline-grid;width: 32px;height: 32px;place-items: center;flex: 0 0 32px;color: var(--fleet-rx-accent);border: 1px solid color-mix(in srgb, var(--fleet-rx-accent) 17%, var(--fleet-rx-line));border-radius: 7px;background: color-mix(in srgb, var(--fleet-rx-accent) 6%, var(--fleet-rx-surface));}body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItemCopy {display: grid;min-width: 0;gap: 2px;}body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItemCopy strong {overflow: hidden;color: var(--fleet-rx-text);font-size: 11px;font-weight: 680;line-height: 1.25;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .fleetQuickCreateItemCopy small {overflow: hidden;color: var(--fleet-rx-text-muted);font-size: 10px;font-weight: 450;line-height: 1.25;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .content {width: 100%;min-width: 0;min-height: 0;flex: 1 1 auto;padding: 22px var(--fleet-rx-workspace-gutter) 0;overflow: visible;box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .main :where(button, a, input, select, textarea, [tabindex]) {scroll-margin-block-start: calc(var(--fleet-rx-topbar-height) + 12px);}body.fleetaro-ui.fleetaro-vnext4 .content > .view.active {display: grid;align-content: start;gap: 14px;padding-bottom: calc(var(--fleet-rx-workspace-end-space) + env(safe-area-inset-bottom, 0px));box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageHero {display: grid;min-height: 72px;grid-template-columns: minmax(0, 1fr) auto;align-items: end;gap: 20px;margin: 0 0 18px;padding: 0 0 17px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetPageHeroMain,
body.fleetaro-ui.fleetaro-vnext4 .fleetPageTitle {min-width: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetBreadcrumb {display: flex;align-items: center;gap: 6px;margin: 0 0 7px;color: var(--fleet-rx-text-muted);font-size: 10px;font-weight: 620;letter-spacing: .01em;text-transform: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetBreadcrumb > span:first-child {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageTitle h2 {margin: 0;color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: var(--fleet-rx-page-title);font-weight: 690;line-height: 1.12;letter-spacing: -.035em;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageTitle > p {max-width: 72ch;margin: 5px 0 0;color: var(--fleet-rx-text-secondary);font-size: 12px;line-height: 1.45;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageHeroActions {display: flex;align-items: center;justify-content: flex-end;gap: 8px;}body.fleetaro-ui.fleetaro-vnext4 :where(
.workspace-settings-group__header h3,
.taskPageHead h3,
.fleetDashboardCommandDeckHeader h3,
.fleetDispositionCommandHeader h3
) {margin: 0;color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: var(--fleet-rx-section-title);font-weight: 690;line-height: 1.25;letter-spacing: -.02em;text-transform: none;}body.fleetaro-ui.fleetaro-vnext4 :where(
.fleetSectionHead h3,
.fleetTodayColumn h4,
.workspace-form-section__header h4,
.workspace-panel-title,
.taskGroup h3,
.legacy-module-workspace h3,
.moduleWorkspaceHead h2
) {margin: 0;color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: var(--fleet-rx-panel-title);font-weight: 670;line-height: 1.3;letter-spacing: -.012em;text-transform: none;}body.fleetaro-ui.fleetaro-vnext4 :where(
.fleetSectionHead p,
.workspace-form-section__description,
.workspace-panel-description,
.workspace-help,
.taskPageHead p,
.workspace-settings-group__header p
) {color: var(--fleet-rx-text-secondary);font-family: var(--fleet-rx-font);font-size: 12px;font-weight: 400;line-height: 1.45;}body.fleetaro-ui.fleetaro-vnext4 :where(.field label, .fieldLabel, .workspace-field-label) {color: var(--fleet-rx-text-secondary);font-family: var(--fleet-rx-font);font-size: var(--fleet-rx-label);font-weight: 650;line-height: 1.3;}body.fleetaro-ui.fleetaro-vnext4 :where(.muted, .small, .fleetKpiMeta, .workspace-field-hint) {color: var(--fleet-rx-text-muted);}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-page-shell, .workspace-page-stack) {min-width: 0;}body.fleetaro-ui.fleetaro-vnext4 .workspace-page-shell {padding: 0;border: 0;border-radius: 0;background: transparent;box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-page-stack {display: grid;gap: 14px;}body.fleetaro-ui.fleetaro-vnext4 :where(.card, .workspace-section-card, .workspace-form-section, .workspace-panel) {box-sizing: border-box;min-width: 0;border: 1px solid var(--fleet-rx-line);border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 :where(.card, .workspace-panel, .workspace-form-section) {padding: 16px;}body.fleetaro-ui.fleetaro-vnext4 :where(
.workspace-panel .card,
.workspace-form-section .card,
.card .workspace-section-card,
.workspace-section-card .workspace-section-card
) {border-radius: var(--fleet-rx-radius-sm);background: var(--fleet-rx-surface-soft);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 :where(input, select, textarea) {min-height: var(--fleet-rx-control-height);color: var(--fleet-rx-text);border-color: var(--fleet-rx-line);border-radius: 6px;background: var(--fleet-rx-surface);font-family: var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4 :where(input, select, textarea):focus {border-color: color-mix(in srgb, var(--fleet-rx-accent) 55%, var(--fleet-rx-line));box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 11%, transparent);}body.fleetaro-ui.fleetaro-vnext4 :where(.btn, .workspace-button, .miniLink, button) {border-radius: 6px;font-family: var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4 :where(.toolbar, .workspace-filter-toolbar, .fleetCalendarToolbar) {display: flex;padding: 0 0 12px;border: 0;border-bottom: 1px solid var(--fleet-rx-line);border-radius: 0;background: transparent;box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__layout {width: 100%;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-empty-state, .taskEmpty, .dashboard-empty, .workspace-data-table-empty) {display: grid;min-height: 112px;max-height: 160px;place-content: center;gap: 6px;padding: 22px;color: var(--fleet-rx-text-muted);border: 1px dashed var(--fleet-rx-line-strong);border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface-soft);text-align: center;}body.fleetaro-ui.fleetaro-vnext4 .fleetTableCard {padding: 0;overflow: hidden;border-radius: var(--fleet-rx-radius-md);}body.fleetaro-ui.fleetaro-vnext4 .fleetTableCard > .fleetSectionHead {padding: 13px 15px 11px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetTableScroll,
body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table-scroll {border: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDataTable {width: 100%;border-collapse: collapse;table-layout: fixed;}body.fleetaro-ui.fleetaro-vnext4 .fleetDataTable :where(th, td) {box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .fleetDataTable th {height: 36px;padding: 8px 11px;color: var(--fleet-rx-text-muted);border-bottom: 1px solid var(--fleet-rx-line);background: var(--fleet-rx-surface-soft);font-size: 10px;font-weight: 690;line-height: 1.25;letter-spacing: .045em;text-transform: uppercase;}body.fleetaro-ui.fleetaro-vnext4 .fleetDataTable td {height: 46px;padding: 9px 11px;overflow-wrap: anywhere;color: var(--fleet-rx-text-secondary);border-bottom: 1px solid color-mix(in srgb, var(--fleet-rx-line) 72%, transparent);background: var(--fleet-rx-surface);font-size: 12px;line-height: 1.35;}body.fleetaro-ui.fleetaro-vnext4 #invTable {table-layout: auto;}body.fleetaro-ui.fleetaro-vnext4 #invTable :where(th, td) {padding-inline: 6px;}body.fleetaro-ui.fleetaro-vnext4 #invTable :where(th, td):is(
:nth-child(1),
:nth-child(2),
:nth-child(3),
:nth-child(4),
:nth-child(5),
:nth-child(6),
:nth-child(7),
:nth-child(8),
:nth-child(10)
) {white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 #invTable :where(th, td):is(
:nth-child(4),
:nth-child(5),
:nth-child(6)
) {text-align: right;font-variant-numeric: tabular-nums;}body.fleetaro-ui.fleetaro-vnext4 #invTable td:nth-child(6).is-overdue,
body.fleetaro-ui.fleetaro-vnext4 #invTable td:nth-child(7).is-overdue {color: #b42318;}body.fleetaro-ui.fleetaro-vnext4 #invTable :is(.workspace-table-column--invoice-open, .workspace-table-cell--invoice-open) {padding-inline: 6px;text-align: center;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--dunning, .workspace-table-cell--dunning) {box-sizing: border-box;width: 1%;min-width: 108px;max-width: 128px;}body.fleetaro-ui.fleetaro-vnext4 #invTable :where(.workspace-table-column--invoice-status, .workspace-table-cell--invoice-status) {box-sizing: border-box;width: 1%;min-width: 101px;padding-inline: 0 5px;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 #invTable .workspace-table-column--invoice-status__label,
body.fleetaro-ui.fleetaro-vnext4 #invTable .workspace-table-cell--invoice-status > :first-child {display: inline-flex;transform: translateX(clamp(-4px, calc(98px - 5.28vw), 28px));}body.fleetaro-ui.fleetaro-vnext4 #invTable :where(th, td).workspace-table-cell--dunning,
body.fleetaro-ui.fleetaro-vnext4 #invTable th.workspace-table-column--dunning {padding-inline: 2px 3px;}body.fleetaro-ui.fleetaro-vnext4 #invTable .workspace-table-cell--dunning .workspace-status-chip {max-width: 122px;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 #invTable .workspace-table-cell--dunning .workspace-status-chip__label {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 #invTable :where(th, td):nth-child(10) {width: 1%;min-width: 172px;padding-inline: 3px;}body.fleetaro-ui.fleetaro-vnext4 #invTable td:nth-child(10) .workspace-table-action-group {width: auto;min-width: 166px;gap: 2px;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--meta, .workspace-table-cell--meta) {box-sizing: border-box;width: var(--fleet-rx-table-meta-width);max-width: var(--fleet-rx-table-meta-width);white-space: normal;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--meta-compact, .workspace-table-cell--meta-compact) {box-sizing: border-box;width: var(--fleet-rx-table-meta-compact-width);max-width: var(--fleet-rx-table-meta-compact-width);white-space: normal;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--reference, .workspace-table-cell--reference) {box-sizing: border-box;width: var(--fleet-rx-table-reference-width);max-width: var(--fleet-rx-table-reference-width);}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--identity, .workspace-table-cell--identity) {box-sizing: border-box;width: 24%;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--contact, .workspace-table-cell--contact) {box-sizing: border-box;width: 22%;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--roles, .workspace-table-cell--roles) {box-sizing: border-box;width: 18%;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--timestamp, .workspace-table-cell--timestamp) {box-sizing: border-box;width: 132px;max-width: 132px;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--date, .workspace-table-cell--date) {box-sizing: border-box;width: var(--fleet-rx-table-date-width);max-width: var(--fleet-rx-table-date-width);white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--money, .workspace-table-cell--money) {box-sizing: border-box;width: var(--fleet-rx-table-money-width);max-width: var(--fleet-rx-table-money-width);white-space: nowrap;text-align: right;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--due, .workspace-table-cell--due) {box-sizing: border-box;width: var(--fleet-rx-table-due-width);max-width: var(--fleet-rx-table-due-width);white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--status, .workspace-table-cell--status) {box-sizing: border-box;width: var(--fleet-rx-table-status-width);max-width: var(--fleet-rx-table-status-width);}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-cell--money-emphasis {color: var(--fleet-rx-text);font-weight: 690;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-cell--money-emphasis, .workspace-table-cell--due).is-overdue {color: #b42318;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--actions, .workspace-table-cell--actions) {box-sizing: border-box;width: var(--fleet-rx-table-actions-width);max-width: var(--fleet-rx-table-actions-width);white-space: normal;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-table-column--actions-wide, .workspace-table-cell--actions-wide) {box-sizing: border-box;width: var(--fleet-rx-table-actions-wide-width);max-width: var(--fleet-rx-table-actions-wide-width);}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-data-table__actions-heading--wide, .workspace-data-table__actions--wide) {width: var(--fleet-rx-table-actions-wide-width);max-width: var(--fleet-rx-table-actions-wide-width);}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--bounded,
body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--compact,
body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--single-line,
body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--status {width: 100%;max-width: 100%;}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--single-line {display: block;}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--single-line > strong {display: block;overflow: hidden;color: inherit;font: inherit;font-weight: 650;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--compact {display: block;}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--compact > strong {display: block;overflow: hidden;color: var(--fleet-rx-text-secondary);font-size: 11px;font-weight: 660;line-height: 1.25;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--status > strong {color: var(--fleet-rx-text-secondary);font-size: 11px;font-weight: 660;line-height: 1.25;white-space: normal;overflow-wrap: anywhere;}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table__value--status > small {font-size: 10px;line-height: 1.25;white-space: normal;overflow-wrap: anywhere;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-cell--actions .tableRowActions,
body.fleetaro-ui.fleetaro-vnext4 .workspace-table-cell--actions .workspace-data-table__action-list {justify-content: flex-end;flex-wrap: wrap;gap: 4px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-group {display: flex;width: 100%;min-width: 0;align-items: center;justify-content: flex-end;flex-wrap: nowrap !important;gap: 4px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow {position: relative;display: inline-grid;flex: 0 0 auto;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow > summary {list-style: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow > summary::-webkit-details-marker {display: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__surface {position: fixed;z-index: 180;display: grid;width: min(240px, calc(100vw - 16px));min-width: 0;gap: 3px;padding: 6px;box-sizing: border-box;border: 1px solid var(--fleet-rx-line);border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface);box-shadow: 0 14px 34px rgba(21, 32, 45, .16);}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__surface .tableActionButton {display: flex;width: 100%;min-width: 0;height: auto;min-height: 40px;align-items: center;justify-content: flex-start;gap: 8px;padding: 7px 9px;border-color: transparent;box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__surface .tableActionButton:hover,
body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__surface .tableActionButton:focus-visible {border-color: var(--fleet-rx-line);background: var(--fleet-rx-surface-muted);}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__surface .workspace-table-action-overflow__label,
body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__surface .tableActionButton .srOnly {position: static;width: auto;height: auto;overflow: visible;clip: auto;clip-path: none;color: inherit;white-space: normal;}body.fleetaro-ui.fleetaro-vnext4 .workspace-table-action-overflow__label {display: inline;font: inherit;line-height: 1.25;text-align: left;}body.fleetaro-ui.fleetaro-vnext4 .workspace-interactive-row {cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .workspace-interactive-row:focus-visible {outline: 2px solid color-mix(in srgb, var(--fleet-rx-accent) 72%, transparent);outline-offset: -2px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-interactive-row:focus-visible > :where(th, td) {background: color-mix(in srgb, var(--fleet-rx-accent) 6%, var(--fleet-rx-surface));}body.fleetaro-ui.fleetaro-vnext4.density-compact .fleetDataTable :where(th, td) {height: 38px;padding-block: 6px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDataTable tbody tr:hover td {background: color-mix(in srgb, var(--fleet-rx-accent) 3.5%, var(--fleet-rx-surface));}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-status-chip, .badge, .statusChip) {min-height: 22px;padding: 3px 7px;border-radius: 999px;font-size: 10px;font-weight: 660;line-height: 1.2;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-icon-button) {width: 34px;min-width: 34px;height: 34px;min-height: 34px;border-radius: 6px;}body.fleetaro-ui.fleetaro-vnext4 :where(.tableActionButton) {width: var(--fleet-rx-table-action-size);min-width: var(--fleet-rx-table-action-size);height: var(--fleet-rx-table-action-size);min-height: var(--fleet-rx-table-action-size);border-radius: 5px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-icon-button {display: inline-grid;place-items: center;padding: 0;color: var(--fleet-rx-text-secondary);border: 1px solid var(--fleet-rx-line);background: var(--fleet-rx-surface);box-shadow: none;cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .workspace-icon-button:hover,
body.fleetaro-ui.fleetaro-vnext4 .workspace-icon-button:focus-visible {color: var(--fleet-rx-accent);outline: 0;border-color: color-mix(in srgb, var(--fleet-rx-accent) 38%, var(--fleet-rx-line));background: color-mix(in srgb, var(--fleet-rx-accent) 5%, var(--fleet-rx-surface));}body.fleetaro-ui.fleetaro-vnext4 .tableActionButton:disabled {cursor: not-allowed;opacity: .42;}body.fleetaro-ui.fleetaro-vnext4 .workspace-icon-button :where([data-fleet-icon], svg) {width: 16px;height: 16px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-icon-button svg {fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardCommandDeck {padding: 0;overflow: hidden;border: 1px solid var(--fleet-rx-line);border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardCommandDeck::after,
body.fleetaro-ui.fleetaro-vnext4 .fleetOperationsEyebrow {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardCommandDeckHeader {display: flex;min-height: 48px;align-items: center;justify-content: space-between;gap: 18px;padding: 11px 14px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardCommandDeckHeader > p {max-width: 54ch;margin: 0;font-size: 11px;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard {min-height: 82px;padding: 12px 14px;border: 0;border-left: 1px solid var(--fleet-rx-line);border-radius: 0;background: transparent;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard:first-child {border-left: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiHead {color: var(--fleet-rx-text-muted);font-size: 10px;font-weight: 650;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiIcon {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .kpiVal {margin-top: 7px;color: var(--fleet-rx-text);font-size: var(--fleet-rx-kpi);font-weight: 690;line-height: 1;letter-spacing: -.035em;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiMeta {min-height: 0;margin-top: 5px;font-size: 10px;}body.fleetaro-ui.fleetaro-vnext4 .fleetCalmDashboardFocus {display: grid;grid-template-columns: minmax(0, 1.5fr) minmax(270px, .9fr);align-items: start;gap: 14px;}body.fleetaro-ui.fleetaro-vnext4 .fleetCalmDashboardFocus > .card {min-width: 0;min-height: 0;padding: 0;overflow: hidden;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayPanel > .fleetSectionHead,
body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardTasksPanel > .fleetSectionHead {padding: 13px 15px 10px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayColumn {padding: 12px 15px 14px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardSecondary {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;overflow: visible;border: 0;border-radius: 0;background: transparent;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardSecondary > .card {min-height: 0;padding: 0;overflow: hidden;border: 1px solid var(--fleet-rx-line);border-radius: var(--fleet-rx-radius-md);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard :where(.dashboard-content, .fleetScrollableList) {display: grid;padding: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record {display: grid;min-width: 0;min-height: 42px;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 10px;padding: 9px 14px;border: 0;border-bottom: 1px solid var(--fleet-rx-line);border-radius: 0;background: transparent;color: var(--fleet-rx-text);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record:last-child {border-bottom: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record:is([role="button"], :has([role="button"])) {cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record:is([role="button"], :has([role="button"])):hover {background: var(--fleet-rx-surface-muted);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record:focus-visible,
body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record [role="button"]:focus-visible {outline: 2px solid var(--fleet-rx-accent);outline-offset: -2px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-dashboard-record.is-summary {font-weight: 650;background: var(--fleet-rx-surface-soft);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .dashboard-content > .dashboard-empty,
body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .fleetScrollableList > .muted {min-height: 48px;padding: 12px 14px;border: 0;border-radius: 0;background: transparent;}body.fleetaro-ui.fleetaro-vnext4 .taskPageHead {display: none;}body.fleetaro-ui.fleetaro-vnext4 .taskKpiGrid.calmTaskSummary {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0;overflow: hidden;border: 1px solid var(--fleet-rx-line);border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton {display: flex;min-height: 64px;align-items: baseline;justify-content: center;gap: 6px;padding: 10px 13px;border: 0;border-left: 1px solid var(--fleet-rx-line);border-radius: 0;background: transparent;box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton:first-child {border-left: 0;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton strong {color: var(--fleet-rx-text);font-size: 23px;font-weight: 690;letter-spacing: -.035em;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton span {color: var(--fleet-rx-text-muted);font-size: 10px;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar {display: grid;grid-template-columns: minmax(180px, 1fr) repeat(4, minmax(120px, .55fr)) auto;gap: 8px;align-items: center;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar > :where(input, select, button) {width: 100%;min-width: 0;max-width: none;}body.fleetaro-ui.fleetaro-vnext4 .taskGroups {display: grid;gap: 10px;}body.fleetaro-ui.fleetaro-vnext4 .taskGroup {overflow: hidden;border: 1px solid var(--fleet-rx-line);border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 .taskGroup > h3 {padding: 10px 13px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .taskCard {display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: start;padding: 12px 13px;border: 0;border-bottom: 1px solid var(--fleet-rx-line);border-radius: 0;background: transparent;}body.fleetaro-ui.fleetaro-vnext4 .taskGroup .taskCard:last-child {border-bottom: 0;}body.fleetaro-ui.fleetaro-vnext4 .taskCardMain {display: grid;min-width: 0;gap: 4px;}body.fleetaro-ui.fleetaro-vnext4 .taskCardMeta {display: flex;align-items: center;flex-wrap: wrap;gap: 3px 12px;color: var(--fleet-rx-text-secondary);font-size: var(--fleet-rx-meta);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-shell {overflow: hidden;padding: 0;border-radius: var(--fleet-rx-radius-md);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-groups {--fleet-rx-settings-navigation-width: 212px;display: grid;grid-template-columns: var(--fleet-rx-settings-navigation-width) minmax(0, 1fr);align-items: start;gap: 0;padding: 0;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation {position: static;box-sizing: border-box;display: grid;width: var(--fleet-rx-settings-navigation-width);min-width: 0;min-height: 0;height: 100%;align-self: stretch;grid-column: 1;grid-row: 1;align-content: start;padding: 14px 12px;overflow: visible;border: 0;border-right: 1px solid var(--fleet-rx-line);background: var(--fleet-rx-surface-soft);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__mobile {display: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item small {display: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__items {display: grid;width: 100%;min-width: 0;grid-template-columns: minmax(0, 1fr);gap: 4px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item {display: flex;width: 100%;min-width: 0;min-height: 42px;grid-template-columns: none;align-items: center;justify-content: flex-start;gap: 8px;padding: 9px 10px;border: 1px solid transparent;border-radius: 7px;background: transparent;color: var(--fleet-rx-text-secondary);text-align: left;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item > [data-fleet-icon] {width: 18px;height: 18px;background: transparent;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item strong {font-size: 12px;font-weight: 650;line-height: 1.25;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item.is-active {color: var(--fleet-rx-text);background: color-mix(in srgb, var(--fleet-rx-accent) 10%, var(--fleet-rx-surface));border-color: color-mix(in srgb, var(--fleet-rx-accent) 28%, var(--fleet-rx-line));box-shadow: inset 3px 0 0 var(--fleet-rx-accent);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item:hover:not(.is-active) {color: var(--fleet-rx-text);background: color-mix(in srgb, var(--fleet-rx-surface) 70%, transparent);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-group {box-sizing: border-box;min-width: 0;grid-column: 2;grid-row: 1;padding: 18px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-group__header {margin-bottom: 12px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-grid,
body.fleetaro-ui.fleetaro-vnext4 .workspace-branding-grid {grid-auto-rows: max-content;align-items: start;gap: 12px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-panel {height: auto;min-height: 0;align-self: start;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-panel > .workspace-form-section__body {align-content: start;}body.fleetaro-ui.fleetaro-vnext4 .workspace-branding-panel {height: auto;min-height: 0;align-self: start;}body.fleetaro-ui.fleetaro-vnext4 .workspace-branding-media {min-height: 112px;border-radius: 6px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionCommandHeader {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage {padding: 0;overflow: hidden;}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage > .fleetSectionHead {padding: 12px 14px;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage :where(.fleetTimeline, .fleetDispositionAgenda, .fleetMonthCalendar) {min-height: 360px;background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 .workspace-side-inspector {border: 0;border-left: 1px solid var(--fleet-rx-line);border-radius: 0;background: var(--fleet-rx-surface);box-shadow: -16px 0 42px rgba(20, 32, 45, .12);}body.fleetaro-ui.fleetaro-vnext4 :where(
#view-activities,
#view-diagnostics,
#view-backup,
#view-users_rights,
#view-import,
#view-archive,
#view-company_settings
) :where(h1, h2, h3, h4) {font-family: var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-legacy-console,
body.fleetaro-ui.fleetaro-vnext4.handover-companion {color: var(--fleet-rx-text);background: var(--fleet-rx-canvas);font-family: var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-legacy-console > .container {gap: 14px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-legacy-console > .container > .card:first-child,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-legacy-console .legacy-module-workspace {border-radius: var(--fleet-rx-radius-md);background: var(--fleet-rx-surface);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 :where(.fleetSectionIcon, .workspace-panel-icon):empty {visibility: hidden;}body.fleetaro-ui.fleetaro-vnext4 :where(.fleetSectionIcon, .workspace-panel-icon) {color: var(--fleet-rx-text-secondary);border-color: var(--fleet-rx-line);background: var(--fleet-rx-surface-soft);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 :where(
[data-workspace-component="panel"],
.fleetTableCard,
.fleetTodayPanel,
.fleetDashboardTasksPanel
) {color: var(--fleet-rx-text);border-color: var(--fleet-rx-line);background: var(--fleet-rx-surface);font-family: var(--fleet-rx-font);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 :where(
#view-users_rights,
#view-backup,
#view-diagnostics,
#view-activities,
#view-company_settings,
#view-calendar
) :where([data-workspace-component="panel"], .workspace-section-card, .fleetTableCard) {border-color: var(--fleet-rx-line);background: var(--fleet-rx-surface);box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 :where(
.fleetSectionHead h3,
.workspace-form-section__header h4,
.workspace-panel-header h3,
.taskGroup > h3,
.vehicle-availability-panel h4
) {margin: 0;color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: var(--fleet-rx-panel-title);font-weight: 670;line-height: 1.3;letter-spacing: -.012em;text-transform: none;}body.fleetaro-ui.fleetaro-vnext4 :where(
.fleetSectionHead p,
.workspace-form-section__description,
.workspace-form-section__header .workspace-help,
.workspace-panel-description
) {margin: 4px 0 0;color: var(--fleet-rx-text-secondary);font-family: var(--fleet-rx-font);font-size: 12px;font-weight: 400;line-height: 1.45;}body.fleetaro-ui.fleetaro-vnext4 .main :where(.btn, .workspace-button):not(.workspace-wizard-host *) {display: inline-flex;width: auto;height: var(--fleet-rx-button-height);min-height: var(--fleet-rx-button-height);align-items: center;justify-content: center;gap: 7px;padding: 0 13px;border: 1px solid var(--fleet-rx-line);border-radius: 6px;background: var(--fleet-rx-surface);color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: 12px;font-weight: 650;line-height: 1;letter-spacing: 0;text-decoration: none;white-space: nowrap;box-shadow: none;cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4 .main :where(.btn, .workspace-button):not(.workspace-wizard-host *):hover:not(:disabled) {color: var(--fleet-rx-text);border-color: var(--fleet-rx-line-strong);background: var(--fleet-rx-surface-muted);}body.fleetaro-ui.fleetaro-vnext4 .main :where(
.btn.red,
.workspace-button--primary,
.workspace-button--save,
.wizard-forward,
.wizard-final-primary
):not(.workspace-wizard-host *) {color: #fff;border-color: var(--fleet-rx-accent);background: var(--fleet-rx-accent);}body.fleetaro-ui.fleetaro-vnext4 .main :where(
.btn.red,
.workspace-button--primary,
.workspace-button--save,
.wizard-forward,
.wizard-final-primary
):not(.workspace-wizard-host *):hover:not(:disabled) {color: #fff;border-color: color-mix(in srgb, var(--fleet-rx-accent) 84%, #000);background: color-mix(in srgb, var(--fleet-rx-accent) 84%, #000);}body.fleetaro-ui.fleetaro-vnext4 .main :where(.btn.ghost, .workspace-button--ghost):not(.workspace-wizard-host *) {color: var(--fleet-rx-text-secondary);border-color: transparent;background: transparent;}body.fleetaro-ui.fleetaro-vnext4 .main :where(.btn.danger, .workspace-button--danger, .miniLink.danger):not(.workspace-wizard-host *) {color: #b42318;border-color: color-mix(in srgb, #b42318 28%, var(--fleet-rx-line));background: color-mix(in srgb, #b42318 5%, var(--fleet-rx-surface));}body.fleetaro-ui.fleetaro-vnext4 .main :where(.workspace-button--compact, .btn.small, .btn-small):not(.workspace-wizard-host *) {height: var(--fleet-rx-button-height-compact);min-height: var(--fleet-rx-button-height-compact);padding-inline: 10px;font-size: 11px;}body.fleetaro-ui.fleetaro-vnext4 .main :where(.btn, .workspace-button):not(.workspace-wizard-host *):focus-visible,
body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions :where(.fleetTopbarRefreshButton, .fleetTopbarIconButton, .fleetQuickCreateTrigger):focus-visible {outline: 0;box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 18%, transparent);}body.fleetaro-ui.fleetaro-vnext4 .main :where(.btn, .workspace-button):not(.workspace-wizard-host *):disabled {cursor: not-allowed;opacity: .52;}body.fleetaro-ui.fleetaro-vnext4 :where(.workspace-filter-toolbar, .fleetListToolbar) {width: 100%;min-width: 0;box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__layout {display: grid;width: 100%;min-width: 0;grid-template-columns: minmax(0, 1fr) auto;align-items: end;gap: 8px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters {display: flex;min-width: 0;align-items: end;flex-wrap: wrap;gap: 8px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters > :where(input, select) {width: var(--fleet-rx-filter-select-width);min-width: var(--fleet-rx-filter-select-width);max-width: var(--fleet-rx-filter-select-width);flex: 0 0 var(--fleet-rx-filter-select-width);}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters > .filterSearch {width: var(--fleet-rx-filter-search-width);min-width: var(--fleet-rx-filter-search-width);max-width: var(--fleet-rx-filter-search-width);flex: 0 0 var(--fleet-rx-filter-search-width);}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters > .toolbarSelectWide {width: var(--fleet-rx-filter-select-wide-width);min-width: var(--fleet-rx-filter-select-wide-width);max-width: var(--fleet-rx-filter-select-wide-width);flex-basis: var(--fleet-rx-filter-select-wide-width);}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__trailing,
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__date,
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__actions {display: flex;min-width: 0;align-items: end;justify-content: flex-end;flex-wrap: nowrap;gap: 7px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar :where(input, select, .btn, .workspace-button) {min-height: 38px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar .toolbarDateField {width: var(--fleet-rx-filter-date-width);min-width: var(--fleet-rx-filter-date-width);flex: 0 0 var(--fleet-rx-filter-date-width);}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar .toolbarDateField input {width: 100%;min-width: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardCommandDeckMeta {display: flex;min-width: 0;align-items: center;justify-content: flex-end;gap: 10px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardCommandDeckMeta p {margin: 0;}body.fleetaro-ui.fleetaro-vnext4 #fleetLicenseNotice {color: var(--fleet-rx-text);border-color: var(--fleet-rx-line);background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 #fleetLicenseNotice > .workspace-form-section__body {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageContextStatus {display: inline-flex;align-items: center;gap: 4px;font-family: var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4 .fleetPageContextStatus strong {color: inherit;font: inherit;}body.fleetaro-ui.fleetaro-vnext4 .fleetCalmDashboardFocus {align-items: stretch;}body.fleetaro-ui.fleetaro-vnext4 .fleetCalmDashboardFocus > .card {height: 100%;}body.fleetaro-ui.fleetaro-vnext4 .fleetDaySchedule + .fleetDaySchedule {border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetDayScheduleHeader {padding: 10px 15px 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDayScheduleHeader h4 {margin: 0;color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: 12px;font-weight: 690;line-height: 1.3;}body.fleetaro-ui.fleetaro-vnext4 .fleetDaySchedule .fleetTodayGrid {border-top: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayColumn h5 {margin: 0 0 8px;color: var(--fleet-rx-text-secondary);font-family: var(--fleet-rx-font);font-size: 10px;font-weight: 680;line-height: 1.3;letter-spacing: .035em;text-transform: uppercase;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardTasksPanel {display: flex;min-height: 0;flex-direction: column;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardTaskPreview {min-height: 0;max-height: 304px;flex: 1 1 auto;overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardTaskPreview .taskCard {min-width: 0;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-group[hidden] {display: none !important;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation {scrollbar-width: thin;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__item:focus-visible {outline: 0;box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 16%, transparent);}body.fleetaro-ui.fleetaro-vnext4 .vehicle-availability-panel .workspace-inline-status:empty {display: none;}body.fleetaro-ui.fleetaro-vnext4 .vehicle-availability-panel .workspace-inline-status:not(:empty) {margin-top: 10px;color: var(--fleet-rx-text-secondary);font-size: 12px;}@media (max-width: 1240px) and (min-width: 1025px) {body.fleetaro-ui.fleetaro-vnext4 {--fleet-rx-sidebar-width: 220px;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip {grid-template-columns: repeat(3, minmax(0, 1fr));}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard:nth-child(4) {border-left: 0;border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard:nth-child(n+5) {border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 1024px), (max-width: 1366px) and (pointer: coarse) {body.fleetaro-ui.fleetaro-vnext4 {--fleet-rx-topbar-height: 58px;--fleet-rx-control-height: 44px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-groups {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation {width: 100%;height: auto;grid-column: 1;grid-row: auto;padding: 12px;border-right: 0;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__items {display: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__mobile {display: grid;min-width: 0;gap: 6px;color: var(--fleet-rx-text-secondary);font-size: 12px;font-weight: 650;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__select {width: 100%;min-width: 0;min-height: var(--fleet-rx-control-height);}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-group {grid-column: 1;grid-row: auto;}body.fleetaro-ui.fleetaro-vnext4 .layout.fleetAppShellV4 {display: block;}body.fleetaro-ui.fleetaro-vnext4 .layout.fleetAppShellV4 > .main {display: block;width: 100%;height: 100dvh;min-height: 0;overflow-x: hidden;overflow-y: auto;}body.fleetaro-ui.fleetaro-vnext4.mobile-drawer-open .layout.fleetAppShellV4 > .main,
body.fleetaro-ui.fleetaro-vnext4.modal-stack-open .layout.fleetAppShellV4 > .main {overflow: hidden;overscroll-behavior: none;}body.fleetaro-ui.fleetaro-vnext4 .sidebar.fleetUnifiedNav {position: fixed;inset: 0 auto 0 0;z-index: 10000;width: min(88vw, 318px);height: 100dvh;border-right: 1px solid var(--fleet-rx-line);box-shadow: 18px 0 46px rgba(20, 32, 45, .2);transform: translateX(-105%);transition: transform .18s ease;}body.fleetaro-ui.fleetaro-vnext4 .sidebar.fleetUnifiedNav.mobile-open {transform: translateX(0);}body.fleetaro-ui.fleetaro-vnext4 .fleetNavHeader {min-height: 70px;padding: max(12px, env(safe-area-inset-top)) 14px 12px;}body.fleetaro-ui.fleetaro-vnext4 .fleetNavClose {margin-left: auto;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavGroupToggle {min-height: 44px;}body.fleetaro-ui.fleetaro-vnext4 .fleetUnifiedNav .sidebarNavItems > a {min-height: 44px;}body.fleetaro-ui.fleetaro-vnext4 .fleetCommandTopbar {grid-template-columns: 44px minmax(0, 1fr) auto;gap: 8px;padding: 7px max(14px, env(safe-area-inset-right)) 7px max(14px, env(safe-area-inset-left));}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarContext {display: flex;}body.fleetaro-ui.fleetaro-vnext4 .content {padding: 16px max(14px, env(safe-area-inset-right)) calc(var(--fleet-mobile-nav-height) + 26px + env(safe-area-inset-bottom)) calc(max(14px, env(safe-area-inset-left)) + 52px);overflow: visible;}body.fleetaro-ui.fleetaro-vnext4 .fleetCalmDashboardFocus {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardSecondary {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar {grid-template-columns: repeat(2, minmax(0, 1fr));}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar #taskSearch {grid-column: 1 / -1;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__layout {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters > :where(input, select),
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters > .filterSearch {width: 100%;min-width: 0;max-width: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__trailing {justify-self: stretch;justify-content: flex-start;flex-wrap: wrap;}body.fleetaro-ui.fleetaro-vnext4 .fleetMobileBottomNav {width: auto;height: auto;right: max(8px, env(safe-area-inset-right));bottom: max(7px, env(safe-area-inset-bottom));left: max(8px, env(safe-area-inset-left));min-height: 62px;padding: 5px;border: 1px solid var(--fleet-rx-line);border-radius: 12px;background: color-mix(in srgb, var(--fleet-rx-surface) 96%, transparent);box-shadow: 0 12px 32px rgba(20, 32, 45, .15);}body.fleetaro-ui.fleetaro-vnext4 .fleetMobileBottomNavItems {display: grid;width: 100%;grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));align-items: center;gap: 2px;}body.fleetaro-ui.fleetaro-vnext4 .fleetMobileBottomNav a {display: grid;min-height: 50px;place-items: center;align-content: center;gap: 3px;padding: 5px 3px;border-radius: 7px;text-align: center;text-decoration: none;}}@media (min-width: 960px) and (pointer: fine) {body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar--single-line .workspace-filter-toolbar__layout {display: flex;align-items: end;flex-wrap: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar--single-line .workspace-filter-toolbar__filters {display: grid;min-width: 0;flex: 0 0 auto;grid-template-columns: var(--fleet-rx-filter-search-width) var(--fleet-rx-filter-select-width) var(--fleet-rx-filter-select-wide-width);flex-wrap: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar--single-line .workspace-filter-toolbar__filters > :where(input, select) {width: 100%;min-width: 0;max-width: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar--single-line .workspace-filter-toolbar__trailing {flex: 0 0 auto;justify-self: auto;justify-content: flex-end;flex-wrap: nowrap;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar--single-line .workspace-filter-toolbar__actions :where(.btn, .workspace-button) {min-height: 38px;padding-inline: 9px;font-size: 11px;}}@media (max-width: 700px) {body.fleetaro-ui.fleetaro-vnext4 .fleetCommandTopbar {grid-template-columns: minmax(0, 1fr) auto;gap: 7px;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarContext {display: none;}body.fleetaro-ui.fleetaro-vnext4 .content {padding-left: max(14px, env(safe-area-inset-left));}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions {gap: 3px;}body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions :where(.fleetTopbarRefreshButton, .fleetTopbarIconButton, .fleetQuickCreateTrigger),
body.fleetaro-ui.fleetaro-vnext4 .fleetTopbarActions .refreshButton {width: 44px;min-width: 44px;padding: 0;}body.fleetaro-ui.fleetaro-vnext4 .refreshButtonLabel {display: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageHero {min-height: 0;grid-template-columns: minmax(0, 1fr);gap: 10px;margin-bottom: 13px;padding-bottom: 13px;}body.fleetaro-ui.fleetaro-vnext4 .fleetPageTitle h2 {font-size: clamp(23px, 7vw, 28px);}body.fleetaro-ui.fleetaro-vnext4 .fleetPageHeroActions {justify-content: flex-start;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip {grid-template-columns: repeat(2, minmax(0, 1fr));}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard {min-height: 72px;border-top: 1px solid var(--fleet-rx-line);border-left: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard:nth-child(-n+2) {border-top: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayStrip .fleetKpiCard:nth-child(even) {border-left: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .taskKpiGrid.calmTaskSummary {grid-template-columns: repeat(2, minmax(0, 1fr));}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton {min-height: 60px;border-top: 1px solid var(--fleet-rx-line);border-left: 0;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton:nth-child(-n+2) {border-top: 0;}body.fleetaro-ui.fleetaro-vnext4 .calmTaskSummary .taskKpiButton:nth-child(even) {border-left: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4 .calmTaskToolbar > * {grid-column: 1;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__filters,
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__trailing,
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__date,
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__actions {display: grid;width: 100%;grid-template-columns: minmax(0, 1fr);justify-self: stretch;}body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar .toolbarDateField,
body.fleetaro-ui.fleetaro-vnext4 .workspace-filter-toolbar__actions > :where(.btn, .workspace-button, a, button) {width: 100%;}body.fleetaro-ui.fleetaro-vnext4 .taskCard {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4 .taskCardActions {justify-content: flex-start;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation {padding: 8px 10px;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-navigation__intro {display: none;}body.fleetaro-ui.fleetaro-vnext4 .workspace-settings-group {padding: 14px;}}@media (pointer: coarse) {body.fleetaro-ui.fleetaro-vnext4 :where(.tableActionButton, .workspace-icon-button, .fleetTopbarRefreshButton, .fleetQuickCreateTrigger) {width: 44px;min-width: 44px;height: 44px;min-height: 44px;}}@media (max-width: 620px) {body.fleetaro-ui.fleetaro-vnext4 .fleetResponsiveRecordTable :where(
.workspace-table-column--identity,
.workspace-table-column--contact,
.workspace-table-column--roles,
.workspace-table-column--timestamp,
.workspace-table-cell--meta,
.workspace-table-cell--meta-compact,
.workspace-table-cell--reference,
.workspace-table-cell--identity,
.workspace-table-cell--contact,
.workspace-table-cell--roles,
.workspace-table-cell--timestamp,
.workspace-table-cell--date,
.workspace-table-cell--money,
.workspace-table-cell--due,
.workspace-table-cell--status,
.workspace-table-cell--dunning,
.workspace-table-cell--actions,
.workspace-table-cell--actions-wide
) {width: 100%;max-width: none;}body.fleetaro-ui.fleetaro-vnext4 #invTable.fleetResponsiveRecordTable :where(th, td) {width: 100%;min-width: 0;max-width: none;white-space: normal;}body.fleetaro-ui.fleetaro-vnext4 #invTable.fleetResponsiveRecordTable .workspace-table-cell--dunning .workspace-status-chip,
body.fleetaro-ui.fleetaro-vnext4 #invTable.fleetResponsiveRecordTable td:nth-child(10) .workspace-table-action-group {width: 100%;min-width: 0;max-width: none;}body.fleetaro-ui.fleetaro-vnext4 #invTable.fleetResponsiveRecordTable .workspace-table-cell--dunning .workspace-status-chip__label {overflow: visible;text-overflow: clip;white-space: normal;}}@media (max-width: 768px) {body.fleetaro-ui.fleetaro-vnext4 .content > .view.active {padding-bottom: 0;}}@media (prefers-reduced-motion: reduce) {[data-ui-generation="vnext4"],
[data-ui-generation="vnext4"] *,
[data-ui-generation="vnext4"] *::before,
[data-ui-generation="vnext4"] *::after {scroll-behavior: auto !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;}}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth {--fleet-font-family: var(--fleet-rx-font);--fleet-rx-accent: var(--fleet-tenant-accent, #b91c1c);--fleet-primary: var(--fleet-rx-accent);--fleet-primary-hover: color-mix(in srgb, var(--fleet-rx-accent) 84%, #000);--fleet-focus: color-mix(in srgb, var(--fleet-rx-accent) 20%, transparent);--fleet-surface: var(--fleet-rx-surface);--fleet-surface-soft: var(--fleet-rx-surface-soft);--fleet-text: var(--fleet-rx-text);--fleet-muted: var(--fleet-rx-text-secondary);--fleet-line: var(--fleet-rx-line);box-sizing: border-box;display: grid;min-width: 0;min-height: 100dvh;margin: 0;padding:
max(24px, env(safe-area-inset-top))
max(20px, env(safe-area-inset-right))
max(24px, env(safe-area-inset-bottom))
max(20px, env(safe-area-inset-left));place-items: center;overflow-x: hidden;background:
radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--fleet-rx-accent) 7%, transparent) 0, transparent 30%),
linear-gradient(145deg, #f8fafb 0%, var(--fleet-rx-canvas) 54%, #edf1f4 100%);color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth *,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth *::before,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth *::after {box-sizing: border-box;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-shell {display: grid;width: min(940px, 100%);min-width: 0;min-height: min(560px, calc(100dvh - 48px));grid-template-columns: minmax(300px, .88fr) minmax(370px, 1.12fr);overflow: hidden;border: 1px solid var(--fleet-rx-line);border-radius: 14px;background: var(--fleet-rx-surface);box-shadow: 0 24px 64px rgba(21, 32, 45, .12);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand {position: relative;display: flex;min-width: 0;flex-direction: column;justify-content: space-between;gap: 36px;padding: clamp(34px, 5vw, 54px);overflow: hidden;border-right: 1px solid var(--fleet-rx-line);background:
linear-gradient(155deg, color-mix(in srgb, var(--fleet-rx-accent) 7%, #f9fbfc), var(--fleet-rx-surface-muted));}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand::after {position: absolute;right: -92px;bottom: -116px;width: 280px;height: 280px;border: 1px solid color-mix(in srgb, var(--fleet-rx-accent) 13%, transparent);border-radius: 50%;content: "";pointer-events: none;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-product {position: relative;z-index: 1;display: inline-flex;align-items: center;align-self: flex-start;gap: 12px;min-width: 0;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-mark {display: inline-grid;width: 42px;height: 42px;place-items: center;flex: 0 0 42px;border-radius: 9px;background: var(--fleet-rx-accent);color: #fff;font-size: 20px;font-weight: 780;line-height: 1;box-shadow: 0 8px 18px color-mix(in srgb, var(--fleet-rx-accent) 22%, transparent);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-product > span:last-child {display: grid;min-width: 0;gap: 1px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-product strong {color: var(--fleet-rx-text);font-size: 17px;font-weight: 760;line-height: 1.2;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-product small {color: var(--fleet-rx-text-secondary);font-size: 11px;font-weight: 550;line-height: 1.35;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand-copy {position: relative;z-index: 1;display: grid;gap: 14px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-eyebrow {margin: 0;color: var(--fleet-rx-accent);font-size: 11px;font-weight: 750;line-height: 1.2;letter-spacing: .08em;text-transform: uppercase;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand-copy h1 {margin: 0;color: var(--fleet-rx-text);font-size: clamp(28px, 3.1vw, 38px);font-weight: 680;line-height: 1.12;letter-spacing: -.03em;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand-copy > p:last-child {max-width: 38ch;margin: 0;color: var(--fleet-rx-text-secondary);font-size: 14px;font-weight: 400;line-height: 1.58;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-trust {position: relative;z-index: 1;margin: 0;color: var(--fleet-rx-text-muted);font-size: 11px;font-weight: 550;line-height: 1.5;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-panel {display: flex;min-width: 0;flex-direction: column;justify-content: center;padding: clamp(34px, 5vw, 58px);background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-panel__header {display: grid;gap: 7px;margin-bottom: 24px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-panel__header h2 {margin: 0;color: var(--fleet-rx-text);font-size: clamp(24px, 2.5vw, 30px);font-weight: 690;line-height: 1.18;letter-spacing: -.025em;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-tenant {display: flex;min-width: 0;align-items: baseline;gap: 7px;margin-top: 5px;color: var(--fleet-rx-text-secondary);font-size: 12px;line-height: 1.4;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-tenant span {flex: 0 0 auto;color: var(--fleet-rx-text-muted);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-tenant strong {min-width: 0;overflow: hidden;color: var(--fleet-rx-text);font-weight: 680;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-message {margin: 0 0 16px;padding: 10px 12px;font-family: var(--fleet-rx-font);font-size: 12px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-form {display: grid;min-width: 0;gap: 16px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .workspace-form-field {gap: 7px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .workspace-form-field > label {color: var(--fleet-rx-text-secondary);font-family: var(--fleet-rx-font);font-size: 12px;font-weight: 650;line-height: 1.3;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .workspace-form-control {width: 100%;height: var(--fleet-rx-control-height);min-height: var(--fleet-rx-control-height);padding: 0 12px;border: 1px solid var(--fleet-rx-line);border-radius: 7px;background: var(--fleet-rx-surface);color: var(--fleet-rx-text);font-family: var(--fleet-rx-font);font-size: 14px;font-weight: 400;line-height: 1.35;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .workspace-form-control:hover {border-color: var(--fleet-rx-line-strong);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .workspace-form-control:focus-visible {outline: 0;border-color: var(--fleet-rx-accent);box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 18%, transparent);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-password {position: relative;min-width: 0;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-password .workspace-form-control {padding-right: 86px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-password-toggle {position: absolute;top: 4px;right: 4px;width: auto;height: calc(var(--fleet-rx-control-height) - 8px);min-height: calc(var(--fleet-rx-control-height) - 8px);padding: 0 9px;border: 0;border-radius: 5px;background: transparent;color: var(--fleet-rx-text-secondary);font-family: var(--fleet-rx-font);font-size: 11px;font-weight: 650;line-height: 1;cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-password-toggle:hover {background: var(--fleet-rx-surface-muted);color: var(--fleet-rx-text);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-password-toggle:focus-visible {outline: 0;box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 18%, transparent);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-submit {display: inline-flex;width: 100%;height: var(--fleet-rx-control-height);min-height: var(--fleet-rx-control-height);align-items: center;justify-content: center;margin-top: 2px;padding: 0 16px;border: 1px solid var(--fleet-rx-accent);border-radius: 7px;background: var(--fleet-rx-accent);color: #fff;font-family: var(--fleet-rx-font);font-size: 13px;font-weight: 680;line-height: 1;cursor: pointer;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-submit:hover:not(:disabled) {border-color: color-mix(in srgb, var(--fleet-rx-accent) 84%, #000);background: color-mix(in srgb, var(--fleet-rx-accent) 84%, #000);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-submit:focus-visible {outline: 0;box-shadow: 0 0 0 3px color-mix(in srgb, var(--fleet-rx-accent) 20%, transparent);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-submit:disabled {cursor: wait;opacity: .62;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary a {color: var(--fleet-rx-text-secondary);font-size: 12px;font-weight: 650;line-height: 1.4;text-decoration: none;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary a:hover {color: var(--fleet-rx-accent);text-decoration: underline;text-underline-offset: 3px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary a:focus-visible {outline: 2px solid var(--fleet-rx-accent);outline-offset: 3px;border-radius: 3px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary p {margin: 0;color: var(--fleet-rx-text-muted);font-size: 10px;font-weight: 500;line-height: 1.4;text-align: right;}html.dark-mode body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth.dark-mode {--fleet-rx-canvas: #101821;--fleet-rx-surface: #17212c;--fleet-rx-surface-soft: #1c2835;--fleet-rx-surface-muted: #202d3a;--fleet-rx-line: #314050;--fleet-rx-line-strong: #415266;--fleet-rx-text: #eef3f7;--fleet-rx-text-secondary: #bac5cf;--fleet-rx-text-muted: #8f9ca9;background:
radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--fleet-rx-accent) 13%, transparent) 0, transparent 30%),
linear-gradient(145deg, #111a24 0%, #0d151e 100%);}html.dark-mode body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth.dark-mode .fleet-auth-brand {background:
linear-gradient(155deg, color-mix(in srgb, var(--fleet-rx-accent) 9%, #17212c), var(--fleet-rx-surface-muted));}body.fleetaro-ui .moduleWorkspace.workspace-shell.is-wizard-workbench { align-self:flex-start;width:100%;max-width:none;min-height:0;height:auto;margin:0;overflow:visible }body.fleetaro-ui .moduleWorkspace.is-wizard-workbench > .moduleWorkspaceBody.is-wizard-host { display:block;flex:0 0 auto;width:100%;height:auto;min-height:0;padding:0;overflow:visible!important;background:transparent }body.fleetaro-ui .moduleWorkspace.is-wizard-workbench > .moduleWorkspaceBody.is-frame { display:block;flex:0 0 auto;height:auto;min-height:0;overflow:visible }body.fleetaro-ui .moduleWorkspace.is-wizard-workbench .workspaceFrame[data-workspace-frame-auto-height="true"] { display:block;flex:0 0 auto;width:100%;min-height:0;border:0;overflow:hidden }body.fleetaro-ui .workspace-wizard-host {display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;padding:0;overflow:visible;border:0;background:var(--fleet-rx-surface,#fff);--fleet-surface:var(--fleet-rx-surface,#fff);--fleet-surface-soft:var(--fleet-rx-surface-soft,#f8fafb);--fleet-text:var(--fleet-rx-text,#15202d);--fleet-muted:var(--fleet-rx-text-secondary,#536171);--fleet-line:var(--fleet-rx-line,#dce2e7);--fleet-line-soft:color-mix(in srgb,var(--fleet-rx-line,#dce2e7) 72%,transparent);--fleet-focus:color-mix(in srgb,var(--fleet-primary,var(--fleet-rx-accent,#2459d3)) 20%,transparent);--text:var(--fleet-rx-text,#15202d);--muted:var(--fleet-rx-text-secondary,#536171);color:var(--fleet-rx-text,var(--fleet-text));font-family:var(--fleet-rx-font,var(--fleet-font-family));}body.fleetaro-ui .workspace-wizard-host :where(
.wizard-section-title h3,
.wizard-section-title h4,
.wizard-section-title h5,
.workspace-section-header__copy h3,
.workspace-section-header__copy h4,
.workspace-section-header__copy h5,
.workspace-form-field > label,
.customer-result strong
) {color:var(--fleet-rx-text,var(--fleet-text));}body.fleetaro-ui .workspace-wizard-host :where(
.wizard-section-title .workspace-help,
.workspace-section-header__copy .workspace-help,
.workspace-field-hint,
.workspace-form-hint,
.customer-result .meta
) {color:var(--fleet-rx-text-secondary,var(--fleet-muted));}body.fleetaro-ui .workspace-wizard-host :where(
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
[data-workspace-component="wizard-search-select"]
) {color:var(--fleet-rx-text,var(--fleet-text));}body.fleetaro-ui.fleetaro-wizard-document {box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;font-family:var(--fleet-rx-font,var(--fleet-font-family));}body.fleetaro-ui .workspace-wizard-document-root {display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;padding:0;overflow:visible;}html.is-integrated-wizard-frame-document > body.fleetaro-wizard-document.is-integrated-wizard-frame-document,
html.is-integrated-wizard-frame-document > body.fleetaro-wizard-document.is-integrated-wizard-frame-document > .workspace-wizard-document-root {width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;}body.fleetaro-ui .workspace-wizard-host > .workspace-wizard-shell {width:100%;max-width:none;margin:0;}body.fleetaro-ui .moduleWorkspace.workspace-shell.is-create-edit-workbench { align-self:flex-start;width:100%;max-width:none;min-height:0;height:auto;margin:0;overflow:visible }body.fleetaro-ui .moduleWorkspace.is-create-edit-workbench > .moduleWorkspaceBody.is-create-edit { display:block;flex:0 0 auto;min-height:0;overflow:visible }body.fleetaro-ui .workspace-create-edit-workbench,
body.fleetaro-ui .workspace-form-stack { display:grid;width:100%;min-width:0;align-content:start;gap:12px }body.fleetaro-ui .workspace-create-edit-workbench .modalGrid.workspace-form-grid,
body.fleetaro-ui .workspace-create-edit-workbench .modalFormGrid.workspace-form-grid,
body.fleetaro-ui .workspace-create-edit-workbench .grid.cards2.workspace-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }body.fleetaro-ui .workspace-workbench-content-layout { display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);align-items:start;gap:18px }body.fleetaro-ui :where(.workspace-workbench-content-layout__main,.workspace-workbench-content-layout__aside) { display:grid;min-width:0;align-content:start }body.fleetaro-ui .workspace-workbench-content-layout__aside { align-self:start;padding-left:18px;border-left:1px solid var(--fleet-line-soft) }body.fleetaro-ui .workspace-document-area { align-self:start;height:auto;min-height:0 }body.fleetaro-ui .workspace-document-field__control { display:grid;min-width:0;gap:6px }body.fleetaro-ui .workspace-document-field__preview { display:flex;align-items:flex-start;min-width:0;gap:8px }body.fleetaro-ui .workspace-document-field__image { display:block;max-width:150px;max-height:100px;border:1px solid var(--fleet-line);border-radius:var(--fleet-radius-sm);object-fit:contain }body.fleetaro-ui .wizard-progress-workbench { display:grid;position:relative;box-sizing:border-box;grid-template-columns:minmax(190px,.55fr) minmax(320px,1.45fr);align-items:center;min-width:0;min-height:40px;gap:20px;margin:0 0 12px;padding:4px 0 7px;border-bottom:1px solid var(--fleet-line-soft) }body.fleetaro-ui .wizard-progress-workbench__summary {display: flex;align-items: baseline;min-width: 0;gap: 6px;color: var(--fleet-wizard-muted);font-size: 11px;font-weight: 550;line-height: 1.2;white-space: nowrap;}body.fleetaro-ui .wizard-progress-workbench__count {flex: 0 0 auto;}body.fleetaro-ui .wizard-progress-workbench__count strong {color: var(--fleet-text);font-size: 12px;font-weight: 760;}body.fleetaro-ui .wizard-progress-workbench__divider {color: var(--fleet-line);}body.fleetaro-ui .wizard-progress-workbench__label {min-width: 0;overflow: hidden;color: var(--fleet-text);font-size: 12px;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;}body.fleetaro-ui .wizard-progress-workbench__aria {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);border: 0;white-space: nowrap;}body.fleetaro-ui .wizard-stepper,
body.fleetaro-ui .wizard-stepper.wizard-stepper-four,
body.fleetaro-ui .wizard-stepper.wizard-stepper-six {display: grid;position: relative;z-index: 1;box-sizing: border-box;grid-template-columns: repeat(var(--wizard-step-count, 5), var(--fleet-wizard-step-height));align-items: center;justify-content: space-between;width: 100%;min-width: 0;min-height: var(--fleet-wizard-step-height);gap: 0;margin: 0;padding: 0;overflow: visible;border: 0;border-radius: 0;background: transparent;isolation: isolate;}body.fleetaro-ui .wizard-stepper::before {content: "";position: absolute;z-index: -2;top: 50%;right: calc(var(--fleet-wizard-step-height) / 2);left: calc(var(--fleet-wizard-step-height) / 2);height: 1px;background: var(--fleet-line);transform: translateY(-50%);}body.fleetaro-ui .wizard-step { display:grid;position:relative;z-index:1;box-sizing:border-box;width:var(--fleet-wizard-step-height);height:var(--fleet-wizard-step-height);min-width:var(--fleet-wizard-step-height);min-height:var(--fleet-wizard-step-height);place-items:center;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--fleet-wizard-muted);font:var(--fleet-wizard-step-font-weight) var(--fleet-wizard-step-font-size)/1 var(--fleet-font-family);cursor:pointer;transition:none;transform:none }body.fleetaro-ui .wizard-step::after { display:none }body.fleetaro-ui .wizard-step:last-child::after { display:none }body.fleetaro-ui :is(.wizard-step:hover,.wizard-step:focus-visible,.wizard-step.is-active,.wizard-step.has-error) { border:0;background:transparent;box-shadow:none;transform:none }body.fleetaro-ui .wizard-step:focus-visible { outline:0 }body.fleetaro-ui .wizard-step-index { display:inline-grid;position:relative;z-index:2;box-sizing:border-box;width:var(--fleet-wizard-step-index-size);height:var(--fleet-wizard-step-index-size);place-items:center;border:1px solid var(--fleet-line);border-radius:999px;background:var(--fleet-surface);color:var(--fleet-wizard-muted);font-size:10px;font-weight:750;line-height:1 }body.fleetaro-ui .wizard-step:focus-visible .wizard-step-index { box-shadow:0 0 0 3px var(--fleet-focus) }body.fleetaro-ui .wizard-step:hover:not(:disabled) .wizard-step-index { border-color:color-mix(in srgb,var(--fleet-primary) 44%,var(--fleet-line));color:var(--fleet-primary) }body.fleetaro-ui .wizard-step-label { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;font-family:var(--fleet-font-family);font-size: var(--fleet-wizard-step-font-size);font-weight:var(--fleet-wizard-step-font-weight);line-height:1.2;letter-spacing:0;white-space:nowrap }body.fleetaro-ui .wizard-step.is-active .wizard-step-index { border-color:var(--fleet-primary);background:var(--fleet-primary);color:#fff }body.fleetaro-ui .wizard-step.is-complete::after { background:color-mix(in srgb,var(--fleet-success) 72%,var(--fleet-line)) }body.fleetaro-ui .wizard-step.is-complete .wizard-step-index { border-color:color-mix(in srgb,var(--fleet-success) 58%,var(--fleet-line));background:var(--fleet-surface);color:var(--fleet-success);font-size:0 }body.fleetaro-ui .wizard-step.is-complete .wizard-step-index::after { content:"✓";font-size:10px;line-height:1 }body.fleetaro-ui .wizard-step.is-disabled { cursor:default;opacity:.52 }body.fleetaro-ui .wizard-step.has-error .wizard-step-index { border-color:var(--fleet-danger);background:color-mix(in srgb,var(--fleet-danger) 8%,var(--fleet-surface));color:var(--fleet-danger);font-size:0 }body.fleetaro-ui .wizard-step.has-error .wizard-step-index::after { content:"!";font-size:11px;font-weight:800 }body.fleetaro-ui .wizard-progress-compact { display:none }body.fleetaro-ui .workspace-wizard-shell .wizard-panel.is-active { display:block }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) .wizard-section-title { gap:6px;margin-bottom:8px }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) :where(.wizard-section-title h3,h3.wizard-section-title) { font-size:15px;font-weight:690;line-height:1.3 }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) :where(.wizard-section-title p,.workspace-help) { margin-top:2px;font-size:12px;line-height:1.4 }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) .workspace-form-section { gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) .workspace-form-section + .workspace-form-section { margin-top:12px;padding-top:12px }body.fleetaro-ui .workspace-wizard-shell .wizard-panel > .card { margin:0;padding:12px 0;border:0;border-top:1px solid var(--fleet-line-soft);border-radius:0;background:transparent;box-shadow:none }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) :where(.workspace-form-section__header,.workspace-form-section__body) { gap:4px }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) :where(.workspace-form-section__header,.workspace-section-header__copy)>:where(h3,h4) { font-size:15px;font-weight:690;line-height:1.3 }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) .workspace-form-grid,
body.fleetaro-ui .workspace-wizard-shell .workspace-wizard-flow .grid { gap:10px 12px;margin-bottom:0 }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) .workspace-form-field { gap:4px }body.fleetaro-ui :is(.workspace-wizard-shell,.workspace-create-edit-workbench) .workspace-form-field>label,
body.fleetaro-ui .workspace-wizard-shell .workspace-wizard-flow label { margin-bottom:0;font-size:12px;line-height:1.3 }body.fleetaro-ui .workspace-wizard-shell .workspace-wizard-flow :where(input,select,textarea) { margin-top:0 }body.fleetaro-ui .workspace-wizard-shell .workspace-wizard-flow h3 { margin:12px 0 6px }body.fleetaro-ui .workspace-wizard-shell .workspace-wizard-flow h4 { margin:10px 0 5px }body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-search-box{display:grid;gap:8px;margin-bottom:10px}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-search-input{box-sizing:border-box;width:100%;max-width:100%;height:var(--fleet-control-height);min-height:var(--fleet-control-height);margin:0;padding:0 12px;border:1px solid var(--fleet-rx-line,var(--fleet-line));border-radius:var(--fleet-radius);background:var(--fleet-rx-surface,var(--fleet-surface));color:var(--fleet-rx-text,var(--fleet-text));font:400 13px/normal var(--fleet-rx-font,var(--fleet-font-family));box-shadow:none}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-search-input:focus,
body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-search-input:focus-visible{outline:2px solid transparent;outline-offset:-2px;border-color:color-mix(in srgb,var(--fleet-rx-accent,var(--fleet-primary)) 72%,var(--fleet-rx-line,var(--fleet-line)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fleet-rx-accent,var(--fleet-primary)) 32%,transparent)}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-search-input[aria-invalid="true"]:focus,
body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-search-input[aria-invalid="true"]:focus-visible{border-color:var(--fleet-danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fleet-danger) 36%,transparent)}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-results{display:grid;gap:6px}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-result{display:grid;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:52px;gap:10px;padding:8px 10px;border:1px solid var(--fleet-rx-line,var(--fleet-line));border-radius:var(--fleet-radius);background:var(--fleet-rx-surface-soft,var(--fleet-surface-soft))}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-result__copy{display:grid;min-width:0;gap:1px}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-result strong{display:block;margin-bottom:1px;font:650 13px/1.3 var(--fleet-rx-font,var(--fleet-font-family))}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] :where(.customer-result,.selected-customer-card) .meta{font:400 12px/1.3 var(--fleet-rx-font,var(--fleet-font-family))}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] [data-workspace-component="wizard-search-select"]{inline-size:92px;min-inline-size:92px}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .selected-customer-card{display:none;box-sizing:border-box;margin-bottom:10px;padding:8px 10px;border:1px solid var(--fleet-rx-line,var(--fleet-line));border-radius:var(--fleet-radius);background:var(--fleet-rx-surface-soft,var(--fleet-surface-soft))}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .selected-customer-card.is-visible{display:flex;align-items:center;justify-content:space-between;gap:10px}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .selected-customer-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .workspace-wizard-customer-create{display:flex;align-items:center;gap:8px;margin:0}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] [data-workspace-component="wizard-search-create"][hidden] { display:none!important }body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-form-shell{display:none;margin-top:10px;padding-top:10px;border-top:1px solid var(--fleet-rx-line,var(--fleet-line))}body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .customer-form-shell.is-visible{display:block}body.fleetaro-ui .wizard-nav { flex-wrap:nowrap;min-height:0;gap:8px;margin-top:0 }body.fleetaro-ui .wizard-nav .btn-row { flex-wrap:nowrap;gap:8px }body.fleetaro-ui .wizard-nav :where(.workspace-button,.btn,button) { flex:0 0 auto }body.fleetaro-ui .workspace-wizard-shell .wizard-nav .wizard-forward { inline-size:80px }body.fleetaro-ui .workspace-wizard-shell .wizard-nav .wizard-final-primary { min-inline-size:80px }body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .wizard-nav {box-sizing:border-box;min-height:53px;padding:6px var(--fleet-workspace-footer-padding-inline);border-radius:0;background:transparent;}body.fleetaro-ui.is-embedded-workspace { background:transparent }html.dark-mode body.fleetaro-ui .wizard-step,
html.dark-mode body.fleetaro-ui .wizard-step:hover,
html.dark-mode body.fleetaro-ui .wizard-step:focus-visible,
html.dark-mode body.fleetaro-ui .wizard-step.is-active,
html.dark-mode body.fleetaro-ui .wizard-step.has-error { border:0;background:transparent;box-shadow:none;color:var(--fleet-wizard-muted) }html.dark-mode body.fleetaro-ui .wizard-step-index { border-color:var(--fleet-line);background:var(--fleet-surface);color:var(--fleet-wizard-muted) }html.dark-mode body.fleetaro-ui .wizard-step.is-active .wizard-step-index { border-color:var(--fleet-primary);background:var(--fleet-primary);color:#fff }html.dark-mode body.fleetaro-ui .wizard-step.is-complete .wizard-step-index { border-color:color-mix(in srgb,var(--fleet-success) 58%,var(--fleet-line));background:var(--fleet-surface);color:var(--fleet-success) }html.dark-mode body.fleetaro-ui .wizard-step.has-error .wizard-step-index { border-color:var(--fleet-danger);background:color-mix(in srgb,var(--fleet-danger) 10%,var(--fleet-surface));color:var(--fleet-danger) }@media (pointer: coarse) {body.fleetaro-ui { --fleet-wizard-step-height:44px;--fleet-wizard-step-index-size:22px }body.fleetaro-ui .workspace-header__back.moduleWorkspaceBack { flex-basis:44px;width:44px;height:44px;min-height:44px }body.fleetaro-ui .moduleWorkspaceFoot .workspace-button,
body.fleetaro-ui .wizard-nav button.workspace-button,
body.fleetaro-ui .wizard-nav .btn.workspace-button,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth :where(.fleet-auth-submit,.fleet-auth-password-toggle) { min-height:44px }body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] :where(
button.workspace-button,
.btn.workspace-button,
.customer-search-input
) {height:44px;min-height:44px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth { --fleet-rx-control-height:48px }body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-password-toggle { top:2px;height:44px }}@media (max-width: 760px) {body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth {padding:
max(12px, env(safe-area-inset-top))
max(12px, env(safe-area-inset-right))
max(12px, env(safe-area-inset-bottom))
max(12px, env(safe-area-inset-left));place-items: center;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-shell {width: min(500px, 100%);min-height: 0;grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand {min-height: 0;flex-direction: row;align-items: center;gap: 16px;padding: 18px 20px;border-right: 0;border-bottom: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-brand-copy,
body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-trust {display: none;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-mark {width: 38px;height: 38px;flex-basis: 38px;font-size: 18px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-panel {padding: clamp(24px, 7vw, 36px);}}@media(max-width:900px) and (min-width:621px){body.fleetaro-ui .wizard-progress-workbench{grid-template-columns:minmax(150px,auto) minmax(220px,1fr);gap:12px}}@media(max-width:1100px){body.fleetaro-ui .workspace-workbench-content-layout{grid-template-columns:minmax(0,1fr);gap:12px}body.fleetaro-ui .workspace-workbench-content-layout__aside{padding:12px 0 0;border-top:1px solid var(--fleet-line-soft);border-left:0}}@media (max-width: 620px) {body.fleetaro-ui .moduleWorkspace > .workspace-header.moduleWorkspaceHead { min-height:62px;gap:8px;padding:8px 10px }body.fleetaro-ui .moduleWorkspace .workspace-header__row.moduleWorkspaceTitleRow { align-items:center;flex-direction:row;gap:8px }body.fleetaro-ui .moduleWorkspace .workspace-header__title.moduleWorkspaceTitleWrap h2 { font-size:15px }body.fleetaro-ui .moduleWorkspace .workspace-header__title.moduleWorkspaceTitleWrap p { display:-webkit-box;margin-top:2px;overflow:hidden;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:1 }body.fleetaro-ui .moduleWorkspace .workspace-header__breadcrumb { display:none }body.fleetaro-ui .moduleWorkspace .workspace-header__tools.moduleWorkspaceTools,
body.fleetaro-ui .moduleWorkspace .workspace-header__reference-group { width:auto;justify-content:flex-end }body.fleetaro-ui .moduleWorkspace .workspace-reference-badge.moduleWorkspaceMeta span { display:none }body.fleetaro-ui .workspace-create-edit-workbench .modalGrid.workspace-form-grid,
body.fleetaro-ui .workspace-create-edit-workbench .modalFormGrid.workspace-form-grid,
body.fleetaro-ui .workspace-create-edit-workbench .grid.cards2.workspace-form-grid { grid-template-columns:minmax(0,1fr) }body.fleetaro-ui .workspace-wizard-content {padding: 10px 12px;}body.fleetaro-ui .wizard-progress-workbench {display: block;min-height: 0;margin: 0 0 10px;padding: 0;border: 0;}body.fleetaro-ui .wizard-progress-workbench__summary {display: none;}body.fleetaro-ui .wizard-stepper,
body.fleetaro-ui .wizard-stepper.wizard-stepper-four,
body.fleetaro-ui .wizard-stepper.wizard-stepper-six {display: none;}body.fleetaro-ui .wizard-progress-compact { display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;margin:0;padding:8px 0;border:0;border-bottom:1px solid var(--fleet-line-soft);border-radius:0;background:transparent }body.fleetaro-ui .wizard-progress-compact__meta { display:inline-flex;align-items:baseline;gap:5px;color:var(--fleet-wizard-muted);font-size:11px;font-weight:550;line-height:1.2;white-space:nowrap }body.fleetaro-ui .wizard-progress-compact__meta strong { color:var(--fleet-text);font-size:12px;font-weight:750 }body.fleetaro-ui .wizard-progress-compact__label { min-width:0;overflow:hidden;color:var(--fleet-text);font-size:12px;font-weight:680;line-height:1.25;text-align:right;text-overflow:ellipsis;white-space:nowrap }body.fleetaro-ui .wizard-progress-compact__track { position:relative;grid-column:1/-1;height:3px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--fleet-wizard-muted) 18%,transparent) }body.fleetaro-ui .wizard-progress-compact__track>span { display:block;width:var(--wizard-progress-value,0%);height:100%;border-radius:inherit;background:var(--fleet-primary);transition:width .18s ease }body.fleetaro-ui .wizard-nav { align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:8px var(--fleet-workspace-footer-padding-inline) max(8px, env(safe-area-inset-bottom)) }body.fleetaro-ui.fleetaro-vnext4 [data-wizard-host-contract="single-source"] .wizard-nav { padding:8px var(--fleet-workspace-footer-padding-inline) max(8px, env(safe-area-inset-bottom)) }body.fleetaro-ui .wizard-nav>.workspace-button--back { width:auto;min-width:0;flex:0 0 auto;margin-right:0 }body.fleetaro-ui .wizard-nav .btn-row { display:flex;width:auto;min-width:0;flex:1 1 auto;justify-content:flex-end;margin-left:auto }body.fleetaro-ui .wizard-nav .btn-row>:where(.workspace-button,.btn,button) { width:auto;min-width:0;flex:0 1 auto }body.fleetaro-ui .wizard-nav button.workspace-button,
body.fleetaro-ui .wizard-nav .btn.workspace-button {min-height: 44px;}body.fleetaro-ui .workspace-wizard-shell .wizard-section-title {margin-bottom: 9px;}body.fleetaro-ui .workspace-wizard-shell .workspace-form-grid,
body.fleetaro-ui .workspace-wizard-shell .workspace-wizard-flow .grid {gap: 10px;}}@media (max-width: 430px) {body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-panel {padding: 24px 20px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-panel__header {margin-bottom: 20px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary {align-items: flex-start;flex-direction: column;gap: 8px;}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-secondary p {text-align: left;}}@media(max-height:680px){body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth{place-items:start center;overflow-y:auto}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth .fleet-auth-shell{min-height:0}body.fleetaro-ui.fleetaro-vnext4.fleetaro-auth :is(.fleet-auth-brand,.fleet-auth-panel){padding-top:26px;padding-bottom:26px}}@media(prefers-reduced-motion:reduce){body.fleetaro-ui .wizard-progress-compact__track>span{transition:none!important}}body.fleetaro-ui .workspace-detail-workspace{display:grid;min-width:0;gap:14px}body.fleetaro-ui .workspace-detail-workspace>.workspace-form-section{gap:10px;padding:0 0 14px;border:0;border-bottom:1px solid var(--fleet-rx-line,var(--fleet-line-soft));margin:0}body.fleetaro-ui .workspace-detail-workspace>.workspace-form-section:last-child{padding-bottom:0;border-bottom:0}body.fleetaro-ui .workspace-detail-facts{max-width:none!important;table-layout:auto;border-collapse:collapse}body.fleetaro-ui .workspace-detail-facts :where(th,td){padding:8px 10px;border-bottom:1px solid var(--fleet-rx-line,var(--fleet-line-soft));vertical-align:top}body.fleetaro-ui .workspace-detail-facts tr:last-child :where(th,td){border-bottom:0}body.fleetaro-ui .workspace-detail-facts th{width:clamp(130px,18%,210px);color:var(--fleet-rx-text-secondary,var(--fleet-muted));font-size:12px;font-weight:650}body.fleetaro-ui .workspace-detail-actionbar{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:8px;padding-top:2px}body.fleetaro-ui .workspace-detail-document-state{display:grid;gap:7px}body.fleetaro-ui .workspace-detail-document-state>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}body.fleetaro-ui .workspace-detail-table{overflow-x:auto;border:1px solid var(--fleet-rx-line,var(--fleet-line));border-radius:var(--fleet-rx-radius-md,var(--fleet-radius))}body.fleetaro-ui .workspace-detail-table table{margin:0}@media(max-width:820px){body.fleetaro-ui .workspace-detail-facts th{width:38%}}@media(max-width:430px){body.fleetaro-ui .workspace-detail-actionbar>*{flex:1 1 auto}}body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
) {box-sizing: border-box;background-clip: padding-box;}body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
):hover:not(:disabled):not([readonly]) {border-color: color-mix(in srgb, var(--fleet-rx-accent) 28%, var(--fleet-rx-line));}body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
):focus,
body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
):focus-visible {outline: 2px solid transparent;outline-offset: -2px;border-color: color-mix(in srgb, var(--fleet-rx-accent) 72%, var(--fleet-rx-line));box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fleet-rx-accent) 32%, transparent);}body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
)[aria-invalid="true"] {border-color: var(--fleet-danger);}body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
)[aria-invalid="true"]:focus,
body.fleetaro-ui.fleetaro-vnext4 :where(
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea
)[aria-invalid="true"]:focus-visible {border-color: var(--fleet-danger);box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fleet-danger) 36%, transparent);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardSecondary > .fleetTableCard {min-width: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetTodayPanel {min-height: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardPeriod + .fleetDashboardPeriod {border-top: 1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardPeriodHead {margin: 0;padding: 10px 15px;border-bottom: 1px solid var(--fleet-rx-line);background: var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardPeriodHead h4 {font-size: 12px;font-weight: 690;line-height: 1.3;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardPeriodHead .workspace-help {font-size: 11px;line-height: 1.35;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumns {display:grid;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumn {min-width:0;align-self:start;overflow:hidden;background:var(--fleet-rx-surface);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumn + .fleetDashboardDayColumn {border-left:1px solid var(--fleet-rx-line);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumnHead {margin:0;padding:8px 11px;border-bottom:1px solid var(--fleet-rx-line);background:transparent;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumnHead h5 {font-size:12px;font-weight:690;line-height:1.3;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumnHead .workspace-help {font-size:11px;line-height:1.35;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumn .workspace-data-table-scroll {max-width:100%;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-data-table-scroll {overflow-x: auto;border: 0;border-radius: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-data-table td {height: 46px;padding: 9px 11px;font-size: 12px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-data-table__value strong {font-size: 12px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-data-table__value small {font-size: 11px;}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboard .workspace-data-table-empty-state {min-height: 46px;max-height: none;padding: 11px 12px;border: 0;border-radius: 0;background: transparent;}@media (max-width:620px) {body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumns {grid-template-columns:minmax(0,1fr);}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardDayColumn + .fleetDashboardDayColumn {border-top:1px solid var(--fleet-rx-line);border-left:0;}}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage > :where(
.fleetTimeline,
.fleetMonthCalendar,
.fleetDispositionAgenda
) {margin: 0;border: 0;border-radius: 0;box-shadow: none;}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage > .fleetDispositionAgenda {gap: 0;padding: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage .fleetDispositionAgendaDay {border-right: 0;border-left: 0;border-radius: 0;}body.fleetaro-ui.fleetaro-vnext4 .fleetDispositionStage .fleetDispositionAgendaDay + .fleetDispositionAgendaDay {border-top: 0;}body.fleetaro-ui .workspace-detail-workspace {gap: 12px;}body.fleetaro-ui .workspace-detail-workspace__summary,
body.fleetaro-ui .workspace-detail-workspace__sections {min-width: 0;}body.fleetaro-ui .workspace-detail-workspace__actions {min-width: 0;padding: 10px 0 12px;border-bottom: 1px solid var(--fleet-rx-line, var(--fleet-line-soft));}body.fleetaro-ui .workspace-detail-workspace__sections {display: grid;gap: 14px;}body.fleetaro-ui .workspace-detail-summary {display: grid;min-width: 0;margin: 0;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1px;overflow: hidden;border: 1px solid var(--fleet-rx-line, var(--fleet-line));border-radius: var(--fleet-rx-radius-md, var(--fleet-radius));background: var(--fleet-rx-line, var(--fleet-line));}body.fleetaro-ui .workspace-detail-summary--columns-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}body.fleetaro-ui .workspace-detail-summary--columns-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}body.fleetaro-ui .workspace-detail-summary__item {display: grid;min-width: 0;align-content: start;gap: 4px;padding: 11px 12px;background: var(--fleet-rx-surface, var(--fleet-surface));}body.fleetaro-ui .workspace-detail-summary__item dt {color: var(--fleet-rx-text-muted, var(--fleet-muted));font-size: 11px;font-weight: 650;line-height: 1.25;}body.fleetaro-ui .workspace-detail-summary__item dd {min-width: 0;margin: 0;color: var(--fleet-rx-text, var(--fleet-text));font-size: 13px;font-weight: 680;line-height: 1.35;overflow-wrap: anywhere;}body.fleetaro-ui .workspace-detail-summary__item dd small {display: block;margin-top: 2px;color: var(--fleet-rx-text-muted, var(--fleet-muted));font-size: 11px;font-weight: 520;line-height: 1.35;}body.fleetaro-ui .workspace-detail-summary__item[data-summary-tone="danger"] dd {color: var(--fleet-danger);}body.fleetaro-ui .workspace-detail-summary__item[data-summary-tone="warning"] dd {color: var(--fleet-warning);}body.fleetaro-ui .workspace-evidence-gallery {display: grid;min-width: 0;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 8px;}body.fleetaro-ui .workspace-evidence-item {display: grid;min-width: 0;grid-template-columns: 72px minmax(0, 1fr);align-items: center;gap: 9px;padding: 8px;border: 1px solid var(--fleet-rx-line, var(--fleet-line));border-radius: var(--fleet-rx-radius-sm, var(--fleet-radius-sm));background: var(--fleet-rx-surface, var(--fleet-surface));}body.fleetaro-ui .workspace-evidence-item__media {display: grid;width: 72px;height: 54px;place-items: center;overflow: hidden;border-radius: calc(var(--fleet-rx-radius-sm, var(--fleet-radius-sm)) - 2px);background: var(--fleet-rx-surface-soft, var(--fleet-surface-soft));}body.fleetaro-ui .workspace-evidence-item__media :where(img, button) {max-width: 100%;max-height: 100%;}body.fleetaro-ui .workspace-evidence-item__media img {display: block;width: 100%;height: 100%;object-fit: cover;}body.fleetaro-ui .workspace-evidence-item__copy {display: grid;min-width: 0;gap: 2px;}body.fleetaro-ui .workspace-evidence-item__copy strong {font-size: 12px;font-weight: 680;}body.fleetaro-ui .workspace-evidence-item__copy small {color: var(--fleet-rx-text-muted, var(--fleet-muted));font-size: 10px;}body.fleetaro-ui .workspace-evidence-link,
body.fleetaro-ui .workspace-evidence-thumb {display: inline-grid;padding: 0;border: 0;background: transparent;color: var(--fleet-rx-accent, var(--fleet-primary));cursor: pointer;}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) :where(
.wizard-summary-grid,
.cost-mini,
.receivablesGrid
) {font-family: var(--fleet-rx-font, var(--fleet-font-family));}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) .wizard-summary-grid {gap: 1px;overflow: hidden;border: 1px solid var(--fleet-rx-line, var(--fleet-line));border-radius: var(--fleet-rx-radius-md, var(--fleet-radius));background: var(--fleet-rx-line, var(--fleet-line));}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) .wizard-summary-card {min-width: 0;padding: 11px 12px;border: 0;border-radius: 0;background: var(--fleet-rx-surface, var(--fleet-surface));box-shadow: none;}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) .wizard-summary-card strong,
body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) .cost-pill .k {color: var(--fleet-rx-text-muted, var(--fleet-muted));font-size: 11px;font-weight: 650;line-height: 1.25;}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) .wizard-summary-card > div,
body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) .cost-pill .v {margin-top: 4px;color: var(--fleet-rx-text, var(--fleet-text));font-size: 13px;font-weight: 680;line-height: 1.35;}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) :where(.cost-box, .invoice-totals-panel) {padding: 12px;border: 1px solid var(--fleet-rx-line, var(--fleet-line));border-radius: var(--fleet-rx-radius-md, var(--fleet-radius));background: var(--fleet-rx-surface-soft, var(--fleet-surface-soft));box-shadow: none;font-family: var(--fleet-rx-font, var(--fleet-font-family));}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) :where(.cost-strong, .invoice-total-final) {font-size: 13px;font-weight: 720;}body.fleetaro-ui :is(.workspace-wizard-shell, .workspace-create-edit-workbench) :where(.cost-sub, .cost-hint) {color: var(--fleet-rx-text-muted, var(--fleet-muted));font-size: 11px;line-height: 1.4;}body.fleetaro-ui .workspace-compound-field {display: grid;min-width: 0;align-content: start;gap: 6px;}body.fleetaro-ui .workspace-compound-field__label {color: var(--fleet-rx-text-secondary, var(--fleet-muted));font-size: var(--fleet-rx-label, 12px);font-weight: 650;line-height: 1.3;}body.fleetaro-ui .workspace-compound-field > .workspace-form-grid {gap: 8px;}body.fleetaro-ui .workspace-compound-field .workspace-form-field > label {font-size: 11px;}@media (max-width: 1024px) {body.fleetaro-ui .workspace-detail-summary {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 620px) {body.fleetaro-ui .workspace-detail-summary,
body.fleetaro-ui .workspace-detail-summary--columns-2,
body.fleetaro-ui .workspace-detail-summary--columns-3 {grid-template-columns: minmax(0, 1fr);}body.fleetaro-ui .workspace-evidence-gallery {grid-template-columns: minmax(0, 1fr);}}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table-scroll--row-cap.is-row-capped{max-height:var(--workspace-data-table-cap-height,232px);overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table-scroll--row-cap.is-row-capped::-webkit-scrollbar{width:0;height:0}body.fleetaro-ui.fleetaro-vnext4 .workspace-data-table-scroll--row-cap.is-row-capped .workspace-data-table thead{position:sticky;top:0;z-index:3}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardSecondary .workspace-data-table :where(th,td):last-child{border-right:0}body.fleetaro-ui.fleetaro-vnext4 .fleetDashboardTaskPreview{max-height:none;overflow:visible}.drivelink-dialog-backdrop{position:fixed;inset:0;z-index:99997;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.drivelink-dialog{display:flex;width:min(520px,100%);max-height:calc(100dvh - 36px);flex-direction:column;overflow:hidden}.drivelink-dialog>header{display:grid;grid-template-columns:minmax(0,1fr) 40px;min-height:64px;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--fleet-line-soft)}.drivelink-dialog>.workspace-confirmation-dialog__header{grid-template-columns:36px minmax(0,1fr) 40px}.workspace-confirmation-dialog__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);font-weight:760}.workspace-confirmation-dialog[data-dialog-variant="danger"] .workspace-confirmation-dialog__icon{background:color-mix(in srgb,var(--fleet-danger) 11%,transparent);color:var(--fleet-danger)}.workspace-confirmation-dialog__heading{display:grid;min-width:0}.drivelink-dialog h2{margin:0;font-size:16px;line-height:1.3}.workspace-confirmation-dialog__heading>span{color:var(--fleet-muted);font-size:10px;font-weight:680;line-height:1.25;letter-spacing:.04em;text-transform:uppercase}.drivelink-dialog .dialog-body{display:grid;gap:12px;padding:18px 20px;overflow:auto;line-height:1.55}.workspace-confirmation-dialog__body>p{margin:0}.drivelink-dialog .dialog-fields{display:grid;gap:10px;padding:0 20px 18px;overflow:auto}.workspace-confirmation-dialog__actions,.drivelink-dialog>footer{display:flex;flex:none;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--fleet-line-soft);background:var(--fleet-surface-soft)}body.fleetaro-ui .workspace-confirmation-dialog button.dialog-primary{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}body.fleetaro-ui .workspace-confirmation-dialog button.dialog-primary:hover:not(:disabled){border-color:var(--brand-primary-hover,var(--brand-primary));background:var(--brand-primary-hover,var(--brand-primary))}body.fleetaro-ui .workspace-confirmation-dialog button.dialog-danger{border-color:var(--fleet-danger);background:var(--fleet-danger);color:#fff}body.fleetaro-ui .workspace-detail-control-center{overflow:hidden;border:1px solid var(--fleet-rx-line,var(--fleet-line));border-radius:var(--fleet-rx-radius-md,var(--fleet-radius));background:var(--fleet-rx-surface,var(--fleet-surface))}body.fleetaro-ui .workspace-detail-control-center__content{align-self:stretch;padding:0;background:var(--fleet-rx-surface,var(--fleet-surface))}body.fleetaro-ui .workspace-detail-pane{display:grid;min-width:0;align-content:start;gap:0}body.fleetaro-ui .workspace-detail-pane__header{box-sizing:border-box;display:flex;min-width:0;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--fleet-rx-line,var(--fleet-line-soft))}body.fleetaro-ui .workspace-detail-pane__heading{display:grid;min-width:0;gap:2px}body.fleetaro-ui .workspace-detail-pane__heading h3{margin:0;color:var(--fleet-rx-text,var(--fleet-text));font:690 15px/1.3 var(--fleet-rx-font,var(--fleet-font-family))}body.fleetaro-ui .workspace-detail-pane__heading p{min-width:0;margin:0;overflow:hidden;color:var(--fleet-rx-text-muted,var(--fleet-muted));font:520 11px/1.35 var(--fleet-rx-font,var(--fleet-font-family));text-overflow:ellipsis;white-space:nowrap}body.fleetaro-ui .workspace-detail-pane__header-actions{display:flex;flex:none;align-items:center;gap:6px}body.fleetaro-ui .workspace-detail-pane__body{display:grid;min-width:0;align-content:start;gap:12px;padding:16px}body.fleetaro-ui .workspace-detail-pane__body>:first-child{margin-top:0}body.fleetaro-ui .workspace-detail-pane--standalone>.workspace-detail-pane__body{padding:0}body.fleetaro-ui .workspace-detail-control-center__panel[hidden]{display:none!important}body.fleetaro-ui .workspace-detail-control-center__panel:focus{outline:0}body.fleetaro-ui .workspace-detail-actionbar__overflow-surface>:is(button,a){width:100%;justify-content:flex-start}@media(max-width:560px){.drivelink-dialog-backdrop{align-items:end;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.workspace-confirmation-dialog__actions,.drivelink-dialog>footer{display:grid;grid-template-columns:1fr;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.workspace-confirmation-dialog__actions>button,.drivelink-dialog>footer>button{width:100%}}