.scheduler-left-sidebar {
    border-right: 1px rgb(229 231 235 / 100%) solid;
    height: 100vh;
    overflow-y: scroll;
}

body[data-theme='dark'] .scheduler-left-sidebar {
    border-right: 1px rgb(55 65 81 / 100%) solid;
}

.scheduler-left-sidebar > .next-content-panel-wrapper > .next-content-panel-container > .next-content-panel > .next-content-panel-header.next-content-panel-is-closed {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.scheduler-left-sidebar > .next-content-panel-wrapper > .next-content-panel-container > .next-content-panel > .next-content-panel-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
}

.scheduler-left-sidebar > .next-content-panel-wrapper > .next-content-panel-container > .next-content-panel > .next-content-panel-body {
    border-left: 0;
    border-right: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.scheduler-left-sidebar > .next-content-panel-wrapper:not(.is-closed) + .next-content-panel-wrapper > .next-content-panel-container > .next-content-panel > .next-content-panel-header {
    border-top: 1px rgba(229, 231, 235, var(--tw-border-opacity, 1)) solid;
}

body[data-theme='dark']
    .scheduler-left-sidebar
    > .next-content-panel-wrapper:not(.is-closed)
    + .next-content-panel-wrapper
    > .next-content-panel-container
    > .next-content-panel
    > .next-content-panel-header {
    border-top: 1px rgba(55, 65, 81, var(--tw-border-opacity, 1)) solid;
}

.fleetbase-console.console-fleet-ops-operations-orders-index-new,
.fleetbase-console.console-fleet-ops-operations-orders-index-view,
.fleetbase-console .dragSortList {
    overflow: visible !important;
}

.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.online-status,
.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-green-500,
.next-fleet-summary-fleet .next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-green-500 {
    color: rgb(34 197 94) !important;
}

.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.idle-status,
.next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-yellow-200,
.next-fleet-summary-fleet .next-content-panel-body > .next-content-panel-body-inner > a.next-nav-item > .next-nav-item-icon-container > svg.text-yellow-200 {
    color: rgb(254 240 138) !important;
}

.next-fleet-summary {
    --fleet-summary-toggle-base-padding: 1.5rem;
    --fleet-summary-nav-item-base-padding: 1.5rem;
}

.next-sidebar .next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-toggle,
.next-sidebar .next-sidebar-panel-container.next-fleet-summary > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-toggle {
    padding-left: 2rem;
}

.next-sidebar .next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item,
.next-sidebar .next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-sidebar-panel-body .next-nav-item.driver-nav-item {
    padding-left: 3.5rem;
}

/** content panel dropdown button */
.next-sidebar .next-sidebar-panel-container.next-driver-listing > .next-sidebar-panel > .next-content-panel > .next-content-panel-header.next-sidebar-panel-toggle {
    padding-right: 0.25rem;
}

.next-sidebar
    .next-sidebar-panel-container.next-driver-listing
    > .next-sidebar-panel
    > .next-content-panel
    > .next-content-panel-header.next-sidebar-panel-toggle
    .ember-basic-dropdown
    button,
.next-sidebar
    .next-sidebar-panel-container.next-driver-listing
    > .next-sidebar-panel
    > .next-content-panel
    > .next-content-panel-header.next-sidebar-panel-toggle
    .ember-basic-dropdown-trigger
    button {
    padding: 0.15rem 0.625rem;
    font-size: 10px;
    line-height: 0.5;
}

.multi-drop-select-container .fleetbase-model-select.fleetbase-power-select.ember-model-select > .ember-model-select__loading {
    background: none;
    border: none;
    box-shadow: none;
}

body[data-theme='dark'] .next-table-wrapper.order-view-purchase-rate-table-wrapper > table#order-view-purchase-rate-table tbody tr td {
    background-color: rgb(31, 41, 55);
    color: rgb(249, 250, 251);
}

nav.next-sidebar {
    height: 100%;
    overflow: hidden;
}

/** places management css mods */

.next-content-overlay.place-panel > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header,
.next-content-overlay.place-form-panel > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header {
    display: grid;
    grid-template-columns: 3fr 2fr;
    height: auto;
    align-items: start;
    padding: 0.65rem 1rem;
}

.next-content-overlay.place-panel > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header > .next-view-header-left > div > div,
.next-content-overlay.place-form-panel > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header > .next-view-header-left > div > div {
    flex-direction: column !important;
    justify-content: start;
    align-items: start;
}

.next-content-overlay.place-panel
    > .next-content-overlay-panel-container
    > .next-content-overlay-panel
    .next-content-overlay-panel-header
    > .next-view-header-left
    .next-content-overlay-panel-title,
.next-content-overlay.place-form-panel
    > .next-content-overlay-panel-container
    > .next-content-overlay-panel
    .next-content-overlay-panel-header
    > .next-view-header-left
    .next-content-overlay-panel-title {
    white-space: initial;
}

.next-content-overlay.place-panel > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header > .next-view-header-left .status-badge,
.next-content-overlay.place-form-panel > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header > .next-view-header-left .status-badge {
    margin-left: 0 !important;
}

/** end places management mods */

body.fleetbase-console .next-content-overlay > .next-content-overlay-panel-container > .next-content-overlay-panel .next-content-overlay-panel-header > .next-view-header-right .btn-wrapper {
    flex-shrink: 0;
}

.fleetops-connectivity-kpi-tile {
    transition:
        transform 160ms ease-out,
        box-shadow 160ms ease-out,
        border-color 160ms ease-out;
}

.fleetops-connectivity-kpi-tile:hover {
    box-shadow: 0 8px 24px -12px rgb(15 23 42 / 35%);
}

.fleetops-connectivity-kpi-tile .fleetops-connectivity-kpi-icon {
    color: #64748b;
    background-color: rgb(100 116 139 / 12%);
}

.fleetops-connectivity-kpi-accent-blue {
    border-color: rgb(59 130 246 / 28%);
    background-image: linear-gradient(135deg, rgb(59 130 246 / 10%) 0%, rgb(59 130 246 / 0%) 62%);
}

.fleetops-connectivity-kpi-accent-green {
    border-color: rgb(16 185 129 / 28%);
    background-image: linear-gradient(135deg, rgb(16 185 129 / 10%) 0%, rgb(16 185 129 / 0%) 62%);
}

.fleetops-connectivity-kpi-accent-amber {
    border-color: rgb(245 158 11 / 32%);
    background-image: linear-gradient(135deg, rgb(245 158 11 / 12%) 0%, rgb(245 158 11 / 0%) 62%);
}

.fleetops-connectivity-kpi-accent-rose {
    border-color: rgb(244 63 94 / 28%);
    background-image: linear-gradient(135deg, rgb(244 63 94 / 10%) 0%, rgb(244 63 94 / 0%) 62%);
}

.fleetops-connectivity-kpi-accent-blue .fleetops-connectivity-kpi-icon {
    color: rgb(37 99 235);
    background-color: rgb(59 130 246 / 12%);
}

.fleetops-connectivity-kpi-accent-green .fleetops-connectivity-kpi-icon {
    color: rgb(5 150 105);
    background-color: rgb(16 185 129 / 12%);
}

.fleetops-connectivity-kpi-accent-amber .fleetops-connectivity-kpi-icon {
    color: rgb(217 119 6);
    background-color: rgb(245 158 11 / 14%);
}

.fleetops-connectivity-kpi-accent-rose .fleetops-connectivity-kpi-icon {
    color: rgb(225 29 72);
    background-color: rgb(244 63 94 / 12%);
}

body[data-theme='dark'] .fleetops-connectivity-kpi-accent-blue .fleetops-connectivity-kpi-icon {
    color: rgb(147 197 253);
}

body[data-theme='dark'] .fleetops-connectivity-kpi-accent-green .fleetops-connectivity-kpi-icon {
    color: rgb(110 231 183);
}

body[data-theme='dark'] .fleetops-connectivity-kpi-accent-amber .fleetops-connectivity-kpi-icon {
    color: rgb(252 211 77);
}

body[data-theme='dark'] .fleetops-connectivity-kpi-accent-rose .fleetops-connectivity-kpi-icon {
    color: rgb(251 113 133);
}

.fleetops-provider-connections-actions .fleetops-provider-connections-search {
    min-width: 16rem;
}

.fleetops-provider-connections-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

@media (width >= 1024px) {
    .fleetops-provider-connections-header {
        grid-template-columns: minmax(0, 26rem) minmax(22rem, max-content);
        align-items: start;
        justify-content: space-between;
    }
}

.fleetops-provider-connections-actions .fleetops-provider-connections-action-button,
.fleetops-provider-connections-actions .fleetops-telematics-action-button,
.fleetops-provider-connections-actions button {
    flex-shrink: 0;
    white-space: nowrap;
}

.fleetops-provider-connections-actions button span {
    white-space: nowrap;
}

.fleetops-attachments-vehicle-filter-trigger.ember-power-select-trigger {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding-right: 1.75rem;
}

.fleetops-attachments-vehicle-filter-trigger.ember-power-select-trigger .ember-power-select-placeholder,
.fleetops-attachments-vehicle-filter-trigger.ember-power-select-trigger .ember-power-select-selected-item {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleetops-attachments-vehicle-filter-trigger.ember-power-select-trigger .ember-power-select-status-icon {
    display: block;
    right: 0.65rem;
}

.status-badge.long-offline-status-badge > span,
.status-badge.long_offline-status-badge > span {
    background-color: #854d0e;
    border-color: #a16207;
    color: #fef9c3;
}

.status-badge.long-offline-status-badge > span svg,
.status-badge.long_offline-status-badge > span svg {
    color: #fde047;
}

.fleetops-device-status-badge.status-badge > span {
    padding: 0 0.25rem !important;
    border-radius: 0.125rem !important;
    font-size: 0.5625rem !important;
    line-height: 0.75rem !important;
    font-weight: 700;
}

.fleetops-provider-connections-panel .table-wrapper table tbody tr td,
.fleetops-provider-connections-panel .next-table-wrapper table tbody tr td {
    vertical-align: top;
}

.fleetops-provider-connections-panel .table-wrapper table tbody tr td.fleetops-provider-connections-cell-middle,
.fleetops-provider-connections-panel .next-table-wrapper table tbody tr td.fleetops-provider-connections-cell-middle {
    vertical-align: middle;
}

body[data-theme='dark'] .fleetops-provider-connections-panel .table-wrapper.table-fluid,
body[data-theme='dark'] .fleetops-provider-connections-panel .table-wrapper.table-fluid table,
body[data-theme='dark'] .fleetops-provider-connections-panel .table-wrapper.table-fluid table tbody,
body[data-theme='dark'] .fleetops-provider-connections-panel .table-wrapper.table-fluid table tbody tr,
body[data-theme='dark'] .fleetops-provider-connections-panel .table-wrapper.table-fluid table tbody tr td,
body[data-theme='dark'] .fleetops-provider-connections-panel .next-table-wrapper,
body[data-theme='dark'] .fleetops-provider-connections-panel .next-table-wrapper table,
body[data-theme='dark'] .fleetops-provider-connections-panel .next-table-wrapper table tbody,
body[data-theme='dark'] .fleetops-provider-connections-panel .next-table-wrapper table tbody tr,
body[data-theme='dark'] .fleetops-provider-connections-panel .next-table-wrapper table tbody tr td {
    background-color: rgb(17 24 39);
}

body[data-theme='dark'] .fleetops-provider-connections-panel .table-wrapper.table-fluid table tbody tr:nth-child(even):not(.is-selected) td,
body[data-theme='dark'] .fleetops-provider-connections-panel .next-table-wrapper table tbody tr:nth-child(even):not(.is-selected) td {
    background-color: rgb(17 24 39);
}

.fleetops-provider-connections-panel div.has-floating-pagination,
.fleetops-provider-connections-panel .next-table-wrapper.has-floating-pagination {
    padding-bottom: 0;
}

/** calendar event css mods */

#fleet-ops-scheduler-calendar .fc-h-event .fc-event-main .fc-event-title {
    display: block;
    white-space: pre;
    word-break: break-word;
    padding: 0.05rem 0.2rem;
    text-overflow: ellipsis;
    font-size: 0.7rem;
}

#fleet-ops-scheduler-sidebar .fleetbase-model-select > .ember-basic-dropdown > .ember-basic-dropdown-trigger {
    box-shadow: none;
    background-color: inherit;
    padding: 0 0.25rem;
    border: 1px rgb(161 161 161 / 7%) solid;
    border-radius: 0;
    line-height: 1rem;
    width: 11rem;
    background-image: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#fleet-ops-scheduler-sidebar .fleetbase-model-select > .ember-basic-dropdown > .ember-basic-dropdown-trigger > .ember-power-select-selected-item,
#fleet-ops-scheduler-sidebar .fleetbase-model-select > .ember-basic-dropdown > .ember-basic-dropdown-trigger > .ember-power-select-selected-item span {
    font-size: 0.65rem;
}

#fleet-ops-scheduler-sidebar .fleetbase-model-select > .ember-basic-dropdown > .ember-basic-dropdown-trigger > .ember-power-select-clear-btn {
    margin: 0.15rem 0.25rem;
    padding: 0;
    width: 1rem;
    height: 1rem;
    right: 0;
}

#fleet-ops-scheduler-sidebar .fleetbase-model-select > .ember-basic-dropdown + .ember-model-select__loading {
    box-shadow: none;
    background-color: inherit;
    border: 0;
}

.fleetops-pill-tabs > nav {
    display: flex;
    flex-direction: row;
}

.fleetops-pill-tabs > nav > a.ui-tab {
    border-radius: 1rem;
    border: 1px solid #374151;
    background-color: #1f2937;
    margin-right: 0.75rem;
    padding: 0.15rem 1rem;
    font-size: 0.85rem;
}

.fleetops-route-stop-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255 255 255 / 92%);
    border-radius: 9999px;
    font-weight: 700;
    line-height: 1;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 15%),
        0 1px 2px -1px rgb(0 0 0 / 15%);
    box-sizing: border-box;
}

.fleetops-route-editor-surface {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fleetops-route-editor-section {
    border: 1px solid rgb(55 65 81 / 75%);
    border-radius: 0.5rem;
    overflow: visible;
}

.fleetops-route-editor-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid rgb(55 65 81 / 75%);
}

.fleetops-route-editor-section__title-group {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.fleetops-route-editor-section__title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #f3f4f6;
    line-height: 1.2;
}

.fleetops-route-editor-section__subtitle {
    font-size: 0.72rem;
    color: #9ca3af;
    margin-top: 0.12rem;
}

.fleetops-route-editor-section__body {
    padding: 0.9rem;
}

.fleetops-route-editor-section__badge {
    min-width: 1.9rem;
    height: 1.9rem;
    font-size: 0.82rem;
    border-width: 2px;
    border-radius: 9999px;
}

.fleetops-route-editor-stop-row {
    display: grid;
    grid-template-columns: 18px minmax(72px, 84px) minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgb(55 65 81 / 75%);
    border-radius: 0.5rem;
    background-color: rgb(17 24 39 / 35%);
    margin-bottom: 0.25rem;
}

.fleetops-route-editor-stop-row__grip {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    padding-top: 0.25rem;
}

.fleetops-route-editor-stop-row__label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding-top: 0.15rem;
}

.fleetops-route-editor-stop-row__badge {
    min-width: 1.9rem;
    height: 1.9rem;
    width: 1.9rem;
    font-size: 0.82rem;
    flex-shrink: 0;
    border-width: 2px;
    border-radius: 9999px;
}

.fleetops-route-editor-stop-row__title {
    font-size: 0.78rem;
    font-weight: 600;
    color: #e5e7eb;
    line-height: 1.2;
}

.fleetops-route-editor-stop-row__field {
    min-width: 0;
}

.fleetops-route-editor-stop-row__actions {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.fleetops-order-form-waypoint {
    position: relative;
}

.fleetops-order-form-waypoint--required {
    border-color: #f97316 !important;
    padding-top: 1.25rem;
    box-shadow:
        0 1px 3px 0 rgb(249 115 22 / 15%),
        0 0 0 1px rgb(249 115 22 / 10%);
}

.fleetops-order-form-waypoint__required-tab {
    position: absolute;
    top: -1px;
    right: -1px;
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    background-color: #f97316;
    color: #fff7ed;
    padding: 0.15rem 0.5rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.fleetops-order-form-waypoint__marker {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
    min-width: 3.25rem;
    padding-top: 0.15rem;
}

.fleetops-order-form-waypoint__badge {
    min-width: 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.fleetops-route-editor-empty-state {
    border: 1px dashed rgb(75 85 99 / 75%);
    border-radius: 0.5rem;
    padding: 0.9rem;
}

body[data-theme='light'] .fleetops-route-editor-section {
    border-color: rgb(209 213 219 / 95%);
}

body[data-theme='light'] .fleetops-route-editor-section__header,
body[data-theme='light'] .fleetops-route-editor-stop-row {
    border-color: rgb(209 213 219 / 85%);
}

body[data-theme='light'] .fleetops-route-editor-section__title,
body[data-theme='light'] .fleetops-route-editor-stop-row__title {
    color: #111827;
}

body[data-theme='light'] .fleetops-route-editor-section__subtitle,
body[data-theme='light'] .fleetops-route-editor-empty-state .text-xs {
    color: #6b7280;
}

body[data-theme='light'] .fleetops-route-editor-empty-state {
    border-color: rgb(209 213 219 / 95%);
}

body[data-theme='light'] .fleetops-route-editor-stop-row {
    background-color: rgb(249 250 251 / 98%);
}

@media (width <= 991px) {
    .fleetops-route-editor-section__header {
        flex-direction: column;
        align-items: stretch;
    }

    .fleetops-route-editor-stop-row {
        grid-template-columns: 18px minmax(64px, 78px) minmax(0, 1fr);
    }

    .fleetops-route-editor-stop-row__actions {
        grid-column: 2 / -1;
        justify-content: flex-end;
    }
}

.fleetops-pill-tabs > nav > a.ui-tab.active {
    background-color: #3b82f6;
    border: 1px solid #2563eb;
}

.fleetops-pill-tabs > nav > a.ui-tab:hover {
    opacity: 0.75;
}

body[data-theme='light'] .fleetops-pill-tabs > nav > a.ui-tab {
    background-color: #e5e7eb;
    border: 1px solid #d1d5db;
}

body[data-theme='light'] .fleetops-pill-tabs > nav > a.ui-tab.active {
    background-color: #3b82f6;
    border: 1px solid #2563eb;
    color: #fff;
}

.next-view-section-subheader .next-view-section-subheader-actions button.btn.order-config-select-button,
.btn.order-config-select-button {
    padding-top: 0.265rem !important;
    padding-bottom: 0.265rem !important;
}

.order-config-custom-field-type-pill {
    max-width: 100px;
}

body[data-theme='light'] .flow-activity {
    stroke: #e5e7eb;
    fill: rgba(249, 250, 251, 0.5);
}

body[data-theme='light'] .flow-activity:hover,
body[data-theme='light'] .joint-type-fleetbase-activity:hover .flow-activity {
    stroke: #2563eb;
}

body[data-theme='light'] .joint-type-fleetbase-activity text {
    fill: #030712;
}

body[data-theme='light'] .flow-activity-status-pill {
    fill: #f3f4f6;
    stroke: #f3f4f6;
}

body[data-theme='light'] .flow-activity-status-pill text {
    fill: #030712;
}

.flow-activity:hover,
.flow-activity-add-button:hover,
.joint-type-fleetbase-activity:hover .flow-activity {
    stroke: #2563eb;
}

.flow-activity-add-button:hover {
    fill: #3b82f6;
}

.joint-js-paper {
    overflow: auto;
}

.activity-flow-graph-container {
    position: relative;
    width: 100%;
    height: calc(100vh - 16rem);
    min-height: 24rem;
    overflow: auto hidden;
    scrollbar-width: none;
}

.activity-flow-graph-container > .joint-js-paper {
    min-width: 100%;
    max-width: none;
    overflow: visible;
}

.activity-flow-graph-container::-webkit-scrollbar {
    display: none;
}

.activity-flow-horizontal-scrollbar {
    position: fixed;
    bottom: 0;
    z-index: 100;
    height: 12px;
    overflow: auto hidden;
    background-color: transparent;
    scrollbar-color: #6b7280 transparent;
    scrollbar-width: thin;
}

.activity-flow-horizontal-scrollbar.is-hidden {
    display: none;
}

.activity-flow-horizontal-scrollbar-content {
    height: 1px;
}

.activity-flow-horizontal-scrollbar::-webkit-scrollbar {
    height: 8px;
}

.activity-flow-horizontal-scrollbar::-webkit-scrollbar-thumb {
    background-color: #6b7280;
    border-radius: 9999px;
}

.activity-flow-horizontal-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
}

.activity-flow-zoom-controls {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 1.5rem;
    padding-top: 1rem;
    z-index: 99;
    display: flex;
    flex-direction: column;
}

.activity-flow-zoom-controls > .btn-wrapper:first-child > .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.activity-flow-zoom-controls > .btn-wrapper:last-child > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.activity-flow-zoom-controls > .btn-wrapper > .btn:hover {
    opacity: 0.5;
}

.activity-logic-builder-conditions {
    display: flex;
    flex-direction: column;
}

.activity-logic-builder .activity-logic-builder-condition {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
}

.activity-logic-builder .activity-logic-builder-condition > div .ember-basic-dropdown-trigger button.btn {
    padding: 0.5rem;
    border-radius: 0;
    font-size: 0.8rem;
    width: 5.5rem;
}

.activity-logic-builder .activity-logic-builder-condition > div > input,
.activity-logic-builder .activity-logic-builder-condition > div .ember-basic-dropdown-trigger button.btn {
    border: 0;
    box-shadow: none;
    font-size: 0.75rem;
    height: 28px;
}

.activity-logic-builder .activity-logic-builder-condition .btn.btn-danger {
    box-shadow: none;
    font-size: 0.75rem;
    height: 28px;
    padding: 0.5rem;
}

.activity-logic-builder .activity-logic-builder-condition > div > input {
    padding: 0.25rem 0.5rem;
    width: 100%;
    height: 28px;
}

.activity-logic-builder .activity-logic-builder-condition > div:first-child,
.activity-logic-builder .activity-logic-builder-condition > div:last-child {
    flex: 1;
}

.activity-logic-builder .activity-logic-builder-condition > div:first-child > input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.activity-logic-builder .activity-logic-builder-condition > div:last-child > input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.activity-logic-builder .activity-logic-builder-condition > div:first-child {
    border-right: 1px #1f2937 solid;
}

.activity-logic-builder .activity-logic-builder-condition > div:last-child {
    border-left: 1px #1f2937 solid;
}

body[data-theme='light'] .activity-logic-builder .activity-logic-builder-condition > div:first-child {
    border-right: 1px #f9fafb solid;
}

body[data-theme='light'] .activity-logic-builder .activity-logic-builder-condition > div:last-child {
    border-left: 1px #f9fafb solid;
}

.activity-logic-builder .activity-logic-builder-logic {
    border-top: 1px #374151 solid;
    padding: 0.5rem;
}

.activity-logic-builder .activity-logic-builder-condition-type-container {
    display: flex;
    flex-direction: row;
}

.activity-logic-builder button.activity-logic-builder-add-condition,
.activity-logic-builder .activity-logic-builder-condition-type {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    color: #f9fafb;
    background-color: #111827;
    border: 1px #374151 solid;
    border-radius: 0.25rem;
    margin: 0.5rem 0;
    font-size: 0.8rem;
    align-self: flex-start;
    flex: 0 1 auto;
}

.activity-logic-builder .activity-logic-builder-condition-type {
    width: 5rem;
}

body[data-theme='light'] .activity-logic-builder .activity-logic-builder-condition-type {
    color: #030712;
    background-color: #f9fafb;
    border: 1px #e5e7eb solid;
    margin-bottom: 0.5rem;
}

.activity-event-selector .activity-event-selector-event {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px #374151 solid;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    font-family: monospace;
}

.x-fleetbase-file.custom-field-file {
    max-width: 100%;
    height: unset;
}

.x-fleetbase-file.custom-field-file > .x-fleetbase-file-wrapper {
    width: 100%;
    max-width: 100%;
    height: unset;
    padding: 0.35rem;
}

.x-fleetbase-file.custom-field-file > .x-fleetbase-file-wrapper > .x-fleetbase-file-actions + div.flex.flex-col {
    flex-direction: row;
    flex: none;
    width: 100%;
    justify-content: start;
}

.x-fleetbase-file.custom-field-file > .x-fleetbase-file-wrapper > .x-fleetbase-file-actions + div.flex.flex-col > .flex-1:not(.flex-col) {
    flex: none;
}

.x-fleetbase-file.custom-field-file > .x-fleetbase-file-wrapper .x-fleetbase-file-preview {
    margin-bottom: 0;
    height: unset;
    width: 2rem;
    margin-right: 0.5rem;
}

.x-fleetbase-file.custom-field-file > .x-fleetbase-file-wrapper .x-fleetbase-file-name {
    width: 100%;
    text-align: left;
    padding-left: 0.5rem;
}

.x-fleetops-input-height {
    height: 38px;
}

body[data-theme='dark'] .next-map-container-toolbar-panel.next-map-container-toolbar-actions .toolbar-button:disabled,
body[data-theme='dark'] .next-map-container-toolbar-panel.next-map-container-toolbar-actions .toolbar-button:disabled:hover,
body[data-theme='dark']
    .next-map-container.next-map-container-layout-map
    .next-map-container-toolbar-container
    .toolbar-button.is-action:disabled:hover
    .next-map-container-toolbar-panel.next-map-container-toolbar-actions
    .toolbar-button:disabled,
.next-map-container-toolbar-panel.next-map-container-toolbar-actions .toolbar-button:disabled:hover,
.next-map-container.next-map-container-layout-map .next-map-container-toolbar-container .toolbar-button.is-action:disabled:hover {
    opacity: 0.5;
    background-color: transparent;
}

.next-map-container-toolbar-panel.next-map-container-toolbar-actions .toolbar-button.unauthorized:disabled {
    cursor: not-allowed;
}

#next-view-section-subheader.fleet-ops-contacts-section-header > #next-view-section-subheader-left > .next-view-section-subheader-left-inner-wrapper {
    min-width: 0;
}

#next-view-section-subheader.fleet-ops-contacts-section-header > #next-view-section-subheader-left > .next-view-section-subheader-left-inner-wrapper + input.form-input {
    margin-left: 0;
}

.no-input-group-padding .input-group {
    margin-bottom: 0 !important;
}

.customer-orders-section-header {
    margin-bottom: 2rem;
}

.order-progress-card {
    display: flex;
    flex-direction: column;
    border: 1px #d1d5db solid;
    border-radius: 0.5rem;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
    padding: 0.5rem;
    background-color: #fff;
    color: #000;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

body[data-theme='dark'] .order-progress-card {
    border: 1px #374151 solid;
    background-color: #111827;
    color: #f3f4f6;
}

.order-progress-card.active {
    outline: 2px solid #60a5fa;
    outline-offset: 1px;
}

.order-progress-card:hover {
    opacity: 0.75;
}

.order-progress-card > .order-progress-card-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.order-progress-card > .order-progress-card-header > .order-progress-card-header-id {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
}

.order-progress-card > .order-progress-card-header > .order-progress-card-header-id h1.order-progress-tracking-number,
.order-progress-card > .order-progress-card-header > .order-progress-card-header-id h1 {
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 0.9rem;
    line-height: 1.25rem;
    letter-spacing: 0.035rem;
}

.order-progress-card > .order-progress-card-header > .order-progress-card-header-id .order-progress-creation-date {
    font-size: 0.7rem;
    line-height: 0.7rem;
}

.order-progress-card > .order-progress-card-header > .order-progress-card-header-status .status-badge > span {
    padding: 0.35rem;
}

.order-progress-card > .order-progress-card-header > .order-progress-card-header-id > .order-progress-card-header-id-icon-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
    border: 1px #d1d5db solid;
    border-radius: 0.25rem;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
    background-color: #fff;
    margin-right: 0.5rem;
    color: #000;
}

.order-progress-card-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.order-progress-card-details > .order-progress-card-details-address {
    flex: 1;
    font-size: 0.6rem;
    padding: 0.5rem 0.15rem;
    border-bottom: 2px #e5e7eb solid;
    margin-bottom: 0.25rem;
}

body[data-theme='dark'] .order-progress-card-details > .order-progress-card-details-address {
    border-bottom: 2px #374151 solid;
}

.order-progress-card-details > .order-progress-card-details-address.start {
    text-align: left;
}

.order-progress-card-details > .order-progress-card-details-address.end {
    text-align: right;
}

body[data-theme='dark'] .order-progress-card > .order-progress-card-header > .order-progress-card-header-id > .order-progress-card-header-id-icon-wrapper {
    color: #f3f4f6;
    background-color: #030712;
    border: 1px #374151 solid;
}

.order-progress-bar {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0.5rem 0.15rem;
}

.order-progress-bar > .order-progress-bar-marker-wrapper {
    border: 5px #e5e7eb solid;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
    border-radius: 100%;
}

.order-progress-bar > .order-progress-bar-marker-wrapper > .order-progress-bar-marker {
    height: 0.75rem;
    width: 0.75rem;
    border: 1px #e5e7eb solid;
    background-color: #6b7280;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
    border-radius: 100%;
    outline: 0.25rem solid #fff;
}

body[data-theme='dark'] .order-progress-bar > .order-progress-bar-marker-wrapper > .order-progress-bar-marker {
    background-color: #4b5563;
    outline: 0.25rem solid #cbd5e1;
}

body[data-theme='dark'] .order-progress-bar > .order-progress-bar-marker-wrapper.completed > .order-progress-bar-marker,
.order-progress-bar > .order-progress-bar-marker-wrapper.completed > .order-progress-bar-marker {
    border: 1px #22c55e solid;
    background-color: #22c55e;
    outline: 0.25rem solid #86efac;
    box-shadow: unset;
}

body[data-theme='dark'] .order-progress-bar > .order-progress-bar-marker-wrapper.completed,
.order-progress-bar > .order-progress-bar-marker-wrapper.completed {
    border: 5px #16a34a solid;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
}

.order-progress-bar > .order-progress-bar-wrapper {
    position: relative;
    display: flex;
    flex: 1;
    padding: 0.6rem 1rem 0;
}

.order-progress-bar.has-progress > .order-progress-bar-wrapper > .order-progress-bar-track {
    border-top: 4px dashed rgba(209, 213, 219, 0.5);
}

.order-progress-bar > .order-progress-bar-wrapper > .order-progress-bar-track {
    display: flex;
    flex: 1;
    border-top: 4px dashed #d1d5db;
    width: 100%;
}

.order-progress-bar > .order-progress-bar-wrapper > .order-progress-bar-progression {
    display: flex;
    flex: 1;
    border-top: 4px dashed #16a34a;
    width: calc(100% - 2rem);
    position: absolute;
    top: 0.6rem;
    left: 1rem;
    right: 0;
    transition: 0.15s all ease;
}

.order-progress-bar > .order-progress-bar-wrapper > .order-progress-bar-truck-icon {
    display: flex;
    flex: 1;
    padding-left: calc(100% - 2rem);
    position: absolute;
    top: -0.085rem;
    left: 1rem;
    right: 0;
    transition: 0.15s all ease;
}

.order-progress-bar > .order-progress-bar-wrapper > .order-progress-bar-truck-icon > .truck-icon-wrapper {
    padding: 0 0.35rem;
    border-radius: 0.25rem;
    border: 1px #d1d5db solid;
    background-color: #fff;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 10%),
        0 1px 2px -1px rgb(0 0 0 / 10%);
}

body[data-theme='dark'] .order-progress-bar > .order-progress-bar-wrapper > .order-progress-bar-truck-icon > .truck-icon-wrapper {
    border: 1px #374151 solid;
    background-color: #1f2937;
}

.order-tracking-lookup-map-wrapper {
    width: 100%;
    height: 300px;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
}

.order-tracking-lookup-map-wrapper > .leaflet-container {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

.customer-live-map-wrapper {
    width: 100%;
    height: 820px;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
}

.customer-live-map-wrapper > .leaflet-container {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

.customer-order-details-container,
.customer-live-map-wrapper .customer-order-details-container {
    position: absolute;
    z-index: 1010;
    bottom: 0;
    top: 0;
    right: 0;
    width: 52%;
    max-width: 52%;
    height: 100%;
    padding: 1rem;
}

.customer-order-details-container.relative,
.customer-order-details-container.render-in-place {
    position: relative;
    bottom: unset;
    top: unset;
    right: unset;
    width: auto;
    max-width: unset;
    height: auto;
    padding: 0;
}

.customer-order-details-container > .customer-order-details,
.customer-live-map-wrapper .customer-order-details-container > .customer-order-details {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
    border: 1px #d1d5db solid;
    border-radius: 0.5rem;
    background-color: #fff;
    padding: 0.75rem;
}

body[data-theme='dark'] .customer-order-details-container > .customer-order-details.border-0,
.customer-order-details-container > .customer-order-details.border-0 {
    box-shadow: unset;
    border: 0;
}

body[data-theme='dark'] .customer-order-details-container > .customer-order-details,
body[data-theme='dark'] .customer-live-map-wrapper .customer-order-details-container > .customer-order-details {
    border: 1px #374151 solid;
    background-color: #1f2937;
}

.customer-order-details-container > .customer-order-details .customer-order-details-seperator,
.customer-live-map-wrapper .customer-order-details-container > .customer-order-details .customer-order-details-seperator {
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #e5e7eb;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    align-items: center;
}

body[data-theme='dark'] .customer-order-details-container > .customer-order-details .customer-order-details-seperator,
body[data-theme='dark'] .customer-live-map-wrapper .customer-order-details-container > .customer-order-details .customer-order-details-seperator {
    background-color: #374151;
}

.customer-order-details-container > .customer-order-details .item-detail,
.customer-order-details-container > .customer-order-details .activity-detail,
.customer-live-map-wrapper .customer-order-details-container > .customer-order-details .item-detail,
.customer-live-map-wrapper .customer-order-details-container > .customer-order-details .activity-detail {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    border: 1px #e5e7eb solid;
    border-radius: 0.5rem;
    background-color: #f9fafb;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}

body[data-theme='dark'] .customer-order-details-container > .customer-order-details .item-detail,
body[data-theme='dark'] .customer-order-details-container > .customer-order-details .activity-detail,
body[data-theme='dark'] .customer-live-map-wrapper .customer-order-details-container > .customer-order-details .item-detail,
body[data-theme='dark'] .customer-live-map-wrapper .customer-order-details-container > .customer-order-details .activity-detail {
    border: 1px #374151 solid;
    background-color: #111827;
}

body.fleetbase-console .leaflet-popup-content {
    margin: 0.25rem 0.5rem;
}

.next-table-wrapper.no-scroll {
    overflow: auto !important;
}

.fleetbase-portal .portal-container .portal-content-wrapper .next-content-overlay {
    z-index: 840;
}

.fleetbase-portal .portal-container .portal-content-wrapper .next-content-overlay-panel-container > .next-content-overlay-panel,
.fleetbase-portal .portal-container .portal-content-wrapper .next-content-overlay-panel-container {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left {
    z-index: 800;
}

.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom {
    --tw-shadow: rgba(0 0 0 / 35%) 0px 7px 32px;
    --tw-shadow-colored: 0px 7px 32px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 9999px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: 1px #fff solid;
}

body[data-theme='dark'] .fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom,
body[data-theme='dark'] .order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom,
body[data-theme='dark'].fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom {
    background-color: #111827;
    border: 1px #111827 solid;
}

.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a {
    margin: auto;
    margin-bottom: 0.5rem;
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #808080;
    border: 0;
    background-color: #fff;
}

body[data-theme='dark'] .fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a,
body[data-theme='dark'] .order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a,
body[data-theme='dark'].fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a {
    background-color: #111827;
    color: #fff;
}

.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:focus,
.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:active,
.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:focus,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:active,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:focus,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:active,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover {
    outline: none;
}

.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover {
    background-color: #e5e7eb;
}

body[data-theme='dark'] .fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover,
body[data-theme='dark'] .order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover,
body[data-theme='dark'].fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a:hover {
    background-color: #4b5563;
}

.fleetbase-leaflet-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-out,
.order-tracking-lookup-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-out,
.fleetbase-portal .customer-live-map-wrapper .leaflet-control-container .leaflet-top.leaflet-left .leaflet-control-zoom > a.leaflet-control-zoom-out {
    margin-bottom: 0;
}

.grip-cursor,
.grip-cursor * {
    cursor: move;
}

body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > .btn,
body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn,
body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-primary,
body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-default,
.ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-primary,
.ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-default,
.ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn {
    outline: none;
    background-color: #2563eb;
    border: 1px #1e3a8a solid;
    color: #dbeafe;
    transition: all ease-in-out 125ms;
}

body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > .btn:hover,
body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn:hover,
body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-primary:hover,
body[data-theme='dark'] .ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-default:hover,
.ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-primary:hover,
.ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn.btn-default:hover,
.ui-input-info-block > .ui-input-info-block-inner > .ui-input-info-block-yield-container .btn-wrapper > button.btn:hover {
    opacity: 0.7;
}

.flb--modal.flb--default-modal.service-quote-extension-purchase > .flb--modal-dialog > .flb--modal-content,
body[data-theme='dark'] .flb--modal.flb--default-modal.service-quote-extension-purchase > .flb--modal-dialog > .flb--modal-content,
body[data-theme='light'] .flb--modal.flb--default-modal.service-quote-extension-purchase > .flb--modal-dialog > .flb--modal-content {
    background-color: #fff;
}

.flb--modal.flb--default-modal.service-quote-extension-purchase > .flb--modal-dialog > .flb--modal-content > .flb--modal-header,
body[data-theme='dark'] .flb--modal.flb--default-modal.service-quote-extension-purchase > .flb--modal-dialog > .flb--modal-content > .flb--modal-header,
body[data-theme='light'] .flb--modal.flb--default-modal.service-quote-extension-purchase > .flb--modal-dialog > .flb--modal-content > .flb--modal-header {
    display: none !important;
}

body[data-theme='dark'] .flb--modal.flb--default-modal.finalize-service-quote-purchase,
body[data-theme='light'] .flb--modal.flb--default-modal.finalize-service-quote-purchase,
.flb--modal.flb--default-modal.finalize-service-quote-purchase {
    pointer-events: none !important;
}

.flb--modal.flb--default-modal.finalize-service-quote-purchase > .flb--modal-dialog > .flb--modal-content > .flb--modal-header button.close,
body[data-theme='dark'] .flb--modal.flb--default-modal.finalize-service-quote-purchase > .flb--modal-dialog > .flb--modal-content > .flb--modal-header button.close,
body[data-theme='light'] .flb--modal.flb--default-modal.finalize-service-quote-purchase > .flb--modal-dialog > .flb--modal-content > .flb--modal-header button.close {
    display: none !important;
    pointer-events: none;
}

#fleetops-customer-orders-container #fleetops-customer-orders-sidebar {
    margin-right: 1rem;
    width: 50%;
}

@media (width >= 992px) {
    #fleetops-customer-orders-container #fleetops-customer-orders-sidebar {
        width: 50%;
    }
}

@media (width >= 1200px) {
    #fleetops-customer-orders-container #fleetops-customer-orders-sidebar {
        width: 35%;
    }
}

@media (width >= 1400px) {
    #fleetops-customer-orders-container #fleetops-customer-orders-sidebar {
        width: 30%;
    }
}

@media (width >= 1700px) {
    #fleetops-customer-orders-container #fleetops-customer-orders-sidebar {
        width: 25%;
    }
}

@media (width >= 1900px) {
    #fleetops-customer-orders-container #fleetops-customer-orders-sidebar {
        width: 20%;
    }
}

#fleetops-customer-orders-container.collapse-sidebar #fleetops-customer-orders-sidebar {
    width: 0 !important;
    opacity: 0;
    margin-right: 0;
}

#fleetops-customer-orders-container.collapse-sidebar #fleetops-customer-orders-main-content {
    width: 100% !important;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay {
    padding: 0 !important;
}

.order-list-overlay-panel-header {
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    height: 45px;
    max-height: 45px;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay .fleetops-order-list-overlay-inner-wrapper .fleetops-order-list-overlay-list .next-content-panel-header {
    padding: 0 0.35rem;
    display: flex;
    flex-direction: row;
    border: 0;
    border-bottom: 1px #e5e7eb solid;
    border-radius: 0;
    background-color: #fff;
}

body[data-theme='dark'] .next-content-overlay-panel-body.fleetops-order-list-overlay .fleetops-order-list-overlay-inner-wrapper .fleetops-order-list-overlay-list .next-content-panel-header {
    border-bottom: 1px #374151 solid;
    background-color: #111827;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left {
    display: flex;
    flex: 1;
    width: 100%;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .icon-container {
    font-size: 0.75rem;
    width: 1rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .next-content-panel-title-container {
    flex: 1;
    width: 100%;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .next-content-panel-title-container
    > .panel-title {
    flex: 1;
    width: 100%;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .next-content-panel-title-container
    > .panel-title
    > div {
    flex: 1;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .next-content-panel-title-container
    > .panel-title
    > div
    > .resource-count {
    font-size: 0.75rem;
    border: 1px #d1d5db solid;
    background-color: #fff;
    padding: 0.1rem 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
    color: #111827;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .next-content-panel-title-container
    > .panel-title
    > div
    > .resource-count {
    border: 1px #4b5563 solid;
    background-color: #1f2937;
    color: #d1d5db;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-left
    > .next-content-panel-title-container
    > .panel-title
    > div
    > .fleetops-order-list-title-text {
    font-size: 0.9rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .fleetops-order-list-overlay-list
    .next-content-panel-header
    > .next-content-panel-header-right {
    display: none;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay .fleetops-order-list-overlay-inner-wrapper .next-content-panel-body.order-listings {
    border-radius: 0;
    padding: 0;
    border: 0;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay .fleetops-order-list-overlay-inner-wrapper .next-content-panel-body.fleet-listings {
    padding-left: 0.5rem;
    border: 0;
    background: transparent;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body.fleet-listings
    > .next-content-panel-body-inner
    > .next-content-panel-wrapper {
    border-left: 1px #e5e7eb solid;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body.fleet-listings
    > .next-content-panel-body-inner
    > .next-content-panel-wrapper {
    border-left: 1px #374151 solid;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body.fleet-listings
    > .next-content-panel-body-inner
    > .next-content-panel-wrapper
    .next-content-panel-header {
    padding-left: 1rem;
    border: 0;
    background: transparent;
    border-bottom: 1px #e5e7eb solid;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body.fleet-listings
    > .next-content-panel-body-inner
    > .next-content-panel-wrapper
    .next-content-panel-header {
    border-bottom: 1px #374151 solid;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    background-color: #fff;
    border-bottom: 1px #e5e7eb solid;
    min-height: 196px;
    color: #111827;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container {
    background-color: #1f2937;
    border-bottom: 1px #374151 solid;
    color: #fff;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container.selected {
    background-color: #1e3a8a;
    border-bottom: 1px #1d4ed8 solid;
    color: #fff;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container.selected {
    background-color: #1e3a8a;
    border-bottom: 1px #1d4ed8 solid;
    color: #fff;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container:not(.selected):hover {
    opacity: 0.75;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    .order-listing-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
    width: 100%;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    .order-listing-actions
    span.btn-wrapper {
    box-shadow: none;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    .order-listing-actions
    span.btn-wrapper
    > button.btn {
    border: 1px #1d4ed8 solid;
    box-shadow: none;
    background-color: #1e40af;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    align-items: flex-start;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    .order-listing-row-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
    width: 100%;
    padding: 0.25rem 0.35rem;
    background-color: #1d4ed8;
    border-bottom: 1px #2563eb solid;
    color: #fff;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    .order-listing-row-header {
    background-color: #1e3a8a;
    border-bottom: 1px #1d4ed8 solid;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-header
    > .order-listing-row-prefix {
    display: flex;
    flex-direction: row;
    line-height: 1.5rem;
    font-size: 0.75rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-header
    > .order-listing-row-prefix
    > .order-listing-row-index {
    width: 1.5rem;
    display: flex;
    justify-content: center;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    .order-listing-row-prefix
    > .order-listing-row-icon-container {
    width: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-header
    > .order-listing-row-subheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-header
    > .order-listing-row-subheader
    > .order-listing-row-header-title {
    font-size: 0.85rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details {
    flex: 1;
    width: 100%;
    padding: 0 0.75rem 0.75rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-progress {
    margin-bottom: 0.5rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-progress
    .truck-icon-wrapper {
    background-color: #fff;
    color: #374151;
}

body[data-theme='dark']
    .next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-progress
    .truck-icon-wrapper {
    background-color: #fff;
    color: #374151;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-body
    > .order-listing-row-body-address {
    flex: 1;
    font-size: 0.75rem;
    line-height: 1.1rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-body
    > .order-listing-row-body-address
    .address-text {
    max-height: 50px;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-body
    > .order-listing-row-body-address.start {
    text-align: left;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-body
    > .order-listing-row-body-address.end {
    text-align: right;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-footer
    .resource-assigned {
    display: flex;
    flex-direction: row;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-footer {
    margin-top: 0.5rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-footer
    .resource-assigned
    > .resource-assigned-photo {
    display: flex;
    flex-shrink: 0;
    position: relative;
    padding-top: 0.2rem;
}

.next-content-overlay-panel-body.fleetops-order-list-overlay
    .fleetops-order-list-overlay-inner-wrapper
    .next-content-panel-body
    > .next-content-panel-body-inner
    .order-listings-row-container
    > .order-listing-row
    > .order-listing-row-details
    > .order-listing-row-footer
    .resource-assigned
    > .resource-assigned-details {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    line-height: 1.1rem;
}

.order-listing-row-table-details {
    color: #d1d5db;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
    text-align: left;
    padding: 0.5rem;
    width: 100%;
    table-layout: fixed;
}

.order-listing-row-table-details > thead > tr > th {
    background-color: #111827;
    color: #e5e7eb;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
    text-align: left;
    padding: 0.5rem;
    border: 1px #374151 solid;
    width: 50%;
}

.order-listing-row-table-details > thead > tr > th:last-child {
    border-left: 0;
}

.order-listing-row-table-details > tbody > tr > td {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: normal;
    text-align: left;
    padding: 0.5rem;
    vertical-align: top;
}

.justify-end-i {
    justify-content: end !important;
}

button.fleetops-btn-xxs.btn,
button.fleetops-btn-xxs,
.fleetops-btn-xxs {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.next-sidebar-navigator-primary-action.fleet-ops-sidebar-primary-action {
    --tw-bg-opacity: 1;

    justify-content: flex-start;
    color: #fff;
    background-color: rgba(52, 133, 226, var(--tw-bg-opacity, 1));
    border: 1px solid rgba(52, 133, 226, var(--tw-bg-opacity, 1));
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.next-sidebar-navigator-primary-action.fleet-ops-sidebar-primary-action:hover {
    background-color: rgba(97, 160, 232, var(--tw-bg-opacity, 1));
    border-color: rgba(97, 160, 232, var(--tw-bg-opacity, 1));
}

body[data-theme='dark'] .next-sidebar-navigator-primary-action.fleet-ops-sidebar-primary-action {
    background-color: rgba(52, 133, 226, var(--tw-bg-opacity, 1));
    border-color: rgba(52, 133, 226, var(--tw-bg-opacity, 1));
}

body[data-theme='dark'] .next-sidebar-navigator-primary-action.fleet-ops-sidebar-primary-action:hover {
    background-color: rgba(97, 160, 232, var(--tw-bg-opacity, 1));
    border-color: rgba(97, 160, 232, var(--tw-bg-opacity, 1));
}

.fleet-ops-operations-monitor {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
    animation: fleet-ops-operations-monitor-enter 180ms ease-out both;
}

@keyframes fleet-ops-operations-monitor-enter {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fleet-ops-operations-monitor {
        animation: none;
    }
}

.fleet-ops-operations-monitor-divider {
    position: relative;
    width: auto;
    height: 1px;
    margin: 0 0 0.75rem;
}

.fleet-ops-operations-monitor-divider::before {
    position: absolute;
    top: 0;
    left: -1rem;
    right: -1rem;
    border-top: 1px solid #e5e7eb;
    content: '';
}

.fleet-ops-operations-monitor-list {
    flex: 1 1 auto;
    height: var(--fleet-ops-operations-monitor-list-height, 14rem);
    min-height: 8rem;
    max-height: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 0.125rem;
    padding-bottom: 0.5rem;
}

.fleet-ops-operations-monitor-row-actions {
    display: flex;
    flex: 0 0 2rem;
    justify-content: flex-end;
    min-width: 2rem;
    padding-top: 0.125rem;
}

.fleet-ops-operations-monitor-list .ember-basic-dropdown,
.fleet-ops-operations-monitor-list .ember-basic-dropdown-trigger {
    flex-shrink: 0;
}

.fleet-ops-operations-monitor .fleetops-btn-xxs.btn,
.fleet-ops-operations-monitor button.fleetops-btn-xxs.btn,
.fleet-ops-operations-monitor button.fleetops-btn-xxs,
.fleet-ops-operations-monitor .fleetops-btn-xxs {
    min-height: 1.25rem !important;
    padding: 0.15rem 0.75rem !important;
    font-size: 10px !important;
    line-height: 0.5 !important;
}

.next-sidebar-navigator:has(.fleet-ops-operations-monitor) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    min-height: 0;
}

.next-sidebar-navigator:has(.fleet-ops-operations-monitor) > .fleet-ops-operations-monitor {
    flex: 1 1 auto;
    min-height: 0;
}

.next-sidebar-navigator:has(.fleet-ops-operations-monitor) > .next-sidebar-navigator-viewport {
    flex: 0 0 auto;
}

body[data-theme='dark'] .fleet-ops-operations-monitor-divider {
    border-top-color: transparent;
}

body[data-theme='dark'] .fleet-ops-operations-monitor-divider::before {
    border-top-color: #374151;
}

.fleet-ops-operations-monitor-dropdown {
    margin-top: 0;
    margin-left: 0.5rem;
}

.fleet-ops-operations-monitor-row-depth-1 {
    padding-left: 1.25rem !important;
}

.fleet-ops-operations-monitor-row-depth-2 {
    padding-left: 2rem !important;
}

.fleet-ops-operations-monitor-row-depth-3,
.fleet-ops-operations-monitor-row-depth-4,
.fleet-ops-operations-monitor-row-depth-5 {
    padding-left: 2.75rem !important;
}

.fleet-hierarchy-tree-row-depth-1 {
    padding-left: 1.5rem !important;
}

.fleet-hierarchy-tree-row-depth-2 {
    padding-left: 2.5rem !important;
}

.fleet-hierarchy-tree-row-depth-3,
.fleet-hierarchy-tree-row-depth-4,
.fleet-hierarchy-tree-row-depth-5 {
    padding-left: 3.5rem !important;
}

.fleet-ops-operations-monitor-child-row {
    margin-top: -0.125rem;
}

.fleet-ops-operations-monitor-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 7.5rem;
    padding: 1rem 0.75rem;
    text-align: center;
    color: #6b7280;
}

.fleet-ops-operations-monitor-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0.5rem;
    color: #6b7280;
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
}

.fleet-ops-operations-monitor-empty-title {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    color: #374151;
}

.fleet-ops-operations-monitor-empty-description {
    display: block;
    max-width: 13rem;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.35;
    color: #6b7280;
}

.fleet-ops-operations-monitor-empty-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background-color: rgba(52, 133, 226, var(--tw-bg-opacity, 1));
    border: 1px solid rgba(52, 133, 226, var(--tw-bg-opacity, 1));
    border-radius: 0.375rem;
}

.fleet-ops-operations-monitor-empty-action:hover {
    background-color: rgba(97, 160, 232, var(--tw-bg-opacity, 1));
    border-color: rgba(97, 160, 232, var(--tw-bg-opacity, 1));
}

body[data-theme='dark'] .fleet-ops-operations-monitor-empty {
    color: #9ca3af;
}

body[data-theme='dark'] .fleet-ops-operations-monitor-empty-icon {
    color: #d1d5db;
    background-color: #1f2937;
    border-color: #374151;
}

body[data-theme='dark'] .fleet-ops-operations-monitor-empty-title {
    color: #f3f4f6;
}

body[data-theme='dark'] .fleet-ops-operations-monitor-empty-description {
    color: #9ca3af;
}

.fleet-ops-hub {
    min-height: 100%;
    padding: 1.5rem;
    color: #111827;
    background: #f9fafb;
}

.fleet-ops-hub-header {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    margin: -1.5rem -1.5rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.fleet-ops-hub-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    color: #111827;
}

.fleet-ops-hub-subtitle {
    max-width: 48rem;
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    line-height: 1.45;
    color: #6b7280;
}

.fleet-ops-hub-header-action {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    background: rgba(52, 133, 226, 1);
    border: 1px solid rgba(52, 133, 226, 1);
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.fleet-ops-hub-header-action:hover {
    color: #fff;
    background: rgba(97, 160, 232, 1);
    border-color: rgba(97, 160, 232, 1);
}

.fleet-ops-hub-kpi-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.fleet-ops-hub-kpi {
    position: relative;
    display: flex;
    min-height: 7.5rem;
    padding: 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease;
}

.fleet-ops-hub-kpi:hover {
    border-color: #bfdbfe;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.fleet-ops-hub-kpi-body {
    min-width: 0;
    padding-right: 3.25rem;
}

.fleet-ops-hub-kpi-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #2563eb;
    background: #dbeafe;
    border-radius: 0.375rem;
}

.fleet-ops-hub-kpi-accent-green {
    background: linear-gradient(135deg, #fff 0%, #ecfdf5 100%);
    border-color: #a7f3d0;
}

.fleet-ops-hub-kpi-accent-green .fleet-ops-hub-kpi-icon {
    color: #059669;
    background: #d1fae5;
}

.fleet-ops-hub-kpi-accent-amber {
    background: linear-gradient(135deg, #fff 0%, #fffbeb 100%);
    border-color: #fed7aa;
}

.fleet-ops-hub-kpi-accent-amber .fleet-ops-hub-kpi-icon {
    color: #d97706;
    background: #ffedd5;
}

.fleet-ops-hub-kpi-accent-rose {
    background: linear-gradient(135deg, #fff 0%, #fff1f2 100%);
    border-color: #fecdd3;
}

.fleet-ops-hub-kpi-accent-rose .fleet-ops-hub-kpi-icon {
    color: #e11d48;
    background: #ffe4e6;
}

.fleet-ops-hub-kpi-label {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fleet-ops-hub-kpi-value {
    margin-top: 0.5rem;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    color: #111827;
}

.fleet-ops-hub-kpi-caption {
    margin-top: 0.75rem;
    overflow: hidden;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    color: #6b7280;
    text-overflow: ellipsis;
}

.fleet-ops-hub-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.fleet-ops-hub-main {
    min-width: 0;
}

.fleet-ops-hub-side {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.fleet-ops-hub-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.fleet-ops-hub-card-grid-three {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.fleet-ops-hub-card {
    display: flex;
    flex-direction: column;
    min-height: 9.5rem;
    padding: 1rem;
    color: inherit;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.fleet-ops-hub-card:hover {
    color: inherit;
    background: #f9fafb;
    border-color: #93c5fd;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.fleet-ops-hub-card-heading {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #111827;
}

.fleet-ops-hub-card-icon {
    display: flex;
    flex: 0 0 2rem;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #2563eb;
    background: #eff6ff;
    border-radius: 0.375rem;
}

.fleet-ops-hub-card-description {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #6b7280;
}

.fleet-ops-hub-card-action {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: auto;
    padding-top: 1rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #2563eb;
}

.fleet-ops-hub-panel {
    padding: 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.fleet-ops-hub-panel-prominent {
    background: linear-gradient(135deg, #fff 0%, #eff6ff 100%);
    border-color: #bfdbfe;
}

.fleet-ops-hub-panel-title {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #111827;
}

.fleet-ops-hub-guidance-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #6b7280;
    list-style: none;
}

.fleet-ops-hub-guidance-list li {
    display: flex;
    gap: 0.5rem;
}

.fleet-ops-hub-guidance-list svg {
    flex-shrink: 0;
    margin-top: 0.1875rem;
    color: #3485e2;
}

.fleet-ops-hub-section-title {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fleet-ops-hub-section-title.mt-5 {
    margin-top: 1.25rem;
}

.fleet-ops-resources-hub-shell {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    color: #111827;
    background: #f9fafb;
}

.fleet-ops-resources-hub-header {
    position: sticky;
    top: 0;
    z-index: 50;
    padding: 1rem;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.fleet-ops-resources-hub-header-inner,
.fleet-ops-resources-hub-content {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
}

.fleet-ops-resources-hub-header-inner {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.fleet-ops-resources-hub-header-copy {
    min-width: 0;
}

.fleet-ops-resources-hub-header-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.fleet-ops-resources-hub-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.875rem 1rem 1rem;
}

.fleet-ops-resources-kpi-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.fleet-ops-resources-kpi {
    min-height: 7.25rem;
    color: inherit;
    text-decoration: none;
}

.fleet-ops-resources-kpi:hover {
    color: inherit;
}

.fleet-ops-resources-hub-layout {
    display: block;
}

.fleet-ops-resources-hub-main {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.75rem;
}

.fleet-ops-resources-hub-side {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.fleet-ops-resources-section {
    padding: 0.75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.fleet-ops-resources-section-header {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.fleet-ops-resources-section-header p {
    max-width: 44rem;
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.35rem;
    color: #6b7280;
}

.fleet-ops-resources-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.625rem;
}

.fleet-ops-resources-guidance-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.625rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-kpi {
    padding: 0.875rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-kpi-value {
    margin-top: 0.375rem;
    font-size: 1.75rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-kpi-caption {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.1rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-card {
    min-height: 6.75rem;
    padding: 0.7rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-card-heading {
    gap: 0.5rem;
    margin-bottom: 0.375rem;
    font-size: 0.8125rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-card-icon {
    flex-basis: 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    font-size: 0.75rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-card-description {
    font-size: 0.8125rem;
    line-height: 1.2rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-card-action {
    padding-top: 0.5rem;
    font-size: 0.75rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-panel {
    padding: 0.75rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-panel-title {
    margin-bottom: 0.5rem;
}

.fleet-ops-resources-hub-shell .fleet-ops-hub-guidance-list {
    gap: 0.45rem;
    font-size: 0.8125rem;
    line-height: 1.3;
}

.fleet-ops-resources-utility-panel {
    min-height: 9rem;
}

.fleet-ops-resources-utility-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.fleet-ops-resources-utility-panel-header .fleet-ops-hub-panel-title {
    margin-bottom: 0;
}

.fleet-ops-resources-utility-panel-header span {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #3485e2;
}

.fleet-ops-resources-doc-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.375rem;
}

.fleet-ops-resources-doc-link,
.fleet-ops-resources-notice,
.fleet-ops-resources-checklist-item {
    display: flex;
    align-items: center;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    border-radius: 0.375rem;
}

.fleet-ops-resources-doc-link {
    gap: 0.375rem;
    padding: 0.375rem 0.45rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: left;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

.fleet-ops-resources-doc-link:hover {
    color: #2563eb;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.fleet-ops-resources-doc-link svg {
    flex-shrink: 0;
    color: #3485e2;
}

.fleet-ops-resources-doc-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-ops-resources-notice-list,
.fleet-ops-resources-checklist {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.fleet-ops-resources-notice {
    gap: 0.45rem;
    padding: 0.425rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

.fleet-ops-resources-notice-warning {
    color: #92400e;
    background: #fffbeb;
    border-color: #fde68a;
}

.fleet-ops-resources-notice-info {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.fleet-ops-resources-notice-success {
    color: #047857;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.fleet-ops-resources-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fleet-ops-resources-checklist-item {
    gap: 0.375rem;
    padding: 0.35rem 0.4rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

.fleet-ops-resources-checklist-item.is-complete {
    color: #047857;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.fleet-ops-resources-checklist-item.is-pending:hover {
    color: #2563eb;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.fleet-ops-resources-checklist-icon {
    display: flex;
    flex: 0 0 1.15rem;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    font-size: 0.625rem;
    border-radius: 999px;
    background: rgba(52, 133, 226, 0.12);
}

.fleet-ops-resources-checklist-item.is-complete .fleet-ops-resources-checklist-icon {
    background: rgba(4, 120, 87, 0.12);
}

body[data-theme='dark'] .fleet-ops-resources-hub-shell {
    color: #f9fafb;
    background: #111827;
}

body[data-theme='dark'] .fleet-ops-resources-hub-header,
body[data-theme='dark'] .fleet-ops-resources-section {
    background: #1f2937;
    border-color: #374151;
}

body[data-theme='dark'] .fleet-ops-resources-section-header p {
    color: #9ca3af;
}

body[data-theme='dark'] .fleet-ops-resources-doc-link,
body[data-theme='dark'] .fleet-ops-resources-notice,
body[data-theme='dark'] .fleet-ops-resources-checklist-item {
    background: #111827;
    border-color: #374151;
}

body[data-theme='dark'] .fleet-ops-resources-doc-link:hover,
body[data-theme='dark'] .fleet-ops-resources-checklist-item.is-pending:hover {
    color: #93c5fd;
    background: #1e3a5f;
    border-color: #2563eb;
}

body[data-theme='dark'] .fleet-ops-resources-notice-warning {
    color: #fbbf24;
    background: rgba(146, 64, 14, 0.18);
    border-color: rgba(251, 191, 36, 0.35);
}

body[data-theme='dark'] .fleet-ops-resources-notice-info {
    color: #93c5fd;
    background: rgba(37, 99, 235, 0.18);
    border-color: rgba(147, 197, 253, 0.3);
}

body[data-theme='dark'] .fleet-ops-resources-notice-success,
body[data-theme='dark'] .fleet-ops-resources-checklist-item.is-complete {
    color: #6ee7b7;
    background: rgba(4, 120, 87, 0.18);
    border-color: rgba(110, 231, 183, 0.28);
}

@media (width >= 768px) {
    .fleet-ops-resources-hub-header {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .fleet-ops-resources-hub-header-inner {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .fleet-ops-resources-hub-content {
        padding: 1rem 1.5rem;
    }

    .fleet-ops-resources-kpi-grid,
    .fleet-ops-resources-card-grid,
    .fleet-ops-resources-guidance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >= 1024px) {
    .fleet-ops-resources-kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .fleet-ops-resources-card-grid,
    .fleet-ops-resources-guidance-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >= 1280px) {
    .fleet-ops-resources-card-grid,
    .fleet-ops-resources-guidance-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

body[data-theme='dark'] .fleet-ops-hub {
    color: #f9fafb;
    background: #111827;
}

body[data-theme='dark'] .fleet-ops-hub-kpi,
body[data-theme='dark'] .fleet-ops-hub-card,
body[data-theme='dark'] .fleet-ops-hub-panel {
    background: #1f2937;
    border-color: #374151;
}

body[data-theme='dark'] .fleet-ops-hub-header {
    background: #111827;
    border-bottom-color: #374151;
}

body[data-theme='dark'] .fleet-ops-hub-title,
body[data-theme='dark'] .fleet-ops-hub-kpi-value,
body[data-theme='dark'] .fleet-ops-hub-card-heading,
body[data-theme='dark'] .fleet-ops-hub-panel-title {
    color: #f9fafb;
}

.fleet-ops-control-hub {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    color: #111827;
    background: #f9fafb;
}

.fleet-ops-control-hub-header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.fleet-ops-control-hub-header-copy {
    min-width: 0;
}

.fleet-ops-control-hub-eyebrow {
    margin-bottom: 0.125rem;
    font-size: 0.6875rem;
    font-weight: 800;
    line-height: 1rem;
    color: #3485e2;
    text-transform: uppercase;
}

.fleet-ops-control-hub-title {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.35;
    color: #111827;
}

.fleet-ops-control-hub-subtitle {
    max-width: 52rem;
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.35rem;
    color: #6b7280;
}

.fleet-ops-control-hub-header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.fleet-ops-control-hub-primary-action {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2rem;
    padding: 0 0.7rem;
    font-size: 0.75rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
    background: #2563eb;
    border: 1px solid #2563eb;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}

.fleet-ops-control-hub-primary-action:hover {
    color: #fff;
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.fleet-ops-control-hub-body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 80rem;
    padding: 0.875rem 1rem 1rem;
    margin: 0 auto;
}

.fleet-ops-control-hub-kpis {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.fleet-ops-control-hub-kpi,
.fleet-ops-control-hub-panel,
.fleet-ops-control-hub-link,
.fleet-ops-control-hub-action {
    color: inherit;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.fleet-ops-control-hub-kpi {
    position: relative;
    display: flex;
    min-height: 7rem;
    padding: 0.875rem;
    overflow: hidden;
    text-decoration: none;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.02) 50%, #fff 100%), #fff;
    border-color: #bfdbfe;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.fleet-ops-control-hub-kpi:hover,
.fleet-ops-control-hub-link:hover,
.fleet-ops-control-hub-action:hover {
    color: inherit;
    border-color: #bfdbfe;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.fleet-ops-control-hub-kpi-copy {
    min-width: 0;
    padding-right: 3rem;
}

.fleet-ops-control-hub-kpi-label {
    overflow: hidden;
    font-size: 0.6875rem;
    font-weight: 800;
    line-height: 1rem;
    color: #6b7280;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.fleet-ops-control-hub-kpi-value {
    margin-top: 0.375rem;
    font-size: 1.85rem;
    font-weight: 900;
    line-height: 1.1;
    color: #111827;
}

.fleet-ops-control-hub-kpi-caption {
    display: -webkit-box;
    margin-top: 0.5rem;
    overflow: hidden;
    font-size: 0.75rem;
    line-height: 1.15rem;
    color: #6b7280;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fleet-ops-control-hub-kpi-action {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.625rem;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1rem;
    color: #2563eb;
    white-space: nowrap;
}

.fleet-ops-control-hub-kpi-action span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-ops-control-hub-kpi-action svg {
    flex-shrink: 0;
    font-size: 0.6875rem;
    transition: transform 0.18s ease;
}

.fleet-ops-control-hub-kpi:hover .fleet-ops-control-hub-kpi-action svg {
    transform: translateX(2px);
}

.fleet-ops-control-hub-kpi-icon,
.fleet-ops-control-hub-link-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eff6ff;
    border-radius: 0.375rem;
}

.fleet-ops-control-hub-kpi-icon {
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    width: 2.25rem;
    height: 2.25rem;
}

.fleet-ops-control-hub-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

.fleet-ops-control-hub-main,
.fleet-ops-control-hub-side,
.fleet-ops-control-hub-action-list {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.75rem;
}

.fleet-ops-control-hub-panel {
    padding: 0.875rem;
}

.fleet-ops-control-hub-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.fleet-ops-control-hub-panel-header h2 {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.25rem;
    color: #111827;
}

.fleet-ops-control-hub-panel-header p {
    max-width: 42rem;
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    line-height: 1.2rem;
    color: #6b7280;
}

.fleet-ops-control-hub-link-grid,
.fleet-ops-control-hub-doc-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

.fleet-ops-control-hub-doc-grid {
    gap: 0;
}

.fleet-ops-control-hub-doc-note {
    padding: 0.5rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 0.375rem;
}

.fleet-ops-control-hub-doc-note-heading {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.35rem;
    font-size: 0.6875rem;
    font-weight: 900;
    line-height: 1rem;
    color: #92400e;
    text-transform: uppercase;
}

.fleet-ops-control-hub-doc-note-heading svg {
    color: #d97706;
}

.fleet-ops-control-hub-doc-note-copy {
    margin: -0.2rem 0 0.35rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #92400e;
}

.fleet-ops-control-hub-link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-height: 4.25rem;
    padding: 0.625rem;
    text-decoration: none;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.fleet-ops-control-hub-link-icon {
    width: 2rem;
    height: 2rem;
    font-size: 0.8125rem;
}

.fleet-ops-control-hub-link-copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.125rem;
}

.fleet-ops-control-hub-link-title {
    overflow: hidden;
    font-size: 0.8125rem;
    font-weight: 800;
    line-height: 1.2rem;
    color: #111827;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-ops-control-hub-link-description {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.75rem;
    line-height: 1.1rem;
    color: #6b7280;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fleet-ops-control-hub-link-count {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.5rem;
    padding: 0 0.45rem;
    font-size: 0.75rem;
    font-weight: 900;
    color: #1d4ed8;
    background: #eff6ff;
    border-radius: 999px;
}

.fleet-ops-control-hub-link-arrow {
    flex-shrink: 0;
    color: #9ca3af;
}

.fleet-ops-control-hub-action {
    display: flex;
    gap: 0.625rem;
    padding: 0.625rem;
    text-decoration: none;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.fleet-ops-control-hub-action svg {
    flex-shrink: 0;
    margin-top: 0.1875rem;
    color: #2563eb;
}

.fleet-ops-control-hub-action strong,
.fleet-ops-control-hub-action small {
    display: block;
}

.fleet-ops-control-hub-action strong {
    font-size: 0.8125rem;
    line-height: 1.15rem;
    color: #111827;
}

.fleet-ops-control-hub-action small {
    margin-top: 0.125rem;
    font-size: 0.75rem;
    line-height: 1.15rem;
    color: #6b7280;
}

.fleet-ops-control-hub-doc-link {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    min-width: 0;
    min-height: 2.15rem;
    padding: 0.3rem;
    color: inherit;
    font-size: 0.6875rem;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: none;
    transition: background 0.18s ease;
}

.fleet-ops-control-hub-doc-link + .fleet-ops-control-hub-doc-link {
    margin-top: 0.4rem;
}

.fleet-ops-control-hub-doc-link + .fleet-ops-control-hub-doc-link::before {
    position: absolute;
    top: -0.2rem;
    right: 0.3rem;
    left: 0.3rem;
    border-top: 1px dashed rgba(217, 119, 6, 0.35);
    content: '';
    pointer-events: none;
}

.fleet-ops-control-hub-doc-link:hover {
    color: inherit;
    background: rgba(245, 158, 11, 0.1);
    box-shadow: none;
    transform: none;
}

.fleet-ops-control-hub-doc-link svg {
    flex-shrink: 0;
    margin-top: 0.125rem;
    font-size: 0.6875rem;
    color: #b45309;
}

.fleet-ops-control-hub-doc-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.05rem;
}

.fleet-ops-control-hub-doc-copy strong,
.fleet-ops-control-hub-doc-copy small {
    display: block;
}

.fleet-ops-control-hub-doc-copy strong {
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1rem;
    color: #111827;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleet-ops-control-hub-doc-copy small {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.6875rem;
    line-height: 0.95rem;
    color: #6b7280;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.fleet-ops-control-hub-tone-blue {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(37, 99, 235, 0.03) 52%, #fff 100%), #fff;
    border-color: #bfdbfe;
}

.fleet-ops-control-hub-tone-green,
.fleet-ops-control-hub-tone-success {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(16, 185, 129, 0.03) 52%, #fff 100%), #fff;
    border-color: #a7f3d0;
}

.fleet-ops-control-hub-tone-amber,
.fleet-ops-control-hub-tone-warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.16), rgba(245, 158, 11, 0.04) 52%, #fff 100%), #fff;
    border-color: #fde68a;
}

.fleet-ops-control-hub-tone-rose {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.13), rgba(225, 29, 72, 0.03) 52%, #fff 100%), #fff;
    border-color: #fecdd3;
}

.fleet-ops-control-hub-tone-green .fleet-ops-control-hub-kpi-icon,
.fleet-ops-control-hub-tone-success .fleet-ops-control-hub-kpi-icon,
.fleet-ops-control-hub-tone-green .fleet-ops-control-hub-link-icon,
.fleet-ops-control-hub-tone-success .fleet-ops-control-hub-link-icon {
    color: #047857;
    background: #ecfdf5;
}

.fleet-ops-control-hub-tone-amber .fleet-ops-control-hub-kpi-icon,
.fleet-ops-control-hub-tone-warning .fleet-ops-control-hub-kpi-icon,
.fleet-ops-control-hub-tone-amber .fleet-ops-control-hub-link-icon,
.fleet-ops-control-hub-tone-warning .fleet-ops-control-hub-link-icon {
    color: #b45309;
    background: #fffbeb;
}

.fleet-ops-control-hub-tone-rose .fleet-ops-control-hub-kpi-icon {
    color: #e11d48;
    background: #fff1f2;
}

.fleet-ops-dashboard-page {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgb(15 23 42 / 6%);
}

.fleet-ops-dashboard-title h1 {
    color: #111827;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.fleet-ops-dashboard-actions {
    justify-content: flex-end;
}

.fleet-ops-dashboard-actions .ember-basic-dropdown-trigger {
    display: flex;
}

.fleet-ops-dashboard-create-wrapper {
    padding: 1rem;
}

body[data-theme='dark'] .fleet-ops-control-hub {
    color: #f9fafb;
    background: #111827;
}

body[data-theme='dark'] .fleet-ops-control-hub-kpi,
body[data-theme='dark'] .fleet-ops-control-hub-panel,
body[data-theme='dark'] .fleet-ops-control-hub-link,
body[data-theme='dark'] .fleet-ops-control-hub-action {
    background: #1f2937;
    border-color: #374151;
}

body[data-theme='dark'] .fleet-ops-control-hub-header {
    background: #111827;
    border-color: #374151;
}

body[data-theme='dark'] .fleet-ops-control-hub-title,
body[data-theme='dark'] .fleet-ops-control-hub-kpi-value,
body[data-theme='dark'] .fleet-ops-control-hub-panel-header h2,
body[data-theme='dark'] .fleet-ops-control-hub-link-title,
body[data-theme='dark'] .fleet-ops-control-hub-action strong,
body[data-theme='dark'] .fleet-ops-control-hub-doc-copy strong {
    color: #f9fafb;
}

body[data-theme='dark'] .fleet-ops-control-hub-subtitle,
body[data-theme='dark'] .fleet-ops-control-hub-kpi-label,
body[data-theme='dark'] .fleet-ops-control-hub-kpi-caption,
body[data-theme='dark'] .fleet-ops-control-hub-panel-header p,
body[data-theme='dark'] .fleet-ops-control-hub-link-description,
body[data-theme='dark'] .fleet-ops-control-hub-action small,
body[data-theme='dark'] .fleet-ops-control-hub-doc-copy small {
    color: #9ca3af;
}

body[data-theme='dark'] .fleet-ops-control-hub-kpi-action {
    color: #93c5fd;
}

body[data-theme='dark'] .fleet-ops-control-hub-action svg {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-green svg,
body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-success svg {
    color: #34d399;
}

body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-amber svg,
body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-warning svg {
    color: #fbbf24;
}

body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-rose svg {
    color: #fb7185;
}

body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-blue svg,
body[data-theme='dark'] .fleet-ops-control-hub-action.fleet-ops-control-hub-tone-info svg {
    color: #93c5fd;
}

body[data-theme='dark'] .fleet-ops-control-hub-doc-note {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
}

body[data-theme='dark'] .fleet-ops-control-hub-doc-note-heading,
body[data-theme='dark'] .fleet-ops-control-hub-doc-note-heading svg,
body[data-theme='dark'] .fleet-ops-control-hub-doc-link svg {
    color: #fbbf24;
}

body[data-theme='dark'] .fleet-ops-control-hub-doc-note-copy {
    color: #fcd34d;
}

body[data-theme='dark'] .fleet-ops-control-hub-doc-link:hover {
    background: rgba(251, 191, 36, 0.12);
}

body[data-theme='dark'] .fleet-ops-control-hub-doc-link + .fleet-ops-control-hub-doc-link::before {
    border-top-color: rgba(251, 191, 36, 0.28);
}

body[data-theme='dark'] .fleet-ops-control-hub-tone-blue {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0.06) 52%, #1f2937 100%), #1f2937;
    border-color: rgba(96, 165, 250, 0.45);
}

body[data-theme='dark'] .fleet-ops-control-hub-tone-green,
body[data-theme='dark'] .fleet-ops-control-hub-tone-success {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.06) 52%, #1f2937 100%), #1f2937;
    border-color: rgba(52, 211, 153, 0.45);
}

body[data-theme='dark'] .fleet-ops-control-hub-tone-amber,
body[data-theme='dark'] .fleet-ops-control-hub-tone-warning {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22), rgba(245, 158, 11, 0.06) 52%, #1f2937 100%), #1f2937;
    border-color: rgba(251, 191, 36, 0.45);
}

body[data-theme='dark'] .fleet-ops-control-hub-tone-rose {
    background: linear-gradient(135deg, rgba(225, 29, 72, 0.2), rgba(225, 29, 72, 0.06) 52%, #1f2937 100%), #1f2937;
    border-color: rgba(251, 113, 133, 0.45);
}

body[data-theme='dark'] .fleet-ops-control-hub-kpi-icon,
body[data-theme='dark'] .fleet-ops-control-hub-link-icon,
body[data-theme='dark'] .fleet-ops-control-hub-link-count {
    color: #93c5fd;
    background: rgba(37, 99, 235, 0.2);
}

body[data-theme='dark'] .fleet-ops-control-hub-primary-action {
    color: #fff;
}

body[data-theme='dark'] .fleet-ops-dashboard-page {
    background-color: #111827;
    border-bottom-color: #1f2937;
    box-shadow: 0 1px 2px rgb(2 6 23 / 30%);
}

body[data-theme='dark'] .fleet-ops-dashboard-title h1 {
    color: #f9fafb;
}

@media (width >= 768px) {
    .fleet-ops-control-hub-header {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .fleet-ops-control-hub-header-actions {
        flex-shrink: 0;
        justify-content: flex-end;
    }

    .fleet-ops-control-hub-body {
        padding: 1rem 1.5rem;
    }

    .fleet-ops-control-hub-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fleet-ops-control-hub-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fleet-ops-control-hub-link-grid-compact {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .fleet-ops-control-hub-doc-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (width <= 767px) {
    .fleet-ops-dashboard-page {
        flex-direction: column;
        align-items: flex-start;
    }

    .fleet-ops-dashboard-actions {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (width >= 1024px) {
    .fleet-ops-control-hub-grid {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 23rem);
        align-items: start;
    }

    .fleet-ops-control-hub-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .fleet-ops-control-hub-side {
        position: sticky;
        top: 5.25rem;
    }
}

@media (width >= 1280px) {
    .fleet-ops-control-hub-link-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fleet-ops-control-hub-link-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

body[data-theme='dark'] .fleet-ops-hub-subtitle,
body[data-theme='dark'] .fleet-ops-hub-kpi-label,
body[data-theme='dark'] .fleet-ops-hub-kpi-caption,
body[data-theme='dark'] .fleet-ops-hub-card-description,
body[data-theme='dark'] .fleet-ops-hub-guidance-list,
body[data-theme='dark'] .fleet-ops-hub-section-title {
    color: #9ca3af;
}

body[data-theme='dark'] .fleet-ops-hub-card:hover {
    background: #243244;
    border-color: #2563eb;
}

body[data-theme='dark'] .fleet-ops-hub-card-icon,
body[data-theme='dark'] .fleet-ops-hub-kpi-icon {
    color: #93c5fd;
    background: rgba(37, 99, 235, 0.22);
}

body[data-theme='dark'] .fleet-ops-hub-panel-prominent,
body[data-theme='dark'] .fleet-ops-hub-kpi-accent-green,
body[data-theme='dark'] .fleet-ops-hub-kpi-accent-amber,
body[data-theme='dark'] .fleet-ops-hub-kpi-accent-rose {
    background: #1f2937;
}

@media (width >= 768px) {
    .fleet-ops-hub-kpi-grid,
    .fleet-ops-hub-card-grid,
    .fleet-ops-hub-card-grid-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >= 1280px) {
    .fleet-ops-hub-kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .fleet-ops-hub-layout {
        grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
    }

    .fleet-ops-hub-card-grid-three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/** css fix for operations index/kanban */
main.console-fleet-ops-operations-orders-index-index section.next-view-section {
    max-width: 100vw;
    min-width: 0;
}

main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    min-width: 0;
}

main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container > .next-view-section-subheader {
    flex: 0 0 auto;
    width: 100%;
}

main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container > .next-view-section-body {
    flex: 1 1 auto;
    min-width: 0;
    overflow: auto;
}

main.console-fleet-ops-operations-orders-index-index section.next-view-section > .next-view-section-container > .next-view-section-body > .kanban-board {
    display: flex;
}

.next-view-section-subheader .next-view-section-subheader-actions .order-board-type-filter.ember-power-select-trigger.ember-basic-dropdown-trigger {
    height: 2rem;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 2rem;
}

.positions-replay-component {
    width: 100%;
    max-width: 100%;
}

.positions-replay-component .metric-card {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background-color: rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease-in-out;
}

.positions-replay-component .metric-card:hover {
    background-color: rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

body[data-theme='dark'] .positions-replay-component .metric-card {
    background-color: rgba(255, 255, 255, 0.05);
}

body[data-theme='dark'] .positions-replay-component .metric-card:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.positions-replay-component .metric-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.positions-replay-component .metric-value {
    font-size: 0.85rem;
    line-height: 1;
}

.positions-replay-component .positions-replay-map-container {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.positions-replay-component .replay-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.positions-replay-component .speed-control {
    display: flex;
    align-items: center;
}

.positions-replay-component .speed-control > select.speed-select {
    height: 1.7rem;
    font-size: 0.85rem;
    line-height: 0.85rem;
    text-align: center;
    padding: 0 2rem 0 0.75rem;
}

.positions-replay-component .replay-progress {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.positions-replay-component .progress-bar {
    position: relative;
    overflow: hidden;
    border-radius: 9999px;
}

.positions-replay-component .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #2563eb);
    transition: width 0.3s ease-in-out;
}

.positions-replay-component .map-wrapper {
    position: relative;
    width: 100%;
}

.positions-replay-component .positions-replay-map {
    width: 100%;
    height: 100%;
}

.positions-replay-component .positions-replay-timeline {
    margin-top: 1rem;
}

.positions-replay-component .timeline-container {
    position: relative;
}

.positions-replay-component .timeline-track {
    display: flex;
    padding-bottom: 1rem;
    min-width: min-content;
}

.positions-replay-component .timeline-item {
    position: relative;
    min-width: 80px;
    padding: 0.5rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease-in-out;
}

.positions-replay-component .timeline-item:hover {
    transform: translateY(-2px);
}

.positions-replay-component .timeline-marker {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    margin: 0 auto 0.25rem;
    transition: all 0.2s ease-in-out;
}

.positions-replay-component .timeline-item:hover .timeline-marker {
    transform: scale(1.3);
}

.positions-replay-component .timeline-content {
    text-align: center;
    white-space: nowrap;
}

.positions-replay-component .positions-replay-table table {
    width: 100%;
    border-collapse: collapse;
}

.positions-replay-component .positions-replay-table th {
    position: sticky;
    top: 0;
    z-index: 10;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.65rem;
}

.positions-replay-component .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

#map-topbar-container {
    height: 40px;
    flex-shrink: 0;
}

/* Scheduling: Availability Type Toggle Buttons */
.availability-type-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 0;
    border-radius: 0.5rem;
    border: 1px solid;
    font-size: 0.75rem;
    font-weight: 500;
    transition:
        color 0.15s,
        background-color 0.15s,
        border-color 0.15s;
    cursor: pointer;
}

.availability-type-btn.is-unselected {
    background-color: #fff;
    border-color: #d1d5db;
    color: #4b5563;
}

body[data-theme='dark'] .availability-type-btn.is-unselected {
    background-color: #1f2937;
    border-color: #4b5563;
    color: #9ca3af;
}

.availability-type-btn.is-selected-available {
    background-color: #f0fdf4;
    border-color: #22c55e;
    color: #15803d;
}

body[data-theme='dark'] .availability-type-btn.is-selected-available {
    background-color: #14532d;
    border-color: #4ade80;
    color: #bbf7d0;
}

.availability-type-btn.is-selected-unavailable {
    background-color: #fef2f2;
    border-color: #ef4444;
    color: #b91c1c;
}

body[data-theme='dark'] .availability-type-btn.is-selected-unavailable {
    background-color: #7f1d1d;
    border-color: #f87171;
    color: #fecaca;
}

/* Scheduling: Shift Chip in Driver Calendar (ember-ui Badge info style) */

.driver-schedule-shift-chip {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
    padding: 0.25rem 0.375rem;
    font-size: 0.7rem;
    line-height: 1.3;
    border: 1px solid #bfdbfe;
    background-color: #eff6ff;
    color: #1e40af;
}

body[data-theme='dark'] .driver-schedule-shift-chip {
    background-color: #1e3a5f;
    border-color: #3b82f6;
    color: #93c5fd;
}

.driver-schedule-shift-chip .shift-chip-time {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.driver-schedule-shift-chip .shift-chip-actions {
    display: flex;
    gap: 0.125rem;
    margin-top: 0.125rem;
}

.driver-schedule-shift-chip .shift-chip-action-btn {
    padding: 0.125rem;
    border-radius: 0.25rem;
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.driver-schedule-shift-chip .shift-chip-action-btn:hover {
    opacity: 1;
}

.driver-schedule-shift-chip .shift-chip-action-btn.edit {
    color: #2563eb;
}

body[data-theme='dark'] .driver-schedule-shift-chip .shift-chip-action-btn.edit {
    color: #93c5fd;
}

.driver-schedule-shift-chip .shift-chip-action-btn.delete {
    color: #dc2626;
}

body[data-theme='dark'] .driver-schedule-shift-chip .shift-chip-action-btn.delete {
    color: #fca5a5;
}

/* Fleet Calendar FullCalendar Overrides */

#fleet-ops-fleet-schedule-container .fc {
    font-size: 0.75rem;
    font-family: inherit;
}

#fleet-ops-fleet-schedule-container .fc-theme-standard td,
#fleet-ops-fleet-schedule-container .fc-theme-standard th,
#fleet-ops-fleet-schedule-container .fc-theme-standard .fc-scrollgrid {
    border-color: #e5e7eb;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-theme-standard td,
body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-theme-standard th,
body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-theme-standard .fc-scrollgrid {
    border-color: #374151;
}

#fleet-ops-fleet-schedule-container .fc-col-header-cell {
    background-color: #f9fafb;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-col-header-cell {
    background-color: #111827;
    color: #9ca3af;
}

#fleet-ops-fleet-schedule-container .fc-resource-area .fc-cell-text {
    font-weight: 500;
    font-size: 0.75rem;
    color: #111827;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-resource-area .fc-cell-text {
    color: #f3f4f6;
}

#fleet-ops-fleet-schedule-container .fc-resource-area th {
    background-color: #f9fafb;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-resource-area th {
    background-color: #111827;
}

#fleet-ops-fleet-schedule-container .fc-timeline-lane {
    background-color: #fff;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-timeline-lane {
    background-color: #1f2937;
}

#fleet-ops-fleet-schedule-container .fc-timeline-slot.fc-day-today {
    background-color: #eff6ff;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-timeline-slot.fc-day-today {
    background-color: #1e3a5f;
}

#fleet-ops-fleet-schedule-container .fc-event {
    border-radius: 0.25rem;
    border: none;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.1rem 0.35rem;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

#fleet-ops-fleet-schedule-container .fc-event:hover {
    filter: brightness(0.95);
}

#fleet-ops-fleet-schedule-container .fc-timeline-slot-label {
    font-size: 0.65rem;
    color: #9ca3af;
    padding: 0 0.25rem;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-timeline-slot-label {
    color: #6b7280;
}

#fleet-ops-fleet-schedule-container .fc-scrollgrid {
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

body[data-theme='dark'] #fleet-ops-fleet-schedule-container .fc-scrollgrid {
    border-color: #374151;
}

/* ============================================================
   @event-calendar/core - Fleetbase Scheduler Overrides
   ============================================================ */

/* Light-mode variable overrides */
#fleet-ops-scheduler-timeline .ec {
    --ec-color-400: #9ca3af;
    --ec-color-300: #d1d5db;
    --ec-color-200: #e5e7eb;
    --ec-color-100: #f3f4f6;
    --ec-color-50: #f9fafb;
    --ec-bg-color: #fff;
    --ec-text-color: #111827;
    --ec-border-color: #e5e7eb;
    --ec-button-bg-color: #fff;
    --ec-button-border-color: #d1d5db;
    --ec-button-text-color: #374151;
    --ec-button-active-bg-color: #4f46e5;
    --ec-button-active-border-color: #4338ca;
    --ec-button-active-text-color: #fff;
    --ec-today-bg-color: #eff6ff;
    --ec-highlight-color: #e0e7ff;
    --ec-event-bg-color: #4f46e5;
    --ec-event-text-color: #fff;
    --ec-bg-event-color: #e5e7eb;
    --ec-bg-event-opacity: 0.4;
    --ec-now-indicator-color: #ef4444;

    font-size: 0.75rem;
    font-family: inherit;
}

/* Dark-mode variable overrides */
body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec {
    --ec-color-400: #4b5563;
    --ec-color-300: #374151;
    --ec-color-200: #1f2937;
    --ec-color-100: #111827;
    --ec-color-50: #0f172a;
    --ec-bg-color: #111827;
    --ec-text-color: #f3f4f6;
    --ec-border-color: #374151;
    --ec-button-bg-color: #1f2937;
    --ec-button-border-color: #374151;
    --ec-button-text-color: #d1d5db;
    --ec-button-active-bg-color: #4f46e5;
    --ec-button-active-border-color: #6366f1;
    --ec-button-active-text-color: #fff;
    --ec-today-bg-color: #1e3a5f;
    --ec-highlight-color: #312e81;
    --ec-event-bg-color: #6366f1;
    --ec-event-text-color: #fff;
    --ec-bg-event-color: #374151;
    --ec-bg-event-opacity: 0.5;
    --ec-now-indicator-color: #f87171;
}

/* Toolbar refinements */
#fleet-ops-scheduler-timeline .ec-toolbar {
    padding: 0.5rem 0.75rem;
    margin-block-end: 0;
    border-bottom: none;
    background-color: var(--ec-bg-color);
}

#fleet-ops-scheduler-timeline .ec-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ec-text-color);
}

#fleet-ops-scheduler-timeline .ec-button {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    transition:
        background-color 0.15s,
        border-color 0.15s,
        color 0.15s;
}

#fleet-ops-scheduler-timeline .ec-button:not(:disabled):hover {
    background-color: var(--ec-color-100);
    border-color: var(--ec-color-300);
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-button:not(:disabled):hover {
    background-color: var(--ec-color-200);
}

/* Resource label column */
#fleet-ops-scheduler-timeline .ec-sidebar {
    background-color: var(--ec-color-50);
    border-inline-end-color: var(--ec-border-color);
    min-width: 180px;
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-sidebar {
    background-color: var(--ec-color-100);
}

#fleet-ops-scheduler-timeline .ec-resource {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ec-text-color);
    padding: 0;
}

/* Column headers (time slots) */
#fleet-ops-scheduler-timeline .ec-col-head,
#fleet-ops-scheduler-timeline .ec-col-group {
    background-color: var(--ec-color-50);
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    border-color: var(--ec-border-color);
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-col-head,
body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-col-group {
    background-color: var(--ec-color-100);
    color: #9ca3af;
}

/* Row / lane backgrounds */
#fleet-ops-scheduler-timeline .ec-day {
    background-color: var(--ec-bg-color);
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-day {
    background-color: #1f2937;
}

/* Events */
#fleet-ops-scheduler-timeline .ec-event {
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    border: none;
    min-height: 3.25rem;
    overflow: hidden;
}

#fleet-ops-scheduler-timeline .ec-event:hover {
    filter: brightness(0.92);
}

/* Now indicator */
#fleet-ops-scheduler-timeline .ec-now-indicator {
    border-color: var(--ec-now-indicator-color);
}

#fleet-ops-scheduler-timeline .ec-now-indicator-arrow {
    border-top-color: var(--ec-now-indicator-color);
    border-bottom-color: var(--ec-now-indicator-color);
}

/* Drag-over hover state */
#fleet-ops-scheduler-timeline[data-dragging-over='true'] .ec-main {
    background-color: rgba(99, 102, 241, 0.04);
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline[data-dragging-over='true'] .ec-main {
    background-color: rgba(129, 140, 248, 0.06);
}

/* Per-column drop cursor indicator */
#fleet-ops-scheduler-timeline .ec-drop-cursor {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #6366f1;
    pointer-events: none;
    z-index: 10;
    border-radius: 1px;
    box-shadow: 0 0 6px rgba(99, 102, 241, 0.7);
    transition: left 0.04s linear;
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-drop-cursor {
    background-color: #818cf8;
    box-shadow: 0 0 6px rgba(129, 140, 248, 0.7);
}

/* Full-height timeline */
#fleet-ops-scheduler-timeline {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

#fleet-ops-scheduler-timeline .fleetbase-event-calendar,
#fleet-ops-scheduler-timeline .ec {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#fleet-ops-scheduler-timeline .ec-main {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

/* Scrollbar styling (Webkit) */
#fleet-ops-scheduler-timeline .ec-main::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

#fleet-ops-scheduler-timeline .ec-main::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 3px;
}

body[data-theme='dark'] #fleet-ops-scheduler-timeline .ec-main::-webkit-scrollbar-thumb {
    background-color: #4b5563;
}

/* ============================================================
   Scheduler - Full-height layout & header overflow fixes
   ============================================================ */

/* 1. Make the tab-navigation a flex column so the tab-content
      fills the remaining height below the tab-list. */
.tab-navigation.fleet-ops-scheduler-tab-nav {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* 2. The tab-content should grow to fill all remaining space
      below the tab-list. */
.tab-navigation.fleet-ops-scheduler-tab-nav > .tab-content {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 3. The next-view-section-body inside the scheduler should
      fill the remaining space below the subheader. */
.tab-navigation.fleet-ops-scheduler-tab-nav .next-view-section-body {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 4. Fix the subheader overflow: prevent the actions from
      stretching beyond the viewport width. */
.tab-navigation.fleet-ops-scheduler-tab-nav .next-view-section-subheader {
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

/* 5. Allow the actions area to shrink and wrap so buttons
      remain visible when the timeline stretches the layout. */
.tab-navigation.fleet-ops-scheduler-tab-nav .next-view-section-subheader-actions {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    flex-wrap: wrap;
    gap: 0.25rem;
}

/* 6. The scheduler container and timeline fill the body. */
#fleet-ops-scheduler-container {
    flex: 1 1 0;
    min-height: 0;
}

/* ============================================================
   Scheduler – follow-up fixes (round 3)
   ============================================================ */

/* 1. Resource label: make the inner span (direct child of .ec-row-head)
      fill the full cell width so the workload bar stretches correctly. */
#fleet-ops-orchestrator-plan-timeline .ec-row-head > span,
#fleet-ops-scheduler-timeline .ec-row-head > span {
    display: block;
    width: 100%;
    text-align: left;
}

/* 2. Event blocks: ensure a minimum width so the 3-line content is readable.
      The timeline slot width determines how wide each column is; we set a
      sensible min-width so the block never collapses to an unreadable sliver. */
#fleet-ops-orchestrator-plan-timeline .ec-event,
#fleet-ops-scheduler-timeline .ec-event {
    min-width: 200px;
}

/* 3. Search icon: FontAwesome SVGs carry vertical-align:-0.125em which shifts
      the icon slightly below the visual centre of the flex container.
      The span uses Tailwind utility classes (absolute, inset-y-0, flex,
      items-center) not a semantic class, so we target the first span child
      of the .relative wrapper. */
#fleet-ops-scheduler-sidebar .relative > span:first-child .svg-inline--fa,
#fleet-ops-scheduler-sidebar .relative > span:first-child svg {
    vertical-align: middle;
    display: block;
    line-height: 1;
}

/* 4. Schedule card: remove horizontal padding from .card-content so the
      content sits flush with the card border. */
.order-schedule-card .card-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ============================================================
   Orchestrator Workbench
   ============================================================ */

/* ── Workbench layout ── */
.orchestrator-workbench {
    background: #f9fafb; /* gray-50 — light mode default */
}

body[data-theme='dark'] .orchestrator-workbench,
.dark .orchestrator-workbench {
    background: #111827; /* gray-900 — dark mode */
}

.orchestrator-workbench > .next-view-section-subheader {
    grid-template-columns: 1fr 5fr;
}

.orchestrator-workbench > .next-view-section-subheader .next-view-section-subheader-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Toolbar ── */
.workbench-toolbar {
    min-height: 44px;
}

/* ── Options panel ── */
.workbench-options-panel label {
    white-space: nowrap;
}

/* ── Order pool card ── */

/* Light-mode base: white card with gray-200 border */
.order-pool-card {
    background: #fff;
    border-color: #e5e7eb; /* gray-200 */
    transition:
        background 0.1s,
        border-color 0.1s;
}

.order-pool-card:hover {
    background: #f9fafb;
    border-color: #93c5fd; /* blue-300 */
}

.order-pool-card.selected {
    background: #eff6ff; /* blue-50 */
    border-color: #3b82f6;
}

/* Dark-mode overrides */
body[data-theme='dark'] .order-pool-card,
.dark .order-pool-card {
    background: #1f2937;
    border-color: #374151;
}

body[data-theme='dark'] .order-pool-card:hover,
.dark .order-pool-card:hover {
    background: #263040;
    border-color: #4b5563;
}

body[data-theme='dark'] .order-pool-card.selected,
.dark .order-pool-card.selected {
    background: #1e3a5f;
    border-color: #3b82f6;
}

/* ── Order filter chips ── */
.order-filter-chip {
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 0.65rem;
    font-weight: 500;
    color: #9ca3af;
    background: transparent;
    border: 1px solid #374151;
    cursor: pointer;
    white-space: nowrap;
    transition:
        background 0.1s,
        color 0.1s,
        border-color 0.1s;
}

.order-filter-chip:hover {
    background: #374151;
    color: #e5e7eb;
}

.order-filter-chip.active {
    background: #1d4ed8;
    border-color: #3b82f6;
    color: #fff;
}

/* ── Skill tags ── */
.skill-tag {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.6rem;
    font-weight: 500;
    background: #1e3a5f;
    color: #93c5fd;
    border: 1px solid #1d4ed8;
}

/* ── Vehicle route cards ── */
.vehicle-route-card {
    transition: box-shadow 0.1s;
}

.vehicle-route-card:hover {
    box-shadow: 0 0 0 1px #3b82f6;
}

/* ── Assigned stop row ── */
.assigned-stop {
    transition: background 0.1s;
}

.assigned-stop:hover {
    background: #263040 !important;
}

/* ── Driver card ── */
.driver-card {
    cursor: pointer;
    transition:
        background 0.1s,
        border-color 0.1s;
}

.driver-card:hover {
    background: #263040;
    border-color: #4b5563;
}

/* ── Vehicle drop zone (drag target) ── */
.vehicle-drop-zone {
    min-height: 32px;
    transition: background 0.1s;
}

.vehicle-drop-zone.drag-over {
    background: rgba(59, 130, 246, 0.1);
    outline: 1px dashed #3b82f6;
    border-radius: 4px;
}

/* ── Import modal ── */
.import-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border: 2px dashed #d1d5db; /* gray-300 — works in both modes */
    border-radius: 0.5rem;
    background: #f9fafb; /* gray-50 — light mode default */
    text-align: center;
    cursor: pointer;
    transition:
        border-color 0.15s,
        background 0.15s;
}

/* Dark mode override */
body[data-theme='dark'] .import-dropzone,
.dark .import-dropzone {
    border-color: #374151;
    background: #1f2937;
}

.import-dropzone:hover,
.import-dropzone.dragging {
    border-color: #3b82f6;
    background: #eff6ff; /* blue-50 for light mode */
}

body[data-theme='dark'] .import-dropzone:hover,
body[data-theme='dark'] .import-dropzone.dragging,
.dark .import-dropzone:hover,
.dark .import-dropzone.dragging {
    background: #1e3a5f;
}

.import-dropzone p {
    margin: 0;
}

/* ── Import step indicator ── */
.import-step {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    color: #6b7280;
    font-weight: 500;
}

.import-step.active {
    color: #3b82f6;
}

.import-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #374151;
    font-size: 0.6rem;
    font-weight: 700;
    color: #9ca3af;
}

.import-step.active .import-step-num {
    background: #1d4ed8;
    color: #fff;
}

.import-step-divider {
    flex: 1;
    height: 1px;
    background: #374151;
    min-width: 16px;
}

/* ── Orchestrator Workbench: panel toggle buttons ── */
.workbench-panel-toggle {
    cursor: pointer;
    z-index: 1;
}

/* ── Orchestrator Workbench: Leaflet div-icon markers ── */

/* The wrapper div produced by div-icon must have no default background/border */
.orch-marker-wrapper {
    background: transparent !important;
    border: none !important;
}

/* Order drop-off dot — blue */
.orch-marker-order {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #3b82f6;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: transform 0.1s;
}

.orch-marker-order.selected {
    background: #f59e0b;
    border-color: #fff;
    transform: scale(1.3);
}

/* Driver/vehicle dot — green online, red offline */
.orch-marker-driver {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background: #ef4444; /* default: offline */
}

.orch-marker-driver.online {
    background: #10b981;
}

.pl-7i {
    padding-left: 1.75rem !important;
}

/**
 * Base reset for the Leaflet divIcon container.
 * Leaflet adds its own background/border by default; we clear those
 * so our custom HTML circle renders cleanly.
 */
.fleetops-waypoint-marker {
    background: transparent !important;
    border: none !important;
}

/**
 * Tooltip shown on hover over a waypoint marker.
 * Minimal padding, small font, semi-transparent dark background.
 */
.fleetops-waypoint-tooltip {
    background: rgba(15, 23, 42, 0.88) !important;
    border: none !important;
    border-radius: 4px !important;
    color: #f8fafc !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 7px !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
}

.fleetops-waypoint-tooltip::before {
    border-top-color: rgba(15, 23, 42, 0.88) !important;
}

/* ============================================================
   Route Visualization – Waypoint Popup
   ============================================================ */

/**
 * Override Leaflet's default popup wrapper to use our design system.
 */
.fleetops-waypoint-popup-wrapper .leaflet-popup-content-wrapper {
    border-radius: 6px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    padding: 0 !important;
    overflow: hidden;
}

.fleetops-waypoint-popup-wrapper .leaflet-popup-content {
    margin: 0 !important;
    width: auto !important;
    min-width: 180px;
}

.fleetops-waypoint-popup-wrapper .leaflet-popup-tip-container {
    margin-top: -1px;
}

/**
 * Inner popup layout.
 */
.fleetops-waypoint-popup {
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #1e293b;
    padding: 10px 12px;
}

.fleetops-waypoint-popup__header {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.fleetops-waypoint-popup__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.fleetops-waypoint-popup__name {
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 2px;
}

.fleetops-waypoint-popup__address {
    color: #475569;
    font-size: 11px;
    margin-bottom: 4px;
}

.fleetops-waypoint-popup__meta {
    color: #64748b;
    font-size: 11px;
    margin-top: 2px;
}

.fleetops-waypoint-popup__meta strong {
    color: #334155;
}

/* ============================================================
   Route Visualization – Live Map Route Tooltips
   ============================================================ */

/**
 * Tooltip shown when hovering over a live-map route polyline.
 */
.fleetops-route-tooltip-wrapper {
    pointer-events: none;
}

.fleetops-route-tooltip-wrapper .leaflet-tooltip {
    background: rgba(15, 23, 42, 0.92) !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3) !important;
    padding: 6px 10px !important;
    color: #f1f5f9 !important;
    font-size: 11px !important;
    white-space: nowrap;
}

.fleetops-route-tooltip-wrapper .leaflet-tooltip::before {
    border-top-color: rgba(15, 23, 42, 0.92) !important;
}

.fleetops-route-tooltip {
    font-family:
        ui-sans-serif,
        system-ui,
        -apple-system,
        sans-serif;
    line-height: 1.6;
}

.fleetops-route-tooltip__id {
    font-weight: 700;
    font-size: 12px;
    color: #f8fafc;
    margin-bottom: 1px;
}

.fleetops-route-tooltip__driver,
.fleetops-route-tooltip__status {
    font-size: 11px;
    color: #94a3b8;
}

/* ============================================================
   Route Visualization – In-Progress Pulse Animation
   Applies a subtle animated glow to active (in_progress) routes.
   ============================================================ */

@keyframes fleetops-route-pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.55;
    }

    100% {
        opacity: 1;
    }
}

.fleetops-route-active path {
    animation: fleetops-route-pulse 2s ease-in-out infinite;
}

.card-fields-settings .card-fields-settings-container {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: scroll;
}

/* ============================================================
   @event-calendar/core - Orchestrator Plan Timeline Overrides
   Mirrors the scheduler timeline styles, scoped to the
   #fleet-ops-orchestrator-plan-timeline wrapper div.
   ============================================================ */
#fleet-ops-orchestrator-plan-timeline .ec {
    --ec-color-400: #9ca3af;
    --ec-color-300: #d1d5db;
    --ec-color-200: #e5e7eb;
    --ec-color-100: #f3f4f6;
    --ec-color-50: #f9fafb;
    --ec-bg-color: #fff;
    --ec-text-color: #111827;
    --ec-border-color: #e5e7eb;
    --ec-button-bg-color: #fff;
    --ec-button-border-color: #d1d5db;
    --ec-button-text-color: #374151;
    --ec-button-active-bg-color: #4f46e5;
    --ec-button-active-border-color: #4338ca;
    --ec-button-active-text-color: #fff;
    --ec-today-bg-color: #eff6ff;
    --ec-highlight-color: #e0e7ff;
    --ec-event-bg-color: #4f46e5;
    --ec-event-text-color: #fff;
    --ec-bg-event-color: #e5e7eb;
    --ec-bg-event-opacity: 0.4;
    --ec-now-indicator-color: #ef4444;

    font-size: 0.75rem;
    font-family: inherit;
}

body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec {
    --ec-color-400: #4b5563;
    --ec-color-300: #374151;
    --ec-color-200: #1f2937;
    --ec-color-100: #111827;
    --ec-color-50: #0f172a;
    --ec-bg-color: #111827;
    --ec-text-color: #f3f4f6;
    --ec-border-color: #374151;
    --ec-button-bg-color: #1f2937;
    --ec-button-border-color: #374151;
    --ec-button-text-color: #d1d5db;
    --ec-button-active-bg-color: #4f46e5;
    --ec-button-active-border-color: #6366f1;
    --ec-button-active-text-color: #fff;
    --ec-today-bg-color: #1e3a5f;
    --ec-highlight-color: #312e81;
    --ec-event-bg-color: #6366f1;
    --ec-event-text-color: #fff;
    --ec-bg-event-color: #374151;
    --ec-bg-event-opacity: 0.5;
    --ec-now-indicator-color: #f87171;
}

#fleet-ops-orchestrator-plan-timeline .ec-toolbar {
    padding: 0.5rem 0.75rem;
    margin-block-end: 0;
    border-bottom: none;
    background-color: var(--ec-bg-color);
}

#fleet-ops-orchestrator-plan-timeline .ec-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ec-text-color);
}

#fleet-ops-orchestrator-plan-timeline .ec-button {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    transition:
        background-color 0.15s,
        border-color 0.15s,
        color 0.15s;
}

#fleet-ops-orchestrator-plan-timeline .ec-button:not(:disabled):hover {
    background-color: var(--ec-color-100);
    border-color: var(--ec-color-300);
}

body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec-button:not(:disabled):hover {
    background-color: var(--ec-color-200);
}

#fleet-ops-orchestrator-plan-timeline .ec-sidebar {
    background-color: var(--ec-color-50);
    border-inline-end-color: var(--ec-border-color);
    min-width: 160px;
}

body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec-sidebar {
    background-color: var(--ec-color-100);
}

#fleet-ops-orchestrator-plan-timeline .ec-resource {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ec-text-color);
    padding: 0;
}

#fleet-ops-orchestrator-plan-timeline .ec-col-head,
#fleet-ops-orchestrator-plan-timeline .ec-col-group {
    background-color: var(--ec-color-50);
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    border-color: var(--ec-border-color);
}

body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec-col-head,
body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec-col-group {
    background-color: var(--ec-color-100);
    color: #9ca3af;
}

#fleet-ops-orchestrator-plan-timeline .ec-day {
    background-color: var(--ec-bg-color);
}

body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec-day {
    background-color: #1f2937;
}

#fleet-ops-orchestrator-plan-timeline .ec-event {
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    cursor: default;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    border: none;
    min-height: 3.25rem;
    overflow: hidden;
}

#fleet-ops-orchestrator-plan-timeline .ec-event:hover {
    filter: brightness(0.92);
}

#fleet-ops-orchestrator-plan-timeline .ec-now-indicator {
    border-color: var(--ec-now-indicator-color);
}

#fleet-ops-orchestrator-plan-timeline .ec-now-indicator-arrow {
    border-top-color: var(--ec-now-indicator-color);
    border-bottom-color: var(--ec-now-indicator-color);
}

#fleet-ops-orchestrator-plan-timeline {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

#fleet-ops-orchestrator-plan-timeline .fleetbase-event-calendar,
#fleet-ops-orchestrator-plan-timeline .ec {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#fleet-ops-orchestrator-plan-timeline .ec-main {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

#fleet-ops-orchestrator-plan-timeline .ec-main::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
}

#fleet-ops-orchestrator-plan-timeline .ec-main::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    border-radius: 3px;
}

body[data-theme='dark'] #fleet-ops-orchestrator-plan-timeline .ec-main::-webkit-scrollbar-thumb {
    background-color: #4b5563;
}

.orchestrator-map-container.next-map-container .leaflet-top {
    top: 0;
}

/* ── Orchestrator Import Modal: tab-style step indicator ── */
.import-step-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px 12px 16px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    border-bottom: 3px solid transparent;
    cursor: default;
    user-select: none;
    letter-spacing: 0.01em;
    transition:
        color 0.15s,
        border-color 0.15s;
}

/* Light mode: gray-500 on gray-50 background */
body[data-theme='light'] .import-step-tab {
    color: #6b7280; /* gray-500 — readable on gray-50 */
}

/* Dark mode: gray-400 on gray-800 background */
body[data-theme='dark'] .import-step-tab {
    color: #9ca3af; /* gray-400 — readable on gray-800 */
}

.import-step-tab--active {
    color: #3b82f6;
    border-bottom-color: #3b82f6;
}

.import-step-tab-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e5e7eb; /* gray-200 — light mode default */
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b7280;
    flex-shrink: 0;
    transition:
        background 0.15s,
        color 0.15s;
}

/* Dark mode step number badge */
body[data-theme='dark'] .import-step-tab-num,
.dark .import-step-tab-num {
    background: #374151;
    color: #9ca3af;
}

.import-step-tab-num--active {
    background: #1d4ed8;
    color: #fff;
}

/* ── Orchestrator Import Modal: column-mapping table layout ── */

/* Sticky column header bar (Target field / Your spreadsheet) */
.import-mapping-header {
    display: grid;
    grid-template-columns: 1fr 28px 1fr;
    align-items: center;
    padding: 6px 16px;
    background: #f3f4f6; /* gray-100 — light mode */
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    z-index: 10;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6b7280;
}

body[data-theme='dark'] .import-mapping-header,
.dark .import-mapping-header {
    background: #111827;
    border-bottom-color: #1f2937;
    color: #4b5563;
}

/* Scrollable body that holds all groups + rows */
.import-mapping-body {
    overflow-y: auto;
    max-height: 420px;
}

/* Section group header (ORDER, PICKUP, DROPOFF, etc.) */
.import-mapping-group-header {
    display: flex;
    align-items: center;
    padding: 5px 16px;
    background: #e5e7eb; /* gray-200 — light mode */
    border-top: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #6b7280;
    position: sticky;
    top: 0;
    z-index: 5;
}

body[data-theme='dark'] .import-mapping-group-header,
.dark .import-mapping-group-header {
    background: #0f172a;
    border-top-color: #1f2937;
    border-bottom-color: #1f2937;
    color: #4b5563;
}

.import-mapping-group-header:first-child {
    border-top: none;
}

/* Individual mapping row */
.import-mapping-row {
    display: grid;
    grid-template-columns: 1fr 28px 1fr;
    align-items: center;
    padding: 5px 16px;
    border-bottom: 1px solid #f3f4f6; /* gray-100 — light mode */
    transition: background 0.1s;
}

body[data-theme='dark'] .import-mapping-row,
.dark .import-mapping-row {
    border-bottom-color: #1f2937;
}

.import-mapping-row:last-child {
    border-bottom: none;
}

.import-mapping-row:hover {
    background: rgba(0, 0, 0, 0.02); /* light mode hover */
}

body[data-theme='dark'] .import-mapping-row:hover,
.dark .import-mapping-row:hover {
    background: rgba(255, 255, 255, 0.02);
}

/* Highlight rows that have a mapping applied */
.import-mapping-row--mapped {
    background: rgba(16, 185, 129, 0.05);
}

.import-mapping-row--mapped:hover {
    background: rgba(16, 185, 129, 0.09);
}

/* Column sizing helpers */
.import-mapping-col-target {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding-right: 8px;
}

.import-mapping-col-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    color: #374151;
}

.import-mapping-col-source {
    padding-left: 8px;
}

/* Field name label */
.import-mapping-field-name {
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151; /* gray-700 — light mode */
    line-height: 1.3;
}

body[data-theme='dark'] .import-mapping-field-name,
.dark .import-mapping-field-name {
    color: #d1d5db; /* gray-300 — dark mode */
}

/* Optional hint text below field name */
.import-mapping-field-hint {
    font-size: 0.65rem;
    color: #6b7280; /* gray-500 — light mode */
    line-height: 1.2;
}

body[data-theme='dark'] .import-mapping-field-hint,
.dark .import-mapping-field-hint {
    color: #4b5563; /* gray-600 — dark mode */
}

/* The select inside a mapping row — full width, compact */
select.import-mapping-select {
    width: 100%;
    font-size: 0.72rem !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Red border on required fields that are not yet mapped */
select.import-mapping-select--error {
    border-color: #ef4444 !important;
}

/* ── Orchestrator Import Modal: unified header + step-tab region ──
   The header background is applied via modalHeaderClass='import-modal-header'
   which lands directly on .flb--modal-header via ...attributes, bypassing
   any CSS cascade conflict with ember-ui's own modal.css rules.
   Dark mode  : gray-800 (#1f2937)
   Light mode : gray-50  (#f9fafb) */

/* Modal header — class applied via modalHeaderClass option */
.flb--modal-header.import-modal-header {
    background: #f9fafb !important; /* gray-50 — light mode */
    border-bottom: none !important;
}

body[data-theme='dark'] .flb--modal-header.import-modal-header {
    background: #1f2937 !important; /* gray-800 — dark mode */
    border-bottom: none !important;
}

/* Step tabs nav — must match the header background */
.fleetops-order-import nav.import-step-tabs {
    background: #f9fafb; /* gray-50 — light mode */
    border-bottom: 1px solid #e5e7eb; /* gray-200 */
}

body[data-theme='dark'] .fleetops-order-import nav.import-step-tabs {
    background: #1f2937; /* gray-800 — dark mode */
    border-bottom: 1px solid #374151; /* gray-700 subtle separator */
}

/* ── Orchestrator Import Modal: modal body + step content layout ── */

/* The modal body is made flex so the step content div fills it, which in turn
   allows the download block to be pushed to the very bottom with margin-top:auto. */
.fleetops-order-import .flb--modal-body {
    display: flex;
    flex-direction: column;
    min-height: 480px; /* consistent height across all steps */
}

.fleetops-order-import .import-step-content {
    display: flex;
    flex-direction: column;
    flex: 1; /* fill all available body space */
}

/* Upload step inner content — grows to fill available space above the download block */
.fleetops-order-import .import-upload-content {
    flex: 1;
}

/* ── Orchestrator Import Modal: download template InfoBlock ── */

/* The InfoBlock is placed inside the flex column; margin-top:auto pushes it
   to the bottom of the upload step regardless of the dropzone height. */
.import-template-download {
    margin-top: auto;
}

/* ── Button: trailing icon support (wrapperClass = btn-icon-right) ── */

/* When a Button is given @wrapperClass="btn-icon-right" the icon wrapper
   appears after the text label (trailing position). */
.btn-wrapper.btn-icon-right .btn {
    flex-direction: row-reverse;
}

.btn-wrapper.btn-icon-right .btn .btn-icon-wrapper {
    margin-right: 0;
    margin-left: 0.375rem;
}

.btn-wrapper.btn-icon-right .btn .btn-icon-wrapper .svg-inline--fa {
    margin-right: 0 !important;
}

/* ── Orchestrator Import Modal: preview table ── */

.import-preview-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.import-preview-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid #1f2937;
    font-size: 0.75rem;
}

.import-preview-table-wrap {
    overflow: auto auto;
    max-height: 360px;
}

.import-preview-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
    white-space: nowrap;
}

.import-preview-table thead {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #111827;
}

body[data-theme='light'] .import-preview-table thead {
    background: #f3f4f6;
}

.import-preview-table th {
    padding: 6px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #4b5563;
    border-bottom: 1px solid #1f2937;
}

body[data-theme='light'] .import-preview-table th {
    color: #6b7280;
    border-bottom-color: #e5e7eb;
}

.import-preview-table td {
    padding: 5px 10px;
    color: #9ca3af;
    border-bottom: 1px solid #1f2937;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

body[data-theme='light'] .import-preview-table td {
    color: #374151;
    border-bottom-color: #e5e7eb;
}

.import-preview-table tbody tr:last-child td {
    border-bottom: none;
}

.import-preview-table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.02);
}

body[data-theme='light'] .import-preview-table tbody tr:hover td {
    background: rgba(0, 0, 0, 0.02);
}

.import-preview-row--error td {
    background: rgba(239, 68, 68, 0.06) !important;
}

/* Address cell — allow wrapping for long addresses */
.import-preview-addr {
    white-space: normal !important;
    min-width: 120px;
    max-width: 180px;
    line-height: 1.3;
}

/* Status badges */
.import-preview-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 600;
    white-space: nowrap;
}

.import-preview-badge--blue {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

.import-preview-badge--gray {
    background: rgba(107, 114, 128, 0.15);
    color: #9ca3af;
}

.import-preview-badge--green {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
}

.orders-route-type-cell {
    display: inline-flex;
    align-items: center;
    overflow: visible;
}

.orders-route-type-trigger {
    display: inline-flex;
    align-items: center;
}

.orders-route-type-badge {
    cursor: default;
}

.orders-route-type-trigger .orders-route-type-badge {
    cursor: pointer;
}

.orders-route-type-preview {
    width: 20rem;
    max-width: 20rem;
}

.orders-route-type-preview__header {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.orders-route-type-preview__state {
    display: flex;
    align-items: center;
    color: #9ca3af;
    font-size: 0.8rem;
}

.orders-route-type-preview__state--error {
    color: #fca5a5;
}

.orders-route-type-preview .order-route-stop + .order-route-stop {
    margin-top: 0.5rem;
}

.orders-route-type-preview__location {
    min-width: 0;
}

.orders-route-type-preview .display-place-address {
    word-break: break-word;
}

/* Row status indicator */
.import-preview-status {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.7rem;
    font-weight: 500;
}

.import-preview-status--ok {
    color: #34d399;
}

.import-preview-status--error {
    color: #f87171;
    cursor: help;
}

/* Warning strip at the bottom of the preview step */
.import-preview-warning {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-top: 1px solid #1f2937;
    font-size: 0.72rem;
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.06);
}

.fleetops-google-contextmenu {
    width: 16rem;
    background: #1f2937;
    color: #f9fafb;
    border-radius: 0.375rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.28);
    border: 0;
    padding: 0;
    overflow: hidden;
}

.fleetops-google-contextmenu > .fleetops-google-contextmenu-item {
    display: flex;
    align-items: center;
    padding: 0.125rem 0.75rem;
    margin: 0.25rem;
    border-radius: 0.375rem;
    border: 0;
    color: #f9fafb;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fleetops-google-contextmenu > .fleetops-google-contextmenu-item:hover {
    background: #374151;
}

.fleetops-google-contextmenu > .fleetops-google-contextmenu-separator {
    height: 1px;
    margin: 0.25rem 0;
    background: #374151;
}

.next-google-container-map .fleetops-google-draw {
    pointer-events: none;
}

.next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section {
    position: relative;
    margin-top: 0.5rem;
}

.next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section:first-child {
    margin-top: 0;
}

.next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0.313rem;
    border-radius: 9999px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
    border: 0;
    pointer-events: auto;
}

.next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 auto 0.5rem;
    border-radius: 9999px;
    color: #111827;
    text-decoration: none;
    font-size: 0;
    line-height: 1;
    background-image: linear-gradient(transparent, transparent), url('/engines-dist/images/drawing-controls-spritesheet.svg');
    background-repeat: no-repeat;
    background-size: 300px 30px;
    background-clip: padding-box;
    background-origin: content-box;
}

.next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar > a:hover {
    background-color: #e5e7eb;
}

.next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar > a:last-child {
    margin-bottom: 0;
}

.next-google-container-map .fleetops-google-draw-toolbar .fleetops-google-draw-draw-polygon {
    background-position: -31px -2px;
}

.next-google-container-map .fleetops-google-draw-toolbar .fleetops-google-draw-draw-rectangle {
    background-position: -62px -2px;
}

.next-google-container-map .fleetops-google-draw-toolbar .fleetops-google-draw-draw-circle {
    background-position: -92px -2px;
}

.next-google-container-map .fleetops-google-draw-toolbar .fleetops-google-draw-edit-edit {
    background-position: -152px -2px;
}

.next-google-container-map .fleetops-google-draw-toolbar .fleetops-google-draw-edit-remove {
    background-position: -182px -2px;
}

.next-google-container-map .fleetops-google-draw-actions {
    list-style: none;
    margin: 0;
    padding: 0;
}

.next-google-container-map .fleetops-google-draw-actions li {
    display: inline-flex;
}

.next-google-container-map .fleetops-google-draw-actions li .fleetops-google-draw-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    padding: 0 0.75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #111827;
    text-decoration: none;
    font-size: 0.75rem;
    line-height: 1.75rem;
}

.next-google-container-map .fleetops-google-draw-actions li:first-child .fleetops-google-draw-action-link {
    border-radius: 0.375rem 0 0 0.375rem;
}

.next-google-container-map .fleetops-google-draw-actions li:last-child .fleetops-google-draw-action-link {
    border-radius: 0 0.375rem 0.375rem 0;
}

.next-google-container-map .fleetops-google-draw-actions li .fleetops-google-draw-action-link:hover {
    background: #f3f4f6;
}

body[data-theme='light'] .fleetops-google-contextmenu {
    background: #fff;
    color: #111827;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
}

body[data-theme='light'] .fleetops-google-contextmenu > .fleetops-google-contextmenu-separator {
    background: #e5e7eb;
}

body[data-theme='light'] .fleetops-google-contextmenu > .fleetops-google-contextmenu-item {
    color: #111827;
}

body[data-theme='light'] .fleetops-google-contextmenu > .fleetops-google-contextmenu-item:hover {
    background: #e5e7eb;
}

body[data-theme='dark'] .next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar {
    background: #111827;
}

body[data-theme='dark'] .next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar > a {
    color: #f9fafb;
    background-image: linear-gradient(transparent, transparent), url('/engines-dist/images/drawing-controls-spritesheet-inverted.png');
    background-size: 300px 30px;
}

body[data-theme='dark'] .next-google-container-map .fleetops-google-draw > .fleetops-google-draw-section > .fleetops-google-draw-toolbar > a:hover {
    background-color: #374151;
}

body[data-theme='dark'] .next-google-container-map .fleetops-google-draw-actions li .fleetops-google-draw-action-link {
    background: #111827;
    border-color: #374151;
    color: #f9fafb;
}

body[data-theme='dark'] .next-google-container-map .fleetops-google-draw-actions li .fleetops-google-draw-action-link:hover {
    background: #1f2937;
}

.fleetops-google-polygon-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 180px;
    padding: 2px 8px;
    border-radius: 9999px;
    background: rgba(17, 24, 39, 0.88);
    color: #f9fafb;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.22);
}

.fleetops-google-hover-tooltip {
    position: absolute;
    z-index: 99999;
    display: none;
    max-width: none;
    padding: 0.45rem 0.65rem;
    border-radius: 0.625rem;
    background: rgba(17, 24, 39, 0.94);
    color: #f9fafb;
    font-size: 0.75rem;
    line-height: 1.25;
    pointer-events: none;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.22);
    transform: translateY(-50%);
}

.fleetops-google-hover-tooltip__title {
    font-weight: 700;
    white-space: nowrap;
}

.fleetops-google-hover-tooltip__meta {
    margin-top: 0.125rem;
    font-size: 0.7rem;
    color: #d1d5db;
}

.fleetops-position-history-dot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: #3b82f6;
    border: 1px solid rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.25);
}

.fleetops-google-popover {
    min-width: 220px;
    max-width: 260px;
    padding: 0.75rem;
    border-radius: 1rem;
    background: #111827;
    color: #f9fafb;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.28);
}

.fleetops-google-popover--compact {
    min-width: 180px;
}

.fleetops-google-popover__row {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.fleetops-google-popover__avatar {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 0.75rem;
    background: #374151;
}

.fleetops-google-popover__vehicle {
    width: 56px;
    height: 48px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 0.75rem;
    background: #374151;
}

.fleetops-google-popover__body {
    min-width: 0;
    flex: 1;
}

.fleetops-google-popover__title {
    font-size: 0.8rem;
    line-height: 1.2;
    font-weight: 700;
    color: #f9fafb;
}

.fleetops-google-popover__meta {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    line-height: 1.35;
    color: #d1d5db;
}

.gm-style .gm-style-iw-c {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
    max-height: none !important;
}

.gm-style .gm-style-iw-tc::after {
    background: #111827 !important;
}

.fleetops-google-popover__close {
    position: absolute;
    top: 0.25rem;
    right: 0.35rem;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 9999px;
    background: rgba(31, 41, 55, 0.8);
    color: #d1d5db;
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: center;
    cursor: pointer;
}

.fleetops-google-popover__close:hover {
    background: rgba(55, 65, 81, 0.95);
    color: #fff;
}

/* Tracking intelligence panel */
.tracking-intelligence {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tracking-intelligence__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.72rem;
}

.tracking-intelligence__updated {
    margin-left: auto;
    color: #6b7280;
    white-space: nowrap;
}

[data-theme='dark'] .tracking-intelligence__updated {
    color: #6b7280;
}

.tracking-intelligence-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.125rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
}

.tracking-intelligence-pill__dot {
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 9999px;
    background: currentcolor;
}

.tracking-intelligence-pill--good {
    color: #16a34a;
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.24);
}

.tracking-intelligence-pill--warn {
    color: #d97706;
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.28);
}

.tracking-intelligence-pill--bad {
    color: #dc2626;
    background: rgba(239, 68, 68, 0.11);
    border-color: rgba(239, 68, 68, 0.28);
}

.tracking-intelligence-pill--muted {
    color: #6b7280;
    background: rgba(107, 114, 128, 0.1);
    border-color: rgba(107, 114, 128, 0.22);
}

[data-theme='dark'] .tracking-intelligence-pill--good {
    color: #5bc796;
    background: rgba(91, 199, 150, 0.12);
}

[data-theme='dark'] .tracking-intelligence-pill--warn {
    color: #e5a14b;
    background: rgba(229, 161, 75, 0.12);
    border-color: rgba(229, 161, 75, 0.32);
}

[data-theme='dark'] .tracking-intelligence-pill--bad {
    color: #e26b6b;
    background: rgba(226, 107, 107, 0.13);
    border-color: rgba(226, 107, 107, 0.32);
}

[data-theme='dark'] .tracking-intelligence-pill--muted {
    color: #7c8896;
    background: rgba(255, 255, 255, 0.04);
    border-color: #232c38;
}

.tracking-intelligence-alert {
    display: grid;
    grid-template-columns: 1.125rem minmax(0, 1fr) auto;
    gap: 0.625rem;
    align-items: flex-start;
    padding: 0.625rem 0.7rem;
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: 0.5rem;
    background: rgba(245, 158, 11, 0.1);
    color: #92400e;
    font-size: 0.75rem;
}

.tracking-intelligence-alert--critical {
    border-color: rgba(239, 68, 68, 0.28);
    background: rgba(239, 68, 68, 0.1);
    color: #991b1b;
}

.tracking-intelligence-alert__icon {
    display: flex;
    width: 1.125rem;
    height: 1.125rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem;
    background: rgba(0, 0, 0, 0.1);
}

.tracking-intelligence-alert__title {
    color: #111827;
    font-weight: 700;
}

.tracking-intelligence-alert__body {
    margin-top: 0.125rem;
    color: #78350f;
    line-height: 1.35;
}

[data-theme='dark'] .tracking-intelligence-alert {
    border-color: rgba(229, 161, 75, 0.32);
    background: rgba(229, 161, 75, 0.12);
    color: #e5a14b;
}

[data-theme='dark'] .tracking-intelligence-alert--critical {
    border-color: rgba(226, 107, 107, 0.32);
    background: rgba(226, 107, 107, 0.13);
    color: #e26b6b;
}

[data-theme='dark'] .tracking-intelligence-alert__title {
    color: #eceff4;
}

[data-theme='dark'] .tracking-intelligence-alert__body {
    color: #b6bfca;
}

.tracking-intelligence-alert--critical .tracking-intelligence-alert__cta {
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

[data-theme='dark'] .tracking-intelligence-alert--critical .tracking-intelligence-alert__cta {
    border-color: rgba(226, 107, 107, 0.32);
    background: rgba(226, 107, 107, 0.1);
    color: #e26b6b;
}

.tracking-intelligence__eta-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.5rem;
}

.tracking-intelligence-cell,
.tracking-intelligence-destination,
.tracking-intelligence-distance,
.tracking-intelligence-diagnostics,
.tracking-intelligence-labels,
.tracking-stop-progress {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background: #f9fafb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

[data-theme='dark'] .tracking-intelligence-cell,
[data-theme='dark'] .tracking-intelligence-destination,
[data-theme='dark'] .tracking-intelligence-distance,
[data-theme='dark'] .tracking-intelligence-diagnostics,
[data-theme='dark'] .tracking-intelligence-labels,
[data-theme='dark'] .tracking-stop-progress {
    border-color: #374151;
    background: #1f2937;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.tracking-intelligence-cell {
    min-width: 0;
    padding: 0.6rem 0.7rem;
}

.tracking-intelligence-cell--accent {
    border-color: rgba(245, 158, 11, 0.32);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), transparent), #f9fafb;
}

[data-theme='dark'] .tracking-intelligence-cell--accent {
    border-color: rgba(229, 161, 75, 0.32);
    background: linear-gradient(180deg, rgba(229, 161, 75, 0.08), transparent), #1f2937;
}

.tracking-intelligence-cell__label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: #6b7280;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tracking-intelligence-cell__value {
    overflow: hidden;
    color: #111827;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tracking-intelligence-cell--accent .tracking-intelligence-cell__value {
    color: #d97706;
}

.tracking-intelligence-cell__value--muted {
    color: #6b7280;
    text-decoration: line-through;
    text-decoration-color: #ef4444;
    text-decoration-thickness: 1px;
}

.tracking-intelligence-cell__sub {
    margin-top: 0.2rem;
    overflow: hidden;
    color: #6b7280;
    font-size: 0.68rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tracking-intelligence-cell__sub--warn {
    color: #b45309;
    white-space: normal;
}

[data-theme='dark'] .tracking-intelligence-cell__label,
[data-theme='dark'] .tracking-intelligence-cell__sub {
    color: #7c8896;
}

[data-theme='dark'] .tracking-intelligence-cell__value {
    color: #eceff4;
}

[data-theme='dark'] .tracking-intelligence-cell--accent .tracking-intelligence-cell__value {
    color: #e5a14b;
}

[data-theme='dark'] .tracking-intelligence-cell__value--muted {
    color: #7c8896;
}

[data-theme='dark'] .tracking-intelligence-cell__sub--warn {
    color: #e5a14b;
}

.tracking-intelligence-tag {
    padding: 0.0625rem 0.3rem;
    border-radius: 0.2rem;
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
    font-size: 0.55rem;
    font-weight: 800;
}

.tracking-intelligence-confidence {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.7rem;
}

.tracking-intelligence-confidence__label,
.tracking-intelligence-confidence__value {
    color: #6b7280;
    font-weight: 700;
    text-transform: uppercase;
}

.tracking-intelligence-confidence__segments {
    display: flex;
    gap: 0.125rem;
}

.tracking-intelligence-confidence__segments span {
    height: 0.25rem;
    flex: 1;
    border-radius: 0.125rem;
    background: #e5e7eb;
}

.tracking-intelligence-confidence__segments .is-lit {
    background: #d97706;
}

.tracking-intelligence-confidence__segments.tracking-intelligence-pill--good .is-lit {
    background: #16a34a;
}

.tracking-intelligence-confidence__segments.tracking-intelligence-pill--bad .is-lit {
    background: #dc2626;
}

[data-theme='dark'] .tracking-intelligence-confidence__label,
[data-theme='dark'] .tracking-intelligence-confidence__value {
    color: #7c8896;
}

[data-theme='dark'] .tracking-intelligence-confidence__segments span {
    background: #232c38;
}

[data-theme='dark'] .tracking-intelligence-confidence__segments .is-lit {
    background: #e5a14b;
}

.tracking-intelligence-destination {
    display: flex;
    gap: 0.625rem;
    align-items: flex-start;
    padding: 0.65rem 0.7rem;
}

.tracking-intelligence-destination__marker {
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: #f59e0b;
    color: #1f1300;
    font-size: 0.7rem;
    font-weight: 800;
}

.tracking-intelligence-destination__label {
    color: #6b7280;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tracking-intelligence-destination__address {
    margin-top: 0.15rem;
    color: #111827;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.3;
}

.tracking-intelligence-destination__eta {
    margin-top: 0.2rem;
    color: #6b7280;
    font-size: 0.7rem;
}

[data-theme='dark'] .tracking-intelligence-destination__label,
[data-theme='dark'] .tracking-intelligence-destination__eta {
    color: #7c8896;
}

[data-theme='dark'] .tracking-intelligence-destination__address {
    color: #eceff4;
}

.tracking-intelligence-distance {
    padding: 0.6rem 0.7rem;
}

.tracking-intelligence-distance__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    color: #6b7280;
    font-size: 0.72rem;
}

.tracking-intelligence-distance__row + .tracking-intelligence-distance__row {
    margin-top: 0.35rem;
}

.tracking-intelligence-distance__row strong {
    color: #111827;
}

.tracking-intelligence-distance__bar {
    grid-column: 1 / -1;
    height: 0.32rem;
    overflow: hidden;
    border-radius: 9999px;
    background: #e5e7eb;
}

.tracking-intelligence-distance__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #f59e0b;
}

.tracking-intelligence-distance__bar--secondary span {
    background: #38bdf8;
}

.tracking-intelligence-distance__foot {
    margin-top: 0.5rem;
    padding-top: 0.45rem;
    border-top: 1px dashed #d1d5db;
    color: #9ca3af;
    font-size: 0.65rem;
}

[data-theme='dark'] .tracking-intelligence-distance__row {
    color: #7c8896;
}

[data-theme='dark'] .tracking-intelligence-distance__row strong {
    color: #eceff4;
}

[data-theme='dark'] .tracking-intelligence-distance__bar {
    background: #20293a;
}

[data-theme='dark'] .tracking-intelligence-distance__bar span {
    background: #e5a14b;
}

[data-theme='dark'] .tracking-intelligence-distance__bar--secondary span {
    background: #5baec7;
}

[data-theme='dark'] .tracking-intelligence-distance__foot {
    border-color: #374151;
    color: #54616f;
}

.tracking-intelligence-diagnostics {
    overflow: hidden;
}

.tracking-intelligence-diagnostics summary {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    color: #6b7280;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    list-style: none;
    text-transform: uppercase;
}

.tracking-intelligence-diagnostics__summary {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.tracking-intelligence-diagnostics__summary svg {
    transition: transform 160ms ease;
}

.tracking-intelligence-diagnostics[open] .tracking-intelligence-diagnostics__summary svg {
    transform: rotate(90deg);
}

.tracking-intelligence-diagnostics summary::-webkit-details-marker {
    display: none;
}

.tracking-intelligence-diagnostics__body {
    padding: 0 0.7rem 0.7rem;
}

.tracking-intelligence-diagnostics__row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.28rem 0;
    border-top: 1px dashed #e5e7eb;
    color: #6b7280;
    font-size: 0.72rem;
}

.tracking-intelligence-diagnostics__row strong {
    color: #111827;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.tracking-intelligence-diagnostics__warnings {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding-top: 0.5rem;
}

.tracking-intelligence-diagnostics__warnings span {
    padding: 0.125rem 0.375rem;
    border: 1px solid rgba(245, 158, 11, 0.25);
    border-radius: 0.25rem;
    background: rgba(245, 158, 11, 0.1);
    color: #b45309;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.62rem;
}

[data-theme='dark'] .tracking-intelligence-diagnostics summary,
[data-theme='dark'] .tracking-intelligence-diagnostics__row {
    color: #7c8896;
}

[data-theme='dark'] .tracking-intelligence-diagnostics__row {
    border-color: #374151;
}

[data-theme='dark'] .tracking-intelligence-diagnostics__row strong {
    color: #eceff4;
}

.tracking-stop-progress {
    padding: 0.65rem 0.7rem;
}

.tracking-stop-progress__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}

.tracking-stop-progress__title {
    color: #6b7280;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tracking-stop-progress__count {
    color: #6b7280;
    font-size: 0.7rem;
    white-space: nowrap;
}

.tracking-stop-progress__scroller {
    overflow: auto hidden;
    min-height: 2rem;
    padding: 0.2rem 0 0.05rem;
}

.tracking-stop-progress__rail {
    display: flex;
    min-width: 100%;
}

.tracking-stop-progress__stop {
    min-width: 2.5rem;
    flex: 1;
}

.tracking-stop-progress__line {
    display: flex;
    align-items: center;
}

.tracking-stop-progress__connector {
    height: 1px;
    flex: 1;
    border-top: 1px dashed #d1d5db;
}

.tracking-stop-progress__dot {
    position: relative;
    z-index: 1;
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 0.58rem;
    font-weight: 800;
}

.tracking-stop-progress__dot--done {
    border-color: #22c55e;
    background: #22c55e;
    color: #06210f;
}

.tracking-stop-progress__dot--active {
    border-color: #f59e0b;
    background: #f59e0b;
    color: #1f1300;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
}

.tracking-stop-progress__dot--active::before,
.fleetops-route-stop-badge--active::before {
    position: absolute;
    inset: -0.45rem;
    border: 1.5px solid currentcolor;
    border-radius: 9999px;
    content: '';
    opacity: 0.65;
    animation: fleetops-tracking-pulse 2.2s ease-out infinite;
}

.fleetops-route-stop-badge--active {
    position: relative;
    overflow: visible !important;
}

@keyframes fleetops-tracking-pulse {
    0% {
        opacity: 0.7;
        transform: scale(0.72);
    }

    100% {
        opacity: 0;
        transform: scale(1.65);
    }
}

[data-theme='dark'] .tracking-stop-progress__title,
[data-theme='dark'] .tracking-stop-progress__count {
    color: #7c8896;
}

[data-theme='dark'] .tracking-stop-progress__connector {
    border-color: #374151;
}

[data-theme='dark'] .tracking-stop-progress__dot {
    border-color: #374151;
    background: #20293a;
    color: #7c8896;
}

[data-theme='dark'] .tracking-stop-progress__dot--done {
    border-color: #5bc796;
    background: #5bc796;
    color: #0a1f15;
}

[data-theme='dark'] .tracking-stop-progress__dot--active {
    border-color: #e5a14b;
    background: #e5a14b;
    color: #1a1206;
}

.tracking-intelligence-alert__cta,
.tracking-intelligence-footer__button {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(245, 158, 11, 0.32);
    border-radius: 0.375rem;
    background: rgba(245, 158, 11, 0.08);
    color: #b45309;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.35rem 0.55rem;
    white-space: nowrap;
}

.tracking-intelligence-alert__cta:disabled,
.tracking-intelligence-footer__button:disabled {
    cursor: progress;
    opacity: 0.7;
}

[data-theme='dark'] .tracking-intelligence-alert__cta,
[data-theme='dark'] .tracking-intelligence-footer__button {
    border-color: rgba(229, 161, 75, 0.32);
    background: rgba(229, 161, 75, 0.1);
    color: #e5a14b;
}

.tracking-intelligence-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #9ca3af;
    font-size: 0.68rem;
}

.tracking-intelligence-labels {
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
}

.overflow-y-scroll-i {
    overflow-y: scroll !important;
}

.fleet-ops-home-guidance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.fleet-ops-get-started-content {
    min-height: 256px;
}

.fleet-ops-get-started .fleet-ops-get-started-step {
    min-height: 52px;
}

.fleet-ops-recommended-features-loading {
    min-height: 256px;
}

.fleet-ops-recommended-feature {
    min-height: 92px;
}

@media (width <= 1180px) {
    .fleet-ops-home-guidance-grid {
        grid-template-columns: 1fr;
    }
}

.fleet-ops-recommended-feature-icon {
    background: rgba(37, 99, 235, 0.12);
    color: #2563eb;
}

.fleet-ops-recommended-feature.feature-accent-green .fleet-ops-recommended-feature-icon {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.fleet-ops-recommended-feature.feature-accent-amber .fleet-ops-recommended-feature-icon {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.fleet-ops-recommended-feature.feature-accent-purple .fleet-ops-recommended-feature-icon {
    background: rgba(124, 58, 237, 0.12);
    color: #7c3aed;
}

[data-theme='dark'] .fleet-ops-recommended-feature-icon {
    background: rgba(96, 165, 250, 0.16);
    color: #93c5fd;
}

[data-theme='dark'] .fleet-ops-recommended-feature.feature-accent-green .fleet-ops-recommended-feature-icon {
    background: rgba(52, 211, 153, 0.14);
    color: #6ee7b7;
}

[data-theme='dark'] .fleet-ops-recommended-feature.feature-accent-amber .fleet-ops-recommended-feature-icon {
    background: rgba(251, 191, 36, 0.14);
    color: #fcd34d;
}

[data-theme='dark'] .fleet-ops-recommended-feature.feature-accent-purple .fleet-ops-recommended-feature-icon {
    background: rgba(167, 139, 250, 0.14);
    color: #c4b5fd;
}

.issue-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    background: #fff;
    padding: 0.75rem 1rem;
}

.issue-panel-header-main {
    display: flex;
    flex: 1 1 0%;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.issue-panel-header-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #d97706;
    font-size: 0.875rem;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

.issue-panel-header-content {
    flex: 1 1 0%;
    min-width: 0;
}

.issue-panel-header-title-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
    min-width: 0;
}

.issue-panel-header-title {
    overflow: hidden;
    color: #111827;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-panel-header-id {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
    padding: 0.125rem 0.5rem;
    margin-top: 0.25rem;
    color: #6b7280;
    font-weight: 600;
    font-size: 0.75rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
}

.issue-panel-header-id:hover {
    color: #2563eb;
}

.issue-panel-header-meta {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    margin-top: 0.25rem;
    color: #6b7280;
    font-size: 0.75rem;
}

.issue-panel-header-actions {
    display: flex;
    flex-shrink: 0;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
}

.issue-panel-header-badges {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.375rem;
}

.issue-detail-surface {
    padding: 1rem;
}

.issue-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.issue-detail-main {
    min-width: 0;
}

.issue-detail-main > * + * {
    margin-top: 1rem;
}

.issue-detail-side-rail {
    min-width: 0;
}

.issue-detail-side-rail > * + * {
    margin-top: 0.75rem;
}

.issue-detail-message,
.issue-detail-correspondence,
.issue-detail-summary-card,
.issue-detail-side-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 10%),
        0 2px 4px -2px rgb(0 0 0 / 10%);
}

.issue-detail-summary-card {
    padding: 0.875rem 1rem;
    margin-bottom: 1rem;
}

.issue-detail-summary-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.625rem 1rem;
    margin: 0;
}

.issue-detail-summary-item {
    min-width: 0;
    overflow: hidden;
}

.issue-detail-summary-item dt {
    margin-bottom: 0.25rem;
    color: #6b7280;
    font-weight: 700;
    font-size: 0.6875rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.issue-detail-summary-item dd {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #1f2937;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.issue-detail-summary-item dd > * {
    max-width: 100%;
    min-width: 0;
}

.issue-detail-inline-link {
    max-width: 100%;
    overflow: hidden;
    color: #2563eb;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
}

.issue-detail-message {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.75rem;
}

.issue-detail-avatar {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #1d4ed8;
    font-weight: 700;
    font-size: 0.875rem;
    background: #dbeafe;
    border-radius: 9999px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

.issue-detail-message-content {
    flex: 1 1 0%;
    min-width: 0;
}

.issue-detail-message-meta {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.issue-detail-message-author {
    color: #111827;
    font-weight: 600;
    font-size: 0.875rem;
}

.issue-detail-message-subtitle,
.issue-detail-message-meta time,
.issue-detail-section-header p {
    color: #6b7280;
    font-size: 0.75rem;
}

.issue-detail-report {
    padding: 0.75rem;
    color: #1f2937;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    white-space: pre-line;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 0.75rem;
}

.issue-detail-documents {
    padding-top: 0.75rem;
    margin-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.issue-detail-documents-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.issue-detail-documents-title,
.issue-detail-section-title {
    color: #4b5563;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.issue-detail-documents-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.issue-detail-file-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.issue-detail-dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 8rem;
    padding: 1rem;
    color: #4b5563;
    text-align: center;
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 0.75rem;
}

.issue-detail-dropzone-empty,
.issue-detail-dropzone-ready {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.issue-detail-dropzone-empty svg,
.issue-detail-dropzone-ready svg {
    color: #6b7280;
    font-size: 1.25rem;
}

.issue-detail-upload-link {
    color: #2563eb;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.issue-detail-dropzone-progress {
    color: #2563eb;
    font-weight: 700;
    font-size: 0.75rem;
}

.issue-detail-upload-queue {
    margin-bottom: 0.75rem;
}

.issue-detail-upload-queue > * + * {
    margin-top: 0.5rem;
}

.issue-detail-upload-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    color: #1e3a8a;
    font-size: 0.75rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.375rem;
}

.issue-detail-correspondence {
    padding: 1rem;
}

.issue-detail-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.issue-detail-comment-thread {
    font-size: 0.875rem;
}

.issue-detail-side-card {
    padding: 0.75rem;
}

.issue-detail-resolution-state {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    margin-top: 0.75rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 0.5rem;
}

.issue-detail-resolution-state.is-resolved {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.issue-detail-resolution-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #b45309;
    background: #fef3c7;
    border-radius: 9999px;
}

.issue-detail-resolution-state.is-resolved .issue-detail-resolution-icon {
    color: #15803d;
    background: #dcfce7;
}

.issue-detail-resolution-title {
    color: #111827;
    font-weight: 600;
    font-size: 0.875rem;
}

.issue-detail-resolution-state p {
    margin-top: 0.25rem;
    color: #6b7280;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.issue-detail-meta-list {
    margin-top: 0.75rem;
}

.issue-detail-meta-list > * + * {
    margin-top: 0.5rem;
}

.issue-detail-meta-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #e5e7eb;
}

.issue-detail-meta-list dt,
.issue-detail-resource-label,
.issue-detail-timeline-label {
    color: #6b7280;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.issue-detail-meta-list dd {
    color: #1f2937;
    font-size: 0.875rem;
    text-align: right;
}

.issue-detail-resource-stack {
    margin-top: 0.75rem;
}

.issue-detail-resource-stack > * + * {
    margin-top: 0.75rem;
}

.issue-detail-resource-row {
    display: block;
}

.issue-detail-resource-row > * + * {
    margin-top: 0.375rem;
}

.order-card {
    display: block;
    width: 100%;
    padding: 0.75rem;
    margin-top: 0.75rem;
    overflow: hidden;
    text-align: left;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease;
}

.order-card.is-interactive {
    cursor: pointer;
}

.order-card.is-interactive:hover {
    background: #eff6ff;
    border-color: #93c5fd;
}

.order-card-compact,
.order-card-list {
    padding: 0.625rem;
    margin-top: 0;
}

.order-card-selection {
    padding: 0;
    margin-top: 0;
    background: transparent;
    border: 0;
    border-radius: 0.375rem;
    box-shadow: none;
}

.order-card-selection .order-card-topline {
    padding: 0.5rem 0.75rem 0;
}

.order-card-selection .order-card-route {
    gap: 0.375rem;
    padding: 0.375rem 0.75rem 0;
}

.order-card-selection .order-card-stop {
    grid-template-columns: 1.25rem minmax(0, 1fr);
    gap: 0.5rem;
}

.order-card-selection .order-card-stop-marker {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.625rem;
}

.order-card-selection .order-card-meta {
    padding: 0 0.75rem 0.5rem;
    margin-top: 0.5rem;
}

.order-card-selection .order-card-empty-route {
    margin: 0.375rem 0.75rem 0.5rem;
}

.ember-power-select-option[aria-selected='true'] .order-card-selection,
.ember-power-select-option[aria-current='true'] .order-card-selection,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.ember-power-select-option[aria-selected='true'] .order-card-selection .order-card-title,
.ember-power-select-option[aria-current='true'] .order-card-selection .order-card-title,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection .order-card-title,
.ember-power-select-option[aria-selected='true'] .order-card-selection .order-card-stop-address,
.ember-power-select-option[aria-current='true'] .order-card-selection .order-card-stop-address,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection .order-card-stop-address {
    color: #fff;
}

.ember-power-select-option[aria-selected='true'] .order-card-selection .order-card-subtitle,
.ember-power-select-option[aria-current='true'] .order-card-selection .order-card-subtitle,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection .order-card-subtitle,
.ember-power-select-option[aria-selected='true'] .order-card-selection .order-card-route,
.ember-power-select-option[aria-current='true'] .order-card-selection .order-card-route,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection .order-card-route,
.ember-power-select-option[aria-selected='true'] .order-card-selection .order-card-meta,
.ember-power-select-option[aria-current='true'] .order-card-selection .order-card-meta,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection .order-card-meta,
.ember-power-select-option[aria-selected='true'] .order-card-selection .order-card-stop-label,
.ember-power-select-option[aria-current='true'] .order-card-selection .order-card-stop-label,
.ember-power-select-option.ember-power-select-option--highlighted .order-card-selection .order-card-stop-label {
    color: rgb(255 255 255 / 78%);
}

.order-card.is-selected {
    border-color: #3485e2;
    box-shadow: 0 0 0 2px rgb(52 133 226 / 16%);
}

.order-card.is-disabled {
    opacity: 0.55;
    pointer-events: none;
}

.order-card.is-selectable {
    cursor: pointer;
}

.order-card-topline,
.order-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.order-card-checkbox {
    flex: 0 0 auto;
}

.order-card-title-block {
    min-width: 0;
}

.order-card-title {
    overflow: hidden;
    color: #111827;
    font-weight: 600;
    font-size: 0.875rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-card-subtitle,
.order-card-meta,
.issue-detail-timeline-value,
.issue-detail-coordinate {
    color: #6b7280;
    font-size: 0.75rem;
}

.order-card-header-actions {
    flex: 0 0 auto;
}

.order-card-progress {
    position: relative;
    height: 0.25rem;
    margin: 0.625rem 0 0.75rem;
    overflow: hidden;
    background: #e5e7eb;
    border-radius: 9999px;
}

.order-card-progress span {
    position: absolute;
    inset: 0 auto 0 0;
    background: #3485e2;
    border-radius: inherit;
}

.order-card-progress.is-pending span {
    width: 22%;
    background: #94a3b8;
}

.order-card-progress.is-active span {
    width: 58%;
}

.order-card-progress.is-complete span {
    width: 100%;
    background: #10b981;
}

.order-card-route {
    display: grid;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.75rem;
}

.order-card-stop {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
}

.order-card-stop.compact {
    opacity: 0.88;
}

.order-card-stop-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    font-weight: 800;
    font-size: 0.6875rem;
    background: #64748b;
    border-radius: 9999px;
}

.order-card-stop-marker.pickup {
    background: #3485e2;
}

.order-card-stop-marker.dropoff {
    background: #10b981;
}

.order-card-stop-marker.middle {
    color: #2563eb;
    background: #dbeafe;
}

.order-card-stop-label {
    color: #94a3b8;
    font-weight: 700;
    font-size: 0.625rem;
    text-transform: uppercase;
}

.order-card-stop-address {
    overflow: hidden;
    color: #334155;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-card-meta {
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-top: 0.75rem;
    font-size: 0.6875rem;
}

.order-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.order-card-empty-route {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    margin-top: 0.75rem;
    color: #6b7280;
    font-size: 0.75rem;
    background: #fff;
    border: 1px dashed #d1d5db;
    border-radius: 0.375rem;
}

.issue-detail-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    margin-top: 0.75rem;
    color: #6b7280;
    font-size: 0.875rem;
    background: #f9fafb;
    border: 1px dashed #e5e7eb;
    border-radius: 0.5rem;
}

.issue-detail-empty-compact {
    padding: 0.75rem;
    font-size: 0.75rem;
}

.issue-detail-tags {
    display: flex;
    flex-flow: row wrap;
    gap: 0.375rem;
    margin-top: 0.75rem;
}

.issue-detail-timeline {
    margin-top: 0.75rem;
}

.issue-detail-timeline > * + * {
    margin-top: 0.75rem;
}

.issue-detail-timeline li {
    display: flex;
    gap: 0.75rem;
}

.issue-detail-timeline-marker {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: #6b7280;
    font-size: 0.75rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
}

.issue-timeline {
    margin-top: 0.75rem;
}

.issue-timeline-loading {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.issue-timeline-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.issue-timeline-list::before {
    position: absolute;
    top: 0.875rem;
    bottom: 0.875rem;
    left: 0.875rem;
    width: 1px;
    background: #d1d5db;
    content: '';
}

.issue-timeline-event {
    position: relative;
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: 0.75rem;
}

.issue-timeline-marker {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    color: #4b5563;
    font-size: 0.75rem;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
}

.issue-timeline-card {
    padding: 0.625rem 0.75rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.625rem;
}

.issue-timeline-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.issue-timeline-label {
    color: #111827;
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.issue-timeline-actor,
.issue-timeline-card time,
.issue-timeline-card p {
    color: #6b7280;
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.issue-timeline-card p {
    margin-top: 0.375rem;
}

.issue-timeline-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.5rem;
    color: #2563eb;
    font-weight: 600;
    font-size: 0.75rem;
}

.issue-timeline-event.tone-green .issue-timeline-marker {
    color: #15803d;
    border-color: #86efac;
}

.issue-timeline-event.tone-blue .issue-timeline-marker {
    color: #2563eb;
    border-color: #93c5fd;
}

.issue-timeline-event.tone-orange .issue-timeline-marker {
    color: #d97706;
    border-color: #fcd34d;
}

.issue-timeline-event.tone-red .issue-timeline-marker {
    color: #dc2626;
    border-color: #fca5a5;
}

.issue-timeline-event.tone-purple .issue-timeline-marker,
.issue-timeline-event.tone-indigo .issue-timeline-marker {
    color: #4f46e5;
    border-color: #a5b4fc;
}

.issue-detail-custom-fields {
    display: block;
}

@media (width >= 768px) {
    .issue-detail-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .issue-detail-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .issue-detail-main {
        grid-column: span 3 / span 3;
    }

    .issue-detail-side-rail {
        grid-column: span 2 / span 2;
    }
}

@media (width >= 1180px) {
    .issue-detail-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

body[data-theme='dark'] .issue-panel-header {
    background: #111827;
    border-color: #374151;
}

body[data-theme='dark'] .issue-detail-message,
body[data-theme='dark'] .issue-detail-correspondence,
body[data-theme='dark'] .issue-detail-summary-card,
body[data-theme='dark'] .issue-detail-side-card {
    background: #1f2937;
    border-color: #374151;
    box-shadow:
        0 10px 15px -3px rgb(0 0 0 / 20%),
        0 4px 6px -4px rgb(0 0 0 / 20%);
}

body[data-theme='dark'] .issue-panel-header-icon {
    background: #111827;
    border-color: #374151;
}

body[data-theme='dark'] .issue-detail-report,
body[data-theme='dark'] .issue-detail-resolution-state,
body[data-theme='dark'] .order-card,
body[data-theme='dark'] .issue-detail-empty,
body[data-theme='dark'] .issue-detail-timeline-marker {
    background: #374151;
    border-color: #374151;
}

body[data-theme='dark'] .issue-panel-header-title,
body[data-theme='dark'] .issue-detail-message-author,
body[data-theme='dark'] .issue-detail-resolution-title,
body[data-theme='dark'] .issue-detail-meta-list dd,
body[data-theme='dark'] .issue-detail-summary-item dd,
body[data-theme='dark'] .order-card-title,
body[data-theme='dark'] .order-card-stop-address,
body[data-theme='dark'] .issue-detail-report {
    color: #f9fafb;
}

body[data-theme='dark'] .issue-panel-header-meta,
body[data-theme='dark'] .issue-detail-message-subtitle,
body[data-theme='dark'] .issue-detail-message-meta time,
body[data-theme='dark'] .issue-detail-section-header p,
body[data-theme='dark'] .issue-detail-resolution-state p,
body[data-theme='dark'] .issue-detail-meta-list dt,
body[data-theme='dark'] .issue-detail-summary-item dt,
body[data-theme='dark'] .issue-detail-resource-label,
body[data-theme='dark'] .issue-detail-timeline-label,
body[data-theme='dark'] .order-card-subtitle,
body[data-theme='dark'] .order-card-route,
body[data-theme='dark'] .order-card-meta,
body[data-theme='dark'] .issue-detail-timeline-value,
body[data-theme='dark'] .issue-detail-coordinate,
body[data-theme='dark'] .issue-detail-empty {
    color: #9ca3af;
}

body[data-theme='dark'] .issue-panel-header-id {
    color: #9ca3af;
    background: #111827;
    border-color: #374151;
}

body[data-theme='dark'] .issue-panel-header-id:hover {
    color: #93c5fd;
}

body[data-theme='dark'] .issue-detail-documents {
    border-top-color: #374151;
}

body[data-theme='dark'] .issue-detail-documents-title,
body[data-theme='dark'] .issue-detail-section-title {
    color: #d1d5db;
}

body[data-theme='dark'] .issue-detail-upload-row {
    color: #dbeafe;
    background: #1e3a8a;
    border-color: #1e40af;
}

body[data-theme='dark'] .issue-detail-resolution-icon {
    color: #fde68a;
    background: #78350f;
}

body[data-theme='dark'] .issue-detail-resolution-state.is-resolved .issue-detail-resolution-icon {
    color: #bbf7d0;
    background: #14532d;
}

body[data-theme='dark'] .issue-detail-meta-list > div {
    border-top-color: #374151;
}

body[data-theme='dark'] .order-card.is-interactive:hover {
    background: #374151;
    border-color: #2563eb;
}

body[data-theme='dark'] .issue-detail-avatar {
    color: #bfdbfe;
    background: #1e3a8a;
}

body[data-theme='dark'] .order-card-progress {
    background: #4b5563;
}

body[data-theme='dark'] .order-card-stop-marker.middle {
    color: #93c5fd;
    background: rgb(37 99 235 / 24%);
}

body[data-theme='dark'] .order-card-empty-route {
    color: #9ca3af;
    background: #1f2937;
    border-color: #4b5563;
}

body[data-theme='dark'] .order-card-selection {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

body[data-theme='dark'] .issue-detail-dropzone {
    color: #d1d5db;
    background: #1f2937;
    border-color: #4b5563;
}

body[data-theme='dark'] .issue-detail-dropzone-empty svg,
body[data-theme='dark'] .issue-detail-dropzone-ready svg {
    color: #d1d5db;
}

body[data-theme='dark'] .issue-detail-upload-link,
body[data-theme='dark'] .issue-detail-dropzone-progress,
body[data-theme='dark'] .issue-timeline-link {
    color: #93c5fd;
}

body[data-theme='dark'] .issue-timeline-list::before {
    background: #4b5563;
}

body[data-theme='dark'] .issue-timeline-marker,
body[data-theme='dark'] .issue-timeline-card {
    background: #1f2937;
    border-color: #4b5563;
}

body[data-theme='dark'] .issue-timeline-label {
    color: #f9fafb;
}

body[data-theme='dark'] .issue-timeline-actor,
body[data-theme='dark'] .issue-timeline-card time,
body[data-theme='dark'] .issue-timeline-card p {
    color: #d1d5db;
}

.fleetbase-ai-create-order-preview {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
}

.fleetbase-ai-create-order-preview__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.fleetbase-ai-create-order-preview__map {
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(148 163 184 / 20%);
    border-radius: 7px;
    background: rgb(15 23 42 / 5%);
}

.fleetbase-ai-create-order-preview__leaflet,
.fleetbase-ai-create-order-preview__google,
.fleetbase-ai-create-order-preview__empty-map {
    width: 100%;
    height: 190px;
}

.fleetbase-ai-create-order-preview__empty-map {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #64748b;
    font-size: 12px;
}

.fleetbase-ai-create-order-preview__map-status {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 999px;
    background: rgb(15 23 42 / 62%);
    padding: 4px 8px;
    color: #f8fafc;
    font-size: 11px;
    line-height: 1;
    backdrop-filter: blur(5px);
}

.fleetbase-ai-create-order-preview__map-status--error {
    border-color: rgb(245 158 11 / 32%);
    background: rgb(120 53 15 / 64%);
}

.fleetbase-ai-create-order-preview__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 8px;
}

.fleetbase-ai-create-order-preview__field-row {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border-radius: 7px;
    padding: 5px 6px;
    transition:
        background 120ms ease,
        box-shadow 120ms ease;
}

.fleetbase-ai-create-order-preview__field-row:hover,
.fleetbase-ai-create-order-preview__field-row:focus-within {
    background: rgb(255 255 255 / 20%);
    box-shadow: inset 0 0 0 1px rgb(148 163 184 / 14%);
}

.fleetbase-ai-create-order-preview__field-row--notes {
    grid-column: 1 / -1;
}

.fleetbase-ai-create-order-preview__field-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.fleetbase-ai-create-order-preview__field-copy > span {
    display: block;
    margin-bottom: 1px;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

.fleetbase-ai-create-order-preview__field-copy > strong {
    display: block;
    overflow: hidden;
    color: #0f172a;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleetbase-ai-create-order-preview__field-row--notes .fleetbase-ai-create-order-preview__field-copy > strong {
    white-space: normal;
}

.fleetbase-ai-create-order-preview__edit-wrapper {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    box-shadow: none;
}

.fleetbase-ai-create-order-preview__edit-button {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    color: #64748b;
}

.fleetbase-ai-create-order-preview__edit-button:hover {
    background: rgb(148 163 184 / 16%);
    color: #2563eb;
}

.fleetbase-ai-create-order-preview__inline-select,
.fleetbase-ai-create-order-preview__inline-native-select,
.fleetbase-ai-create-order-preview__inline-datetime,
.fleetbase-ai-create-order-preview__inline-textarea {
    width: 100%;
    min-height: 24px;
    border: 0;
    background: transparent;
    color: #0f172a;
    font-size: 12px;
    line-height: 1.25;
    outline: 0;
    box-shadow: none;
}

.fleetbase-ai-create-order-preview__inline-select.ember-power-select-trigger {
    display: flex;
    min-height: 24px;
    align-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    color: #0f172a;
    box-shadow: none;
}

.fleetbase-ai-create-order-preview .ember-power-select-trigger,
.fleetbase-ai-create-order-preview .ember-basic-dropdown-trigger,
.fleetbase-ai-create-order-preview .ember-model-select,
.fleetbase-ai-create-order-preview .fleetbase-model-select,
.fleetbase-ai-create-order-preview .ember-power-select-status-icon,
.fleetbase-ai-create-order-preview .ember-power-select-clear-btn {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.fleetbase-ai-create-order-preview .ember-power-select-trigger {
    min-height: 24px;
    padding: 0;
}

.fleetbase-ai-create-order-preview .ember-power-select-status-icon {
    right: 0;
    width: 12px;
    height: 12px;
}

.fleetbase-ai-create-order-preview .ember-power-select-clear-btn {
    right: 14px;
    color: #94a3b8;
}

.fleetbase-ai-create-order-preview .ember-power-select-search-input,
.fleetbase-ai-create-order-preview .ember-power-select-search-input:focus {
    border: 0;
    background: transparent;
    color: inherit;
    outline: 0;
    box-shadow: none;
}

.fleetbase-ai-create-order-preview__inline-select .ember-power-select-selected-item,
.fleetbase-ai-create-order-preview__inline-select .ember-power-select-placeholder {
    overflow: hidden;
    margin-left: 0;
    margin-right: 16px;
    color: inherit;
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleetbase-ai-create-order-preview__inline-native-select {
    width: auto;
    max-width: 150px;
    appearance: none;
    border-radius: 0;
    padding: 0 16px 0 0;
    font-weight: 650;
    cursor: pointer;
}

.fleetbase-ai-create-order-preview__inline-textarea {
    resize: vertical;
}

.fleetbase-ai-create-order-preview__inline-datetime,
.fleetbase-ai-create-order-preview__inline-datetime input {
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    font-size: 12px;
    line-height: 1.25;
    outline: 0;
    box-shadow: none;
}

.fleetbase-ai-create-order-preview__inline-datetime {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 6px;
}

.fleetbase-ai-create-order-preview__inline-datetime input {
    width: 100%;
    min-width: 0;
}

.fleetbase-ai-create-order-preview__toggles {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fleetbase-ai-create-order-preview__toggle-row {
    display: flex;
    min-height: 28px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgb(148 163 184 / 14%);
    padding: 7px 2px 0;
}

.fleetbase-ai-create-order-preview__inline-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    border-radius: 999px;
    background: rgb(148 163 184 / 14%);
    padding: 3px 7px;
    color: #475569;
    font-size: 11px;
    line-height: 1;
}

.fleetbase-ai-create-order-preview__inline-pill:hover {
    background: rgb(37 99 235 / 14%);
    color: #2563eb;
}

.fleetbase-ai-create-order-preview__select-label {
    overflow: hidden;
    color: #0f172a;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.fleetbase-ai-create-order-preview__controls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fleetbase-ai-create-order-preview__refreshing {
    color: #64748b;
    font-size: 11px;
}

.fleetbase-ai-create-order-preview__applying,
.fleetbase-ai-create-order-preview__completed,
.fleetbase-ai-create-order-preview__cancelled {
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 7px;
    padding: 8px 9px;
    font-size: 12px;
}

.fleetbase-ai-create-order-preview__applying {
    border: 1px solid rgb(96 165 250 / 20%);
    background: rgb(37 99 235 / 10%);
    color: #1d4ed8;
}

.fleetbase-ai-create-order-preview__magic-loader {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.fleetbase-ai-create-order-preview__magic-loader span {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: currentcolor;
    opacity: 0.45;
    animation: fleetbase-ai-create-order-dot 900ms ease-in-out infinite;
}

.fleetbase-ai-create-order-preview__magic-loader span:nth-child(2) {
    animation-delay: 120ms;
}

.fleetbase-ai-create-order-preview__magic-loader span:nth-child(3) {
    animation-delay: 240ms;
}

@keyframes fleetbase-ai-create-order-dot {
    0%,
    80%,
    100% {
        opacity: 0.35;
        transform: translateY(0);
    }

    40% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

.fleetbase-ai-create-order-preview__completed {
    border: 1px solid rgb(34 197 94 / 20%);
    background: rgb(22 163 74 / 10%);
    color: #166534;
}

.fleetbase-ai-create-order-preview__completed-icon {
    display: inline-flex;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgb(34 197 94 / 16%);
}

.fleetbase-ai-create-order-preview__completed-copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
}

.fleetbase-ai-create-order-preview__completed-copy strong,
.fleetbase-ai-create-order-preview__completed-copy span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fleetbase-ai-create-order-preview__completed-copy span {
    opacity: 0.8;
}

.fleetbase-ai-create-order-preview__cancelled {
    border: 1px solid rgb(239 68 68 / 20%);
    background: rgb(239 68 68 / 10%);
    color: #991b1b;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__map,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__field-row:hover,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__field-row:focus-within {
    border-color: rgb(148 163 184 / 20%);
    background: rgb(15 23 42 / 30%);
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__field-copy > strong,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-select,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-native-select,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-datetime,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-textarea,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-select.ember-power-select-trigger,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__select-label {
    color: #f8fafc;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__field-copy > span,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__edit-button,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__refreshing,
body[data-theme='dark'] .fleetbase-ai-create-order-preview__empty-map {
    color: #cbd5e1;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__toggle-row {
    border-top-color: rgb(148 163 184 / 18%);
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-pill {
    background: rgb(148 163 184 / 14%);
    color: #cbd5e1;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__inline-pill:hover {
    background: rgb(96 165 250 / 14%);
    color: #bfdbfe;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__applying {
    border-color: rgb(96 165 250 / 24%);
    background: rgb(30 64 175 / 24%);
    color: #bfdbfe;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__completed {
    border-color: rgb(74 222 128 / 22%);
    background: rgb(20 83 45 / 28%);
    color: #bbf7d0;
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__completed-icon {
    background: rgb(34 197 94 / 18%);
}

body[data-theme='dark'] .fleetbase-ai-create-order-preview__cancelled {
    border-color: rgb(248 113 113 / 22%);
    background: rgb(127 29 29 / 22%);
    color: #fecaca;
}

@media (prefers-reduced-motion: reduce) {
    .fleetbase-ai-create-order-preview__magic-loader span {
        animation: none;
    }
}