/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-biwwj3kg3f] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-biwwj3kg3f] {
    flex: 1;
}

.sidebar[b-biwwj3kg3f] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-biwwj3kg3f] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-biwwj3kg3f]  a, .top-row[b-biwwj3kg3f]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-biwwj3kg3f]  a:hover, .top-row[b-biwwj3kg3f]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-biwwj3kg3f]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-biwwj3kg3f] {
        justify-content: space-between;
    }

    .top-row[b-biwwj3kg3f]  a, .top-row[b-biwwj3kg3f]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-biwwj3kg3f] {
        flex-direction: row;
    }

    .sidebar[b-biwwj3kg3f] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-biwwj3kg3f] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-biwwj3kg3f]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-biwwj3kg3f], article[b-biwwj3kg3f] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-biwwj3kg3f] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-biwwj3kg3f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-l03yl77moq],
.components-reconnect-repeated-attempt-visible[b-l03yl77moq],
.components-reconnect-failed-visible[b-l03yl77moq],
.components-pause-visible[b-l03yl77moq],
.components-resume-failed-visible[b-l03yl77moq],
.components-rejoining-animation[b-l03yl77moq] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-retrying[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-failed[b-l03yl77moq],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-l03yl77moq] {
    display: block;
}


#components-reconnect-modal[b-l03yl77moq] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-l03yl77moq 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-l03yl77moq 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-l03yl77moq 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-l03yl77moq]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-l03yl77moq 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-l03yl77moq {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-l03yl77moq {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-l03yl77moq {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-l03yl77moq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-l03yl77moq] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-l03yl77moq] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-l03yl77moq] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-l03yl77moq] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-l03yl77moq] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-l03yl77moq] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-l03yl77moq 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-l03yl77moq] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-l03yl77moq {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Shared/AlarmsWorkspace.razor.rz.scp.css */
@media (max-width: 760px) {
    /* Reserve every card's full height before the pager, including history delivery details. */
    .module-layout[b-mkyv6cr8tb]  .dense-grid-wrap.mobile-cards {
        flex: 0 0 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}
/* /Components/Shared/CostsWorkspace.razor.rz.scp.css */
@media (max-width: 760px) {
    /* Keep document cards inside the dialog's scrolling content area. */
    .module-layout[b-ggoof7ug44]  .entity-dialog-preview .dialog-content {
        grid-auto-rows: max-content;
    }
}
/* /Components/Shared/DashboardWorkspace.razor.rz.scp.css */
.dashboard-period-label[b-l9qbmhihh8] {
    color: var(--fleet-soft-text);
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
}

.dashboard-period-controls[b-l9qbmhihh8] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
}

.dashboard-period-controls .panel-section-title[b-l9qbmhihh8] {
    margin: 0 0 2px;
    padding: 0;
    font-size: 13px;
}

.dashboard-period-controls .dialog-field[b-l9qbmhihh8],
.dashboard-refresh-controls .dialog-field[b-l9qbmhihh8] {
    min-width: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.dashboard-period-controls input[b-l9qbmhihh8],
.dashboard-refresh-controls select[b-l9qbmhihh8] {
    width: 100%;
    min-width: 0;
    min-height: 40px;
}

.dashboard-panel-details[b-l9qbmhihh8] {
    flex: 0 0 auto;
    min-width: 0;
    border-top: 1px solid var(--fleet-border);
}

.dashboard-panel-details > summary[b-l9qbmhihh8] {
    min-height: 44px;
    padding: 12px;
    color: var(--fleet-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.dashboard-panel-details > summary small[b-l9qbmhihh8] {
    margin-left: 6px;
    color: var(--fleet-soft-text);
    font-size: 12px;
    font-weight: 400;
}

.dashboard-panel-details .dashboard-refresh-controls[b-l9qbmhihh8] {
    gap: 12px;
    padding: 0 12px 12px;
}

.dashboard-panel-details .panel-list[b-l9qbmhihh8] {
    max-height: 320px;
    overflow-y: auto;
}

.dashboard-workspace .dashboard-kpis[b-l9qbmhihh8] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
}

.dashboard-kpi[b-l9qbmhihh8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--fleet-border);
    border-radius: 8px;
    background: var(--fleet-surface);
}

.dashboard-kpi h3[b-l9qbmhihh8] {
    margin: 0;
    color: var(--fleet-soft-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.dashboard-kpi strong[b-l9qbmhihh8] {
    color: var(--fleet-text);
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 700;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.dashboard-kpi-cost strong[b-l9qbmhihh8] {
    font-size: clamp(19px, 1.7vw, 26px);
}

.dashboard-kpi small[b-l9qbmhihh8] {
    margin-top: auto;
    color: var(--fleet-soft-text);
    font-size: 12px;
    line-height: 1.5;
}

.dashboard-period-detail[b-l9qbmhihh8] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1.5rem;
    padding: 0;
    color: var(--fleet-soft-text);
    font-size: .8125rem;
    line-height: 1.5;
}

.dashboard-period-detail[b-l9qbmhihh8],
.dashboard-evidence-note[b-l9qbmhihh8],
.dashboard-kpi[b-l9qbmhihh8],
.widget-tile > strong[b-l9qbmhihh8],
.widget-tile > small[b-l9qbmhihh8],
.dashboard-fuel-intro[b-l9qbmhihh8],
.dashboard-fuel-observations[b-l9qbmhihh8] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-evidence-note[b-l9qbmhihh8] {
    font-size: .8125rem;
    line-height: 1.5;
    margin: 0;
    color: var(--fleet-soft-text);
}

.dashboard-evidence-note p[b-l9qbmhihh8] {
    margin: 0 0 8px;
}

.dashboard-secondary-details[b-l9qbmhihh8] {
    min-width: 0;
    border: 1px solid var(--fleet-border);
    border-radius: 8px;
    background: var(--fleet-surface);
}

.dashboard-secondary-details > summary[b-l9qbmhihh8] {
    min-height: 44px;
    padding: 12px 16px;
    color: var(--fleet-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.dashboard-secondary-details .score-strip[b-l9qbmhihh8] {
    gap: 16px;
    padding: 4px 16px 16px;
    border: 0;
    background: transparent;
}

.dashboard-secondary-details .score-strip article[b-l9qbmhihh8] {
    gap: 4px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-secondary-details .score-strip article span[b-l9qbmhihh8] {
    font-size: 12px;
    line-height: 1.5;
}

.dashboard-secondary-details .score-strip article strong[b-l9qbmhihh8] {
    color: var(--fleet-text);
    font-size: 16px;
    line-height: 1.5;
}

.dashboard-evidence-note summary[b-l9qbmhihh8],
.dashboard-fuel-observations summary[b-l9qbmhihh8] {
    cursor: pointer;
    padding: .5rem 0;
}

.dashboard-workspace .widget-grid[b-l9qbmhihh8] {
    align-items: start;
    gap: 16px;
}

.dashboard-workspace .widget-tile[b-l9qbmhihh8] {
    gap: 10px;
    padding: 16px;
    cursor: default;
}

.dashboard-widget-title[b-l9qbmhihh8] {
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: var(--fleet-text);
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.widget-tile > strong[b-l9qbmhihh8] {
    white-space: normal;
    color: var(--fleet-text);
    font-size: 26px;
    line-height: 1.3;
}

.widget-tile > small[b-l9qbmhihh8] {
    color: var(--fleet-soft-text);
    font-size: 12px;
    line-height: 1.5;
}

.widget-tile .widget-actions[b-l9qbmhihh8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid var(--fleet-border);
}

.widget-tile .widget-actions .grid-link[b-l9qbmhihh8],
.dashboard-widget-options > summary[b-l9qbmhihh8] {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.5;
}

.dashboard-widget-options[b-l9qbmhihh8] {
    min-width: 0;
}

.dashboard-widget-options > summary[b-l9qbmhihh8] {
    border: 1px solid var(--fleet-border);
    border-radius: 6px;
    color: var(--fleet-text);
    background: var(--fleet-surface);
    cursor: pointer;
}

.dashboard-widget-options-content[b-l9qbmhihh8] {
    padding-top: 12px;
}

.dashboard-widget-options-content > small[b-l9qbmhihh8] {
    display: block;
    margin-bottom: 8px;
    color: var(--fleet-soft-text);
    font-size: 12px;
    line-height: 1.5;
}

.dashboard-widget-secondary-actions[b-l9qbmhihh8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-widget-title:focus-visible[b-l9qbmhihh8],
summary:focus-visible[b-l9qbmhihh8] {
    outline: 2px solid var(--fleet-red);
    outline-offset: 3px;
}

.dashboard-fuel-intro[b-l9qbmhihh8],
.dashboard-fuel-observations[b-l9qbmhihh8] {
    grid-column: 1 / -1;
    font-size: .875rem;
    line-height: 1.5;
}

@media (max-width: 1240px) {
    .dashboard-workspace .dashboard-kpis[b-l9qbmhihh8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-workspace .dashboard-kpis[b-l9qbmhihh8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dashboard-kpi[b-l9qbmhihh8] {
        padding: 14px;
    }

    .dashboard-kpi-cost[b-l9qbmhihh8] {
        grid-column: 1 / -1;
    }

    .dashboard-period-controls input[b-l9qbmhihh8],
    .dashboard-refresh-controls select[b-l9qbmhihh8] {
        min-height: 44px;
        font-size: 16px;
    }

    .dashboard-widget-title[b-l9qbmhihh8],
    .widget-tile .widget-actions .grid-link[b-l9qbmhihh8],
    .dashboard-widget-options > summary[b-l9qbmhihh8] {
        min-height: 44px;
    }

    .dashboard-period-label[b-l9qbmhihh8] {
        font-size: .8125rem;
        overflow-wrap: anywhere;
    }

    .module-layout[b-l9qbmhihh8]  .dense-grid-wrap.mobile-cards {
        flex: 0 0 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .module-layout[b-l9qbmhihh8]  .dense-grid-wrap.mobile-cards .dense-grid-scroll {
        flex: 0 0 auto;
    }

    .module-layout[b-l9qbmhihh8]  .entity-dialog-preview .dialog-content {
        grid-auto-rows: max-content;
    }
}
/* /Components/Shared/DenseGrid.razor.rz.scp.css */
.dense-grid-wrap[b-1jcffsg8kr] {
    color: var(--fleet-text, #273142);
    background: var(--fleet-surface, #fff);
    border-color: var(--fleet-border, #e2e5ea);
    border-radius: 12px;
}

.dense-grid-toolbar[b-1jcffsg8kr] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--fleet-border, #e2e5ea);
    background: var(--fleet-surface, #fff);
    font-size: 13px;
}

.dense-grid-result-count[b-1jcffsg8kr] {
    flex: 1 1 auto;
    color: var(--fleet-soft-text, #64748b);
}

.dense-grid-result-count strong[b-1jcffsg8kr] {
    color: var(--fleet-text, #273142);
}

.dense-grid-toolbar button[b-1jcffsg8kr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid var(--fleet-border, #e2e5ea);
    border-radius: 7px;
    color: var(--fleet-text, #273142);
    background: var(--fleet-surface, #fff);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.dense-grid-toolbar .dense-grid-mobile-view[b-1jcffsg8kr] {
    display: none;
}

.dense-grid-toolbar button[aria-expanded="true"][b-1jcffsg8kr] {
    border-color: var(--bs-primary, #c52d35);
    color: var(--bs-primary, #c52d35);
    background: var(--fleet-action-primary-bg, #fff5f5);
}

.dense-grid-filter-count[b-1jcffsg8kr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    color: var(--bs-primary, #c52d35);
    background: var(--fleet-action-primary-bg, #fff5f5);
    font-size: 12px;
}

.dense-grid-tools[b-1jcffsg8kr] {
    flex: 0 0 auto;
    max-height: 42vh;
    overflow: auto;
    padding: 16px;
    border-bottom: 1px solid var(--fleet-border, #e2e5ea);
    background: var(--fleet-muted, #f8f9fb);
}

.dense-grid-tools[hidden][b-1jcffsg8kr],
.dense-grid-column-chooser[hidden][b-1jcffsg8kr],
.dense-grid .filter-row[hidden][b-1jcffsg8kr] {
    display: none !important;
}

.dense-grid-group-bar[b-1jcffsg8kr] {
    align-items: flex-end;
    gap: 10px;
    padding: 0;
    color: inherit;
    background: transparent;
}

.dense-grid-group-bar > label[b-1jcffsg8kr] {
    display: flex;
    flex: 1 1 175px;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
    color: var(--fleet-soft-text, #64748b);
    font-size: 12px;
    font-weight: 500;
}

.dense-grid-group-bar :is(select, input, button)[b-1jcffsg8kr] {
    min-height: 36px;
    max-width: 100%;
    padding: 7px 10px;
    border-radius: 6px;
    color: var(--fleet-text, #273142);
    border-color: var(--fleet-border, #e2e5ea);
    background: var(--fleet-surface, #fff);
    font-size: 13px;
}

.dense-grid-group-bar :is(select, input)[b-1jcffsg8kr] {
    width: 100%;
    min-width: 0;
}

.dense-grid-group-bar button:disabled[b-1jcffsg8kr] {
    opacity: .45;
    cursor: default;
}

.dense-grid-column-list[b-1jcffsg8kr] {
    gap: 8px;
    margin-top: 14px;
}

.dense-grid-column-item[b-1jcffsg8kr] {
    gap: 6px;
    padding: 8px;
    border-radius: 7px;
    font-size: 13px;
}

.dense-grid-column-item span[b-1jcffsg8kr] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.dense-grid-column-item button[b-1jcffsg8kr] {
    flex: 0 0 30px;
    width: 30px;
    min-height: 30px;
}

.dense-grid-tools-hint[b-1jcffsg8kr] {
    margin: 12px 0 0;
    color: var(--fleet-soft-text, #64748b);
    font-size: 12px;
    line-height: 1.5;
}

.dense-grid-active-filter-row[b-1jcffsg8kr] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--fleet-border, #e2e5ea);
    background: var(--fleet-surface, #fff);
    color: var(--fleet-soft-text, #64748b);
    font-size: 12px;
}

.dense-grid-filter-chip[b-1jcffsg8kr] {
    max-width: 100%;
    min-height: 30px;
    border-radius: 6px;
}

.dense-grid-filter-chip span[b-1jcffsg8kr] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.dense-grid-filter-chip button[b-1jcffsg8kr] {
    flex: 0 0 28px;
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 17px;
}

.dense-grid th[b-1jcffsg8kr],
.dense-grid td[b-1jcffsg8kr] {
    height: var(--fleet-grid-row-height, 44px);
    padding: var(--fleet-grid-cell-padding, 9px 12px);
    border-right: 0;
    line-height: 1.45;
    font-size: 13px;
}

.dense-grid thead th[b-1jcffsg8kr] {
    position: sticky;
    top: 0;
    z-index: 3;
    overflow: visible;
    background: var(--fleet-muted, #f8f9fb);
    font-weight: 600;
}

.dense-grid-data-col[b-1jcffsg8kr] {
    width: 136px;
}

.dense-grid-actions-col[b-1jcffsg8kr] {
    width: var(--grid-action-width, 220px);
}

.dense-grid-heading > span:first-child[b-1jcffsg8kr] {
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

.dense-grid .dense-grid-value-cell[b-1jcffsg8kr] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.dense-grid-heading-wrap[b-1jcffsg8kr] {
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 5px;
}

.dense-grid-header-filter[b-1jcffsg8kr] {
    width: 28px;
    height: 28px;
}

.dense-grid-sort[b-1jcffsg8kr] {
    min-height: 28px;
    text-align: left;
}

.dense-grid-wrap > .dense-grid-header-filter-menu[b-1jcffsg8kr] {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 2fr) auto;
    align-items: start;
    gap: 12px;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    max-height: 240px;
    overflow: auto;
    padding: 12px 16px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--fleet-border, #e2e5ea);
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
}

.dense-grid-header-filter-menu .dense-grid-header-filter-options[b-1jcffsg8kr] {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    gap: 5px;
    max-height: 100px;
    margin: 0;
}

.dense-grid-header-filter-menu .dense-grid-header-filter-options button[b-1jcffsg8kr] {
    width: auto;
    gap: 10px;
    padding: 6px 9px;
}

.dense-grid-header-filter-actions[b-1jcffsg8kr] {
    flex-wrap: wrap;
    margin: 0;
}

.dense-grid-header-filter-menu :is(input, button)[b-1jcffsg8kr] {
    min-height: 34px;
    font-size: 13px;
}

.dense-grid .empty-cell[b-1jcffsg8kr] {
    height: 140px;
    padding: 28px 16px;
    color: var(--fleet-soft-text, #64748b);
    text-align: center;
}

.dense-grid-footer[b-1jcffsg8kr] {
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 56px;
    padding: 10px 16px;
    font-size: 12px;
    color: var(--fleet-soft-text, #64748b);
    background: var(--fleet-surface, #fff);
}

.dense-grid-pager button[b-1jcffsg8kr],
.dense-grid-page-size select[b-1jcffsg8kr] {
    min-width: 32px;
    min-height: 32px;
    border-radius: 6px;
}

.dense-grid-selection-count[b-1jcffsg8kr] {
    color: var(--bs-primary, #c52d35);
    font-weight: 600;
}

.dense-grid-wrap :is(button, input, select):focus-visible[b-1jcffsg8kr] {
    outline: 2px solid var(--bs-primary, #c52d35);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .dense-grid-wrap[b-1jcffsg8kr] {
        color: var(--fleet-text, #172635);
        background: var(--fleet-surface, #fff);
    }

    .dense-grid-mobile-toolbar[b-1jcffsg8kr] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 10px;
        border-bottom: 1px solid var(--fleet-border, #dbe2e8);
    }

    .dense-grid-mobile-toolbar > span[b-1jcffsg8kr] {
        flex: 1 0 100%;
        font-weight: 600;
    }

    .dense-grid-toolbar .dense-grid-mobile-view[b-1jcffsg8kr] {
        display: inline-flex;
    }

    .dense-grid-tools[b-1jcffsg8kr] {
        max-height: none;
        padding: 12px;
        overflow: visible;
    }

    .dense-grid-active-filter-row[b-1jcffsg8kr] {
        padding: 10px;
    }

    .dense-grid-filter-chip button[b-1jcffsg8kr] {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .dense-grid-mobile-toolbar button[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-pager button[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-page-size select[b-1jcffsg8kr] {
        min-height: 44px;
        min-width: 44px;
        padding: 8px 10px;
        border: 1px solid var(--fleet-border, #dbe2e8);
        border-radius: 7px;
        color: inherit;
        background: var(--fleet-surface, #fff);
        font-size: 13px;
        touch-action: manipulation;
    }

    .dense-grid-mobile-toolbar button[aria-expanded="true"][b-1jcffsg8kr],
    .dense-grid-mobile-toolbar button[aria-pressed="true"][b-1jcffsg8kr] {
        border-color: var(--bs-primary, #c52d35);
        color: var(--bs-primary, #c52d35);
    }

    .dense-grid-wrap .dense-grid-footer[b-1jcffsg8kr] {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 10px;
    }

    /* Cards use their parent scrollbar and must reserve their full height before the pager. */
    .dense-grid-wrap.mobile-cards[b-1jcffsg8kr] {
        /* Global workspace rules assign a desktop flex basis with higher specificity. */
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-scroll[b-1jcffsg8kr] {
        flex: 0 0 auto;
        max-height: none !important;
        overflow: visible !important;
    }

    .dense-grid-wrap.mobile-cards .dense-grid[b-1jcffsg8kr] {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto;
        border: 0;
    }

    .dense-grid-wrap.mobile-cards .dense-grid colgroup[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards .dense-grid .filter-row[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards .dense-grid .grid-actions-column[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards[data-mobile-tools-open="false"] thead[b-1jcffsg8kr] {
        display: none !important;
    }

    .dense-grid-wrap.mobile-cards thead[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards thead tr[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards thead th[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards thead td[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards tbody[b-1jcffsg8kr] {
        display: block;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        white-space: normal;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-column-chooser[hidden][b-1jcffsg8kr] {
        display: none !important;
    }

    .dense-grid-wrap.mobile-cards thead .select-column[b-1jcffsg8kr]::after {
        content: "Odaberi sve na stranici";
        margin-left: 8px;
        font-weight: 400;
    }

    .dense-grid-wrap.mobile-cards thead th[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards thead td[b-1jcffsg8kr] {
        position: static !important;
        overflow: visible;
        padding: 8px 10px;
        border-right: 0;
        color: inherit;
        background: var(--fleet-surface, #fff);
    }

    .dense-grid-wrap .dense-grid-group-bar[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-column-list[b-1jcffsg8kr] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        gap: 8px;
    }

    .dense-grid-wrap .dense-grid-group-bar > label[b-1jcffsg8kr] {
        flex-basis: auto;
    }

    .dense-grid-wrap .dense-grid-column-item label[b-1jcffsg8kr] {
        min-height: 44px;
    }

    .dense-grid-wrap .dense-grid-group-bar :is(input, select, button)[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-column-item button[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-header-filter[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-sort[b-1jcffsg8kr],
    .dense-grid-wrap .dense-grid-header-filter-menu :is(input, button)[b-1jcffsg8kr] {
        min-height: 44px;
        max-width: 100%;
        font-size: 16px;
    }

    .dense-grid-wrap .dense-grid-header-filter[b-1jcffsg8kr] {
        min-width: 44px;
    }

    .dense-grid-wrap .dense-grid-heading-wrap[b-1jcffsg8kr] {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-header-filter-menu[b-1jcffsg8kr] {
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 8px;
        box-shadow: none;
    }

    .dense-grid-wrap > .dense-grid-header-filter-menu[b-1jcffsg8kr] {
        grid-template-columns: minmax(0, 1fr);
        width: auto;
        max-height: none;
        margin: 0;
        padding: 12px;
    }

    .dense-grid-header-filter-actions[b-1jcffsg8kr] {
        order: 1;
    }

    .dense-grid-header-filter-options[b-1jcffsg8kr] {
        order: 2;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-header-filter-actions[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards .dense-grid-active-filter-summary[b-1jcffsg8kr] {
        flex-wrap: wrap;
    }

    .dense-grid-wrap.mobile-cards tbody[b-1jcffsg8kr] {
        padding: 10px;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-data-row[b-1jcffsg8kr] {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        padding: 8px 12px 0;
        border: 1px solid var(--fleet-border, #dbe2e8);
        border-radius: 10px;
        color: inherit;
        background: var(--fleet-surface, #fff) !important;
        overflow: hidden;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-data-row.selected-row[b-1jcffsg8kr] {
        border-color: var(--bs-primary, #c52d35);
        box-shadow: inset 3px 0 0 var(--bs-primary, #c52d35);
    }

    .dense-grid-wrap.mobile-cards .dense-grid-data-row > td[b-1jcffsg8kr] {
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        padding: 9px 0;
        border: 0;
        color: inherit;
        background: transparent !important;
        white-space: normal;
        overflow: visible;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-value-cell[b-1jcffsg8kr] {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
        gap: 12px;
        font-size: 14px;
        line-height: 1.4;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-value-cell[b-1jcffsg8kr]::before {
        content: attr(data-column-header);
        color: var(--fleet-soft-text, #64748b);
        font-size: 12px;
        overflow-wrap: anywhere;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-value-cell > span[b-1jcffsg8kr] {
        min-width: 0;
        overflow-wrap: anywhere;
        text-align: right;
    }

    .dense-grid-wrap.mobile-cards .select-cell[b-1jcffsg8kr] {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 44px !important;
    }

    .dense-grid-wrap.mobile-cards .select-cell[b-1jcffsg8kr]::after {
        content: "Odaberi stavku";
        color: var(--fleet-soft-text, #64748b);
        font-size: 12px;
    }

    .dense-grid-wrap.mobile-cards input[type="checkbox"][b-1jcffsg8kr] {
        width: 24px;
        height: 24px;
        accent-color: var(--bs-primary, #c52d35);
    }

    .dense-grid-wrap.mobile-cards .dense-grid-data-row > .grid-row-actions[b-1jcffsg8kr] {
        display: flex;
        flex-wrap: wrap;
        order: 1;
        gap: 6px;
        padding: 10px 0;
        margin-top: 4px;
        border-top: 1px solid var(--fleet-border, #dbe2e8);
    }

    .dense-grid-wrap.mobile-cards[b-1jcffsg8kr]  .grid-row-actions :is(button, a) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 8px 12px;
        white-space: normal;
        touch-action: manipulation;
    }

    .dense-grid-wrap.mobile-cards .dense-grid-group-header[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards .dense-grid-group-header-cell[b-1jcffsg8kr],
    .dense-grid-wrap.mobile-cards .empty-cell[b-1jcffsg8kr] {
        display: block;
        width: auto;
        height: auto;
        padding: 12px 0;
        border: 0;
        white-space: normal;
        color: inherit;
        background: transparent;
    }
}
/* /Components/Shared/DeviceTelemetryProfilesDialog.razor.rz.scp.css */
.measurement-profile-content[b-9xavxz7pcr] { display: grid; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
.measurement-profile-content p[b-9xavxz7pcr] { margin: 0; }
.measurement-profile-content fieldset[b-9xavxz7pcr] { display: grid; gap: 8px; min-width: 0; border: 1px solid var(--fleet-border); padding: 8px; }
.measurement-profile-content input:not([type="checkbox"])[b-9xavxz7pcr], .measurement-profile-content select[b-9xavxz7pcr], .measurement-profile-content textarea[b-9xavxz7pcr] { width: 100%; min-width: 0; box-sizing: border-box; }
.measurement-profile-content textarea[b-9xavxz7pcr] { resize: vertical; }
.measurement-profile-content summary[b-9xavxz7pcr] { cursor: pointer; padding-block: 8px; }
.measurement-profile-content dt[b-9xavxz7pcr] { font-weight: 600; }
.measurement-profile-content dd[b-9xavxz7pcr] { margin: 0 0 8px; }
/* /Components/Shared/EcoDrivingWorkspace.razor.rz.scp.css */
.eco-scope-note[b-jzm7rr1m9k], .eco-calculation-panel[b-jzm7rr1m9k] { padding: 12px; line-height: 1.5; }
.eco-calculation-panel[b-jzm7rr1m9k] { min-width: 0; overflow-wrap: anywhere; }
.eco-calculation-panel h3[b-jzm7rr1m9k] { margin: 18px 0 8px; }
.eco-calculation-panel .panel-list-item[b-jzm7rr1m9k] { white-space: normal; text-align: left; }
.eco-calculation-result[b-jzm7rr1m9k] { margin-top: 12px; padding: 12px; border: 1px solid #b8d4c8; background: #f2faf6; border-radius: 8px; }
@media (max-width: 760px) {
    .score-strip > article:nth-child(5):last-child[b-jzm7rr1m9k] { grid-column: 1 / -1; }
    .eco-calculation-panel .panel-command[b-jzm7rr1m9k], .eco-calculation-panel .panel-list-item[b-jzm7rr1m9k] { min-height: 44px; width: 100%; }
    .eco-calculation-panel[b-jzm7rr1m9k], .eco-calculation-result[b-jzm7rr1m9k] { padding: 8px; }
}
/* /Components/Shared/LocationsWorkspace.razor.rz.scp.css */
.nearby-vehicle-row > .location-position-time[b-10so09uq2r] {
    grid-column: 1 / -1;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
}
/* /Components/Shared/RemindersWorkspace.razor.rz.scp.css */
@media (max-width: 760px) {
    .reminders-workspace[b-odnokr7fzv]  .entity-dialog-preview select {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}
/* /Components/Shared/ReportsWorkspace.razor.rz.scp.css */
.legacy-report-panel[b-tomnngpsbu] {
    display: grid;
    gap: 16px;
    background: transparent;
}

.legacy-field[b-tomnngpsbu],
.legacy-date-custom label[b-tomnngpsbu] {
    min-width: 0;
    gap: 6px;
    padding: 0;
    color: var(--fleet-text);
    font-size: 13px;
    line-height: 1.5;
}

.legacy-field > span[b-tomnngpsbu] {
    line-height: 1.5;
}

.legacy-field select[b-tomnngpsbu],
.legacy-field input[b-tomnngpsbu],
.legacy-date-picker[b-tomnngpsbu],
.legacy-date-custom input[b-tomnngpsbu],
.legacy-report-picker[b-tomnngpsbu] {
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    height: auto;
    padding: 8px 10px;
    border: 1px solid var(--fleet-border);
    border-radius: 6px;
    color: var(--fleet-text);
    background: var(--fleet-surface);
    font-size: 14px;
    line-height: 1.5;
}

.legacy-date-field[b-tomnngpsbu] {
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 8px;
}

.legacy-date-custom[b-tomnngpsbu] {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.legacy-report-panel .panel-section-title[b-tomnngpsbu] {
    margin: 2px 0 -8px;
    padding: 0;
}

.legacy-report-picker-shell[b-tomnngpsbu] {
    grid-template-columns: minmax(0, 1fr) 40px 40px;
    gap: 6px;
    padding: 0 0 16px;
    border-color: var(--fleet-border);
    background: transparent;
}

.legacy-report-picker span:first-child[b-tomnngpsbu] {
    overflow-wrap: anywhere;
    white-space: normal;
}

.legacy-field-icon-button[b-tomnngpsbu],
.legacy-icon-button[b-tomnngpsbu],
.legacy-icon-outline[b-tomnngpsbu] {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--fleet-border);
    border-radius: 6px;
    color: var(--fleet-red);
    background: var(--fleet-surface);
    font-size: 17px;
}

.report-popular-box[b-tomnngpsbu],
.report-data-box[b-tomnngpsbu] {
    margin: 16px 0;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--fleet-border);
    border-radius: 8px;
    color: var(--fleet-text);
    background: var(--fleet-surface);
}

.report-data-box[b-tomnngpsbu] {
    padding: 12px;
}

.report-popular-box strong[b-tomnngpsbu],
.report-data-box strong[b-tomnngpsbu] {
    color: var(--fleet-text);
    font-size: 13px;
    line-height: 1.5;
}

.report-popular-box strong[b-tomnngpsbu] {
    padding: 12px;
}

.report-popular-item[b-tomnngpsbu] {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    min-height: 44px;
    padding: 10px 12px;
    border-top: 1px solid var(--fleet-border);
    color: var(--fleet-text);
    font-size: 14px;
}

.report-popular-item span[b-tomnngpsbu] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.report-popular-item small[b-tomnngpsbu],
.report-data-box p[b-tomnngpsbu] {
    color: var(--fleet-soft-text);
    font-size: 12px;
    line-height: 1.5;
}

.report-popular-item:hover[b-tomnngpsbu] {
    background: var(--ui-soft, var(--fleet-muted));
}

.report-options-details[b-tomnngpsbu] {
    margin-top: 12px;
    border: 1px solid var(--fleet-border);
    border-radius: 8px;
    background: var(--fleet-surface);
}

.report-options-details > summary[b-tomnngpsbu] {
    min-height: 44px;
    padding: 12px;
    color: var(--fleet-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
}

.report-options-details .legacy-report-actions[b-tomnngpsbu] {
    grid-template-columns: minmax(0, 1fr);
    padding: 0 12px 12px;
    gap: 8px;
}

#report-picker-dialog[b-tomnngpsbu] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: calc(var(--toolbar-height, 60px) + 20px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(960px, calc(100vw - 40px));
    max-height: calc(100dvh - var(--toolbar-height, 60px) - 40px);
    overflow: hidden;
    border: 1px solid var(--fleet-border);
    border-radius: 8px;
    color: var(--fleet-text);
    background: var(--fleet-surface);
    box-shadow: 0 16px 48px rgb(20 30 45 / 20%);
}

.report-picker-toolbar.report-picker-mobile-toolbar[b-tomnngpsbu] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--fleet-border);
    color: var(--fleet-text);
    background: var(--fleet-surface);
    font-size: 16px;
}

.report-picker-toolbar button[b-tomnngpsbu] {
    min-height: 40px;
}

.report-picker-scroll[b-tomnngpsbu] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.legacy-report-popup-table[b-tomnngpsbu],
.legacy-vehicle-grid[b-tomnngpsbu] {
    min-width: 680px;
    color: var(--fleet-text);
    font-size: 14px;
    line-height: 1.5;
}

.legacy-report-popup-table th[b-tomnngpsbu],
.legacy-report-popup-table td[b-tomnngpsbu],
.legacy-vehicle-grid th[b-tomnngpsbu],
.legacy-vehicle-grid td[b-tomnngpsbu] {
    height: 40px;
    padding: 8px 12px;
    border-color: var(--fleet-border);
}

.legacy-report-popup-table th[b-tomnngpsbu],
.legacy-vehicle-grid th[b-tomnngpsbu],
.legacy-report-popup-table .legacy-popup-group td[b-tomnngpsbu] {
    color: var(--fleet-soft-text);
    background: var(--ui-soft, var(--fleet-muted));
    font-size: 13px;
}

.legacy-report-popup-table tr.selected td[b-tomnngpsbu],
.legacy-vehicle-grid tr.selected td[b-tomnngpsbu] {
    background: var(--ui-tint, var(--fleet-muted));
}

.legacy-report-popup-table tbody tr:not(.legacy-popup-group):hover td[b-tomnngpsbu] {
    background: var(--ui-soft, var(--fleet-muted));
}

.legacy-popup-filter-row input[b-tomnngpsbu],
.legacy-popup-filter-row select[b-tomnngpsbu],
.legacy-vehicle-filter-row input[b-tomnngpsbu] {
    min-height: 40px;
    height: auto;
    padding: 8px;
    border: 1px solid var(--fleet-border);
    border-radius: 6px;
    color: var(--fleet-text);
    background: var(--fleet-surface);
    font-size: 14px;
}

.legacy-popup-filter-row th:first-child input[b-tomnngpsbu] {
    border-color: var(--fleet-border);
    border-radius: 6px;
}

.legacy-popup-report-name[b-tomnngpsbu],
.legacy-popup-icon[b-tomnngpsbu] {
    min-height: 40px;
    color: var(--fleet-text);
    font-size: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.legacy-vehicle-filter-row th[b-tomnngpsbu] {
    top: 40px;
}

.legacy-grid-toolbar[b-tomnngpsbu],
.legacy-grid-actions[b-tomnngpsbu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    align-items: center;
}

.legacy-grid-toolbar[b-tomnngpsbu] {
    justify-content: space-between;
    padding: 12px;
    border-color: var(--fleet-border);
    background: var(--fleet-surface);
}

.legacy-clear-selected[b-tomnngpsbu],
.legacy-sector-filter[b-tomnngpsbu],
.legacy-grid-search[b-tomnngpsbu] {
    min-height: 40px;
    height: auto;
    border-color: var(--fleet-border);
    border-radius: 6px;
    color: var(--fleet-text);
    background: var(--fleet-surface);
    font-size: 13px;
}

.legacy-sector-filter button[b-tomnngpsbu] {
    min-height: 38px;
    color: inherit;
}

.legacy-grid-search input[b-tomnngpsbu] {
    height: 38px;
    font-size: 14px;
}

.legacy-report-grid[b-tomnngpsbu] {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.legacy-grid-footer[b-tomnngpsbu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    min-height: 44px;
    padding: 8px 12px;
    color: var(--fleet-soft-text);
    background: var(--fleet-surface);
    border-color: var(--fleet-border);
    font-size: 12px;
    line-height: 1.5;
}

.legacy-page-sizes button[b-tomnngpsbu] {
    min-width: 40px;
    min-height: 36px;
    font-size: 13px;
}

.form-hint[b-tomnngpsbu],
.report-table-message[b-tomnngpsbu] {
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.report-exact-period[b-tomnngpsbu] {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.report-exact-period label[b-tomnngpsbu],
.report-exact-period input[b-tomnngpsbu] {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.report-usage-status[b-tomnngpsbu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 8px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.report-usage-status button[b-tomnngpsbu] {
    white-space: normal;
    max-width: 100%;
}

.report-picker-mobile-hint[b-tomnngpsbu] {
    display: none;
}

@media (max-width: 760px) {
    #report-picker-dialog[b-tomnngpsbu] {
        left: 8px;
        right: 8px;
        top: 120px;
        transform: none;
        width: auto;
        max-height: calc(100dvh - 200px - env(safe-area-inset-bottom, 0px));
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .legacy-date-field[b-tomnngpsbu] {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .legacy-report-picker-shell[b-tomnngpsbu] {
        grid-template-columns: minmax(0, 1fr) 44px 44px;
    }

    .legacy-field input[b-tomnngpsbu],
    .legacy-field select[b-tomnngpsbu],
    .legacy-date-custom input[b-tomnngpsbu],
    .legacy-report-picker[b-tomnngpsbu],
    .legacy-popup-filter-row input[b-tomnngpsbu],
    .legacy-popup-filter-row select[b-tomnngpsbu],
    .legacy-vehicle-filter-row input[b-tomnngpsbu],
    .legacy-grid-search input[b-tomnngpsbu] {
        min-height: 44px;
        font-size: 16px;
    }

    .legacy-field-icon-button[b-tomnngpsbu],
    .legacy-icon-button[b-tomnngpsbu],
    .legacy-icon-outline[b-tomnngpsbu] {
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    .legacy-clear-selected[b-tomnngpsbu],
    .legacy-sector-filter button[b-tomnngpsbu],
    .legacy-page-sizes button[b-tomnngpsbu] {
        min-height: 44px;
    }

    .report-picker-mobile-toolbar[b-tomnngpsbu] {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 8px;
    }

    .report-picker-mobile-toolbar button[b-tomnngpsbu] {
        min-width: 64px;
        min-height: 44px;
    }

    .report-picker-mobile-hint[b-tomnngpsbu] {
        display: block;
        flex: 0 0 auto;
        padding: 0 8px 8px;
        white-space: normal;
    }

    .report-usage-status[b-tomnngpsbu] {
        flex: 0 0 auto;
    }

    .report-picker-scroll[b-tomnngpsbu] {
        min-width: 0;
        min-height: 0;
        overflow: auto;
        overscroll-behavior: contain;
    }

    .legacy-report-popup-table[b-tomnngpsbu] {
        min-width: 760px;
    }

    .legacy-report-popup-table th[b-tomnngpsbu],
    .legacy-report-popup-table td[b-tomnngpsbu] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .legacy-popup-report-name[b-tomnngpsbu],
    .legacy-popup-icon[b-tomnngpsbu] {
        min-height: 44px;
    }
}
/* /Components/Shared/TravelOrdersWorkspace.razor.rz.scp.css */
.travel-cost-note[b-21k6dpwo7o],
.travel-cost-details[b-21k6dpwo7o] {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 0;
    font-size: .875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.travel-cost-details[b-21k6dpwo7o] {
    padding: .75rem;
    border: 1px solid #d7e3ed;
    border-radius: .5rem;
    background: #f5f9fc;
}

.travel-cost-details p[b-21k6dpwo7o] {
    margin: .35rem 0 0;
}

@media (max-width: 760px) {
    /* Phone cards share their workspace/dialog scrollbar; reserve their full content height. */
    .module-layout[b-21k6dpwo7o]  .dense-grid-wrap.mobile-cards {
        flex: 0 0 auto;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .module-layout[b-21k6dpwo7o]  .dense-grid-wrap.mobile-cards .dense-grid-scroll {
        flex: 0 0 auto;
    }

    .module-layout[b-21k6dpwo7o]  .entity-dialog-preview .dialog-content {
        grid-auto-rows: max-content;
    }
}
/* /Components/Shared/VehicleMeasurementsDialog.razor.rz.scp.css */
.vehicle-measurements[b-58wiodaa4c] { min-width: 0; max-width: 100%; }
.vehicle-measurements p[b-58wiodaa4c] { overflow-wrap: anywhere; }
.vehicle-measurement-list[b-58wiodaa4c] { display: grid; gap: .75rem; margin-top: .75rem; }
.vehicle-measurement[b-58wiodaa4c] { min-width: 0; border: 1px solid var(--fleet-border, #dce1e5); border-radius: .5rem; padding: .75rem; }
.vehicle-measurement h4[b-58wiodaa4c] { margin: 0 0 .4rem; }
.vehicle-measurement p[b-58wiodaa4c] { margin: .4rem 0; }
.measurement-value[b-58wiodaa4c] { font-size: 1.3rem; font-weight: 700; }
.measurement-value span[b-58wiodaa4c] { font-size: .9rem; font-weight: 400; }
.measurement-unavailable[b-58wiodaa4c] { opacity: .8; }
.vehicle-measurement summary[b-58wiodaa4c] { cursor: pointer; padding: .5rem 0; }
.vehicle-measurement dl[b-58wiodaa4c] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: .45rem .75rem; margin: .5rem 0 0; }
.vehicle-measurement dt[b-58wiodaa4c] { font-weight: 600; }
.vehicle-measurement dd[b-58wiodaa4c] { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .vehicle-measurement dl[b-58wiodaa4c] { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
    .vehicle-measurement dd[b-58wiodaa4c] { margin-bottom: .55rem; }
    .vehicle-measurements > .panel-command[b-58wiodaa4c] { width: 100%; }
}