/* Dense operational workspaces: identity, query, results, and contextual actions. */ .fleet-workflow { font-size: 12px; line-height: 1.45; gap: 8px; } .fleet-workflow :is(h1,h2,h3,h4,h5,p) { margin-block: 0; } .fleet-workflow :is(.semi-button,.semi-input,.semi-select,.semi-tag) { font-size: 12px; } .fleet-workflow :is(.semi-button,.semi-select,.semi-input-wrapper) { min-height: 30px; } .fleet-workflow :is(.semi-card,.v2-filterbar) { border-radius: 6px; box-shadow: none; } .fleet-workflow :is(.v2-workspace-command-bar,.v2-workspace-panel-header) { padding: 8px 12px; min-height: 44px; } .fleet-workflow :is(.v2-workspace-command-title,h1) { font-size: 18px; line-height: 1.3; } .fleet-workflow :is(h3,h4,h5,.v2-plate) { font-size: 14px; line-height: 1.4; } .fleet-workflow .v2-workspace-metric-list { gap: 0; } .fleet-workflow .v2-workspace-metric-list > span { min-height: 52px; padding: 6px 12px; } .fleet-workflow .v2-workspace-metric-list strong { font-size: 19px; line-height: 1.25; } .fleet-workflow .v2-workspace-metric-list :is(small,em) { font-size: 11px; } .fleet-workflow .v2-workspace-metric-action { padding: 0; min-height: 38px; } .fleet-workflow .v2-workspace-metric-context { padding: 6px 12px; } .fleet-workflow .v2-monitor-summary-support :is(strong,small) { font-size: 12px; } .fleet-workflow .v2-monitor-summary-support em { display: none; } .fleet-workflow .v2-filterbar { padding: 8px 10px; gap: 8px; } .fleet-workflow .v2-monitor-filter-fields { gap: 8px; } .fleet-workflow .v2-vehicle-row { min-height: 48px; padding: 6px 10px; } .fleet-workflow .v2-vehicle-row :is(strong,small) { font-size: 12px; line-height: 1.4; } .fleet-workflow :is(.v2-vehicle-rail > header,.v2-vehicle-rail > footer) { padding: 8px 10px; min-height: 32px; font-size: 12px; } .fleet-workflow .v2-rail-search { padding: 4px 10px; min-height: 26px; } .fleet-workflow :is(.business-data-table,.semi-table) { font-size: 12px; } .fleet-workflow :is(.business-data-table,.semi-table) :is(th,td) { padding: 6px 10px; font-size: 12px; } .fleet-workflow :is(.v2-monitor-live-value,.v2-monitor-vehicle-action strong,.v2-vehicle-directory-identity strong,.v2-vehicle-directory-profile strong) { font-size: 12px; } .fleet-workflow :is(.v2-monitor-vehicle-action,.v2-vehicle-directory-identity,.v2-vehicle-directory-profile) { min-height: 32px; gap: 0; padding: 0; } .fleet-workflow :is(.v2-monitor-vehicle-action span,.v2-vehicle-directory-identity small,.v2-vehicle-directory-profile small,.v2-monitor-coordinate) { font-size: 11px; line-height: 1.4; } .fleet-row-actions { display: flex; gap: 10px; white-space: nowrap; } .fleet-row-actions a { color: var(--semi-color-primary); text-decoration: none; } .fleet-row-actions a:hover { text-decoration: underline; } .fleet-status { white-space: nowrap; } .fleet-status.is-driving,.fleet-status.is-online { color: var(--semi-color-success); } .fleet-results-toolbar { display: flex; align-items: center; gap: 16px; min-height: 38px; padding: 4px 12px; border-bottom: 1px solid var(--semi-color-border); } .fleet-results-toolbar h5 { font-size: 13px; } .fleet-results-toolbar > span { flex: 1; color: var(--semi-color-text-2); font-size: 12px; } .fleet-workflow .v2-vehicle-discovery-shell { gap: 8px; padding: 0; } .fleet-workflow .v2-vehicle-query-panel { padding: 8px 12px; } .fleet-workflow .v2-vehicle-business-filter-grid { gap: 8px; } .fleet-workflow .v2-vehicle-business-filter-grid label { gap: 3px; font-size: 11px; } .fleet-workflow .v2-vehicle-directory-context { padding: 6px 12px; } .fleet-workflow .v2-vehicle-section-nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 10px; } .fleet-workflow .v2-record-grid { gap: 8px; } .fleet-workflow .v2-record-grid.is-focused-section { display: block; } .fleet-workflow .v2-record-section-anchor[hidden] { display: none !important; } .fleet-workflow .v2-record-grid.is-focused-section > :not([hidden]) { width: 100%; } .fleet-workflow .v2-telemetry-metric-grid { grid-template-columns: repeat(auto-fill,minmax(190px,1fr)); gap: 6px; padding: 8px 12px; } .fleet-workflow .v2-telemetry-metric { padding: 8px; min-height: 68px; } .fleet-workflow .v2-telemetry-metric-value strong { font-size: 18px; } .fleet-workflow .v2-track-query { padding: 10px 12px; gap: 8px; } .fleet-workflow .v2-track-list-action { padding: 8px 10px; min-height: 48px; } .fleet-workflow .v2-track-list-action :is(strong,small,em) { font-size: 12px; } .fleet-workflow .v2-track-current-metrics strong { font-size: 18px; } .fleet-workflow .v2-track-current-metrics { padding: 8px 12px; } .fleet-workflow .v2-track-current-card > .semi-card-body > p { margin: 0; padding: 6px 12px; font-size: 11px; } .fleet-workflow .v2-track-overview-card-body { padding: 10px 12px; } @media (min-width: 761px) { .fleet-workflow.v2-monitor-page .v2-monitor-workspace { grid-template-columns: 248px minmax(0,1fr); } .fleet-workflow.v2-monitor-page .v2-monitor-workspace.is-detail-open { grid-template-columns: 248px minmax(0,1fr) 300px; } .fleet-workflow .v2-vehicle-search-form { gap: 8px; } .fleet-workflow .v2-vehicle-command-header { padding: 10px 12px; } .fleet-workflow .v2-vehicle-live-section { padding: 0 12px 8px; } } @media (max-width: 760px) { .fleet-workflow :is(.semi-button,.semi-select,.semi-input-wrapper) { min-height: 40px; } .fleet-workflow .v2-workspace-metric-action { min-height: 40px; } .fleet-workflow .v2-workspace-metric-list > span { padding: 6px 8px; } .fleet-workflow .v2-workspace-metric-list strong { font-size: 17px; } .fleet-results-toolbar { flex-wrap: wrap; gap: 6px 10px; } .fleet-results-toolbar > span { flex-basis: 50%; font-size: 11px; } .fleet-workflow .v2-vehicle-section-nav { flex-wrap: nowrap; overflow-x: auto; } .fleet-workflow .v2-vehicle-section-nav > * { flex-shrink: 0; } } /* Compound fleet controls own their content height; global compact buttons are single-line. */ .business-shell[data-density="compact"] .v2-content .fleet-workflow :is(.v2-vehicle-row,.v2-track-list-action).semi-button { height: auto; min-height: 48px; padding: 6px 10px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-vehicle-action.semi-button { height: auto; min-height: 32px; padding: 0; white-space: normal; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list { padding: 0; gap: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] { padding: 6px 12px; min-height: 52px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] strong { font-size: 19px; line-height: 1.25; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail .v2-workspace-metric-action.semi-button { height: auto; min-height: 38px; padding: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-vehicle-query-panel { padding: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-vehicle-search-form { padding: 8px 12px; gap: 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-vehicle-business-filter-grid { gap: 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-query { padding: 10px 12px; gap: 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-query > .v2-track-query-button { height: 32px; min-height: 32px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-list-action .semi-button-content :is(strong,small,em) { font-size: 12px; line-height: 17px; } /* The mobile track inspector is portaled outside the workspace root. */ html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-list-action.semi-button { height: auto; min-height: 48px; padding: 6px 10px; } html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-list-action .semi-button-content :is(strong,small,em) { font-size: 12px; line-height: 17px; } html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-workspace-metric-action.semi-button { height: auto; min-height: 40px; padding: 0; } @media (max-width: 760px) { .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-vehicle-action.semi-button, .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail .v2-workspace-metric-action.semi-button, .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-query > .v2-track-query-button { min-height: 40px; height: auto; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] { padding: 6px 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] strong { font-size: 17px; } } /* Monitor's summary is one compact row; legacy support cells must not dictate its height. */ .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-rail.is-queue.has-context > .semi-card-body { min-height: 0; height: auto; padding: 0; align-items: stretch; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-rail .v2-workspace-metric-context { min-height: 0; height: auto; width: 220px; min-width: 220px; padding: 0 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; height: 100%; align-items: center; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support > span, .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support > .v2-monitor-summary-support-action.semi-button { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 48px; height: auto; min-width: 0; padding: 4px; overflow: visible; gap: 2px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support-action .semi-button-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; white-space: nowrap; overflow: visible; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support :is(small,strong) { margin: 0; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: visible; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-map-control-button.semi-button { min-height: 48px; height: auto; padding: 6px 10px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .fleet-row-actions { display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .fleet-row-actions > a { display: inline-flex; align-items: center; min-height: 30px; text-decoration: none; } @media (min-width: 761px) { .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-monitor-page > .v2-filterbar { padding: 8px 10px; min-height: 50px; height: auto; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-monitor-page > .v2-filterbar > .semi-card-body { display: flex; align-items: center; padding: 0; min-height: 32px; gap: 10px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-fields { display: grid; grid-template-columns: minmax(180px,1fr) 120px 116px auto; gap: 8px; min-height: 32px; padding: 0; margin: 0; flex: 1 1 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-fields > .v2-search-field, .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-fields [data-slot="input-group"] { height: 32px; min-height: 32px; padding-block: 0; margin: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-actions { flex: 0 0 auto; min-height: 32px; gap: 6px; } } @media (max-width: 760px) { .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-rail .v2-workspace-metric-context { width: 100%; min-width: 0; padding: 0 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support { grid-template-columns: 1fr 1fr; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .fleet-row-actions > a { min-height: 40px; padding-inline: 4px; } } /* Single-vehicle identity stays above the fold with two deliberate compact rows. */ .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-plate { font-size: 18px; line-height: 24px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-section { padding: 0 12px 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-section > .v2-workspace-panel-header { min-height: 32px; padding: 4px 0; gap: 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-section .v2-workspace-panel-description { display: none; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail > .semi-card-body, .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-context { min-height: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-current-location { min-height: 32px; padding: 4px 0; gap: 12px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-current-location > span { padding: 0; min-height: 0; } @media (min-width: 961px) { .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command { display: grid; grid-template-columns: minmax(210px,.8fr) minmax(0,2fr); align-items: center; min-height: 76px; height: auto; padding: 8px 12px; gap: 8px 16px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command > .v2-workspace-command-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: 0; min-width: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command > .v2-workspace-command-actions { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 4px; min-width: 0; padding: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 0; margin: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta > span { display: flex; flex-direction: row; align-items: center; gap: 6px; padding: 0; border: 0; min-height: 20px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta :is(small,strong) { font-size: 11px; line-height: 16px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; margin: 0; } } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-result-metric-rail.is-queue .v2-workspace-metric-list, html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-result-metric-rail .v2-workspace-metric-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; padding: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-result-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"], html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-result-metric-rail .v2-workspace-metric-list > [role="listitem"] { grid-area: auto; min-height: 48px; padding: 4px 10px; } html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-workspace-config-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 0; } html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-workspace-config-summary > span > small, html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-result-metric-rail .v2-workspace-metric-list small { white-space: normal; overflow: visible; text-overflow: clip; max-width: 100%; font-size: 11px; line-height: 16px; } @media (max-width: 760px) { .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-item-shell { height: auto; min-height: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-item.semi-button { height: auto; min-height: 76px; padding: 8px 26px 8px 12px; white-space: normal; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-item .semi-button-content { height: auto; min-height: 60px; row-gap: 4px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-identity strong { font-size: 13px; line-height: 18px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 :is(.v2-vehicle-recent-identity,.v2-vehicle-recent-status) small { font-size: 11px; line-height: 16px; } } /* The 290px vehicle inspector has its own vertical metric layout. */ .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.v2-workspace-metric-rail.is-queue.has-context > .semi-card-body { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; min-height: 0; min-width: 0; padding: 0; gap: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.is-queue .v2-workspace-metric-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto; width: 100%; min-width: 0; padding: 0; gap: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] { display: flex; flex-direction: column; align-items: stretch; justify-content: center; grid-area: auto; min-width: 0; min-height: 56px; padding: 6px 8px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-action.semi-button, .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-action .semi-button-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; min-height: 42px; height: auto; padding: 0; gap: 2px; white-space: normal; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] strong { width: auto; max-width: 100%; font-size: 17px; line-height: 22px; white-space: nowrap; overflow: visible; text-overflow: clip; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-list .v2-monitor-detail-unit { display: inline; font-size: 10px; margin-left: 3px; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-context { grid-area: auto; display: block; width: 100%; min-width: 0; min-height: 0; padding: 0; border-left: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-monitor-detail-state { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; min-width: 0; gap: 0; } .business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-monitor-detail-state > span { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 40px; padding: 6px 8px; gap: 4px; }