@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Layouts/FullScreenLayout.razor.rz.scp.css */
#ov-fullscreen-container[b-4wff8zb2hj] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
/* /Components/Layouts/FullScreenLayoutDark.razor.rz.scp.css */
#ov-fullscreen-container[b-dnpg7jjzsf] {
    width: 100%;
    height: 100%;
    background-color: var(--ov-panel-light);
    border-top: 1px solid var(--ov-edge-soft);
    overflow-y: auto;
}
/* /Components/Layouts/LoginLayout.razor.rz.scp.css */
.login-layout[b-aqkv789r7u] {
    background-color: var(--ov-login-body) !important;
    height: 100vh; /* full viewport height */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Layouts/MainLayout.razor.rz.scp.css */
.page[b-yzz92mnglw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

[b-yzz92mnglw] .rz-body {
    margin: 0;
    padding: 0;
}

[b-yzz92mnglw] .rz-footer {
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

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

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

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

@media (width < 641px) {
    .top-row:not(.auth)[b-yzz92mnglw] {
        display: none;
    }

    .top-row.auth[b-yzz92mnglw] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row[b-yzz92mnglw], article[b-yzz92mnglw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layouts/PageLayoutDark.razor.rz.scp.css */
#ov-body-container[b-c075q752dj] {
    background-color: var(--ov-panel-light);
    padding-top: 1.14em; /* This is to match the spacing of the page title */
    border-top: 1px solid var(--ov-edge);
}
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
label[b-eu5o5sdude] {
    color: var(--ov-black);
    font-weight: 600 !important;
}

.login-card[b-eu5o5sdude] {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 1.5rem;
}

.forgot-link[b-eu5o5sdude] {
    color: var(--ov-primary);
    text-decoration: none;
    font-weight: 500;
}
/* /Components/Pages/CustomerBilling/Charges.razor.rz.scp.css */
[b-spklvh36c4] .e-grid .ov-held-charge .e-rowcell {
    color: var(--ov-text-descriptive) !important;
}
/* /Components/Pages/CustomerBilling/InvoiceExportWizard.razor.rz.scp.css */
.export-page-wrapper[b-gwycbp105e] {
    width: 100%;
    height: 100%;
    padding: 20px;
}

[b-gwycbp105e] .export-page-card {
    padding: 40px 30px 24px 40px;
}

[b-gwycbp105e] .rz-card {
    --rz-card-background-color: var(--rz-dialog-background-color);
    background-color: var(--rz-card-background-color) !important;
}

/* Prevent sidebar from stretching to fill content height */
[b-gwycbp105e] .rz-steps {
    align-items: start !important;
}

/* Export step container */
.export-step[b-gwycbp105e] {
    max-width: 640px;
}

.export-header[b-gwycbp105e] {
    margin: 0 0 8px 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.export-description[b-gwycbp105e] {
    color: #2d3436;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0 0 24px 0;
}

/* Summary box */
.export-summary-box[b-gwycbp105e] {
    border: 1px solid #ececef;
    background-color: #fcfcfd;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 28px;
    max-width: 320px;
}

.summary-row[b-gwycbp105e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: 0.875rem;
}

.summary-row-total[b-gwycbp105e] {
    border-top: 2px solid #ececef;
    margin-top: 4px;
    padding-top: 10px;
    font-weight: 600;
}

.summary-label[b-gwycbp105e] {
    color: #1a1a2e;
}

.summary-sublabel[b-gwycbp105e] {
    color: #636e72;
    font-size: 0.8125rem;
}

.summary-value[b-gwycbp105e] {
    color: #1a1a2e;
}

/* Sections */
.export-section[b-gwycbp105e] {
    margin-bottom: 28px;
}

.export-section-label[b-gwycbp105e] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 8px;
}

[b-gwycbp105e] .export-invoice-number {
    width: 200px;
}

/* Export mode options */
.export-mode-options[b-gwycbp105e] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.export-mode-card[b-gwycbp105e] {
    border: 1px solid #ececef;
    border-radius: 10px;
    padding: 16px;
    width: 280px;
    cursor: pointer;
    transition: border-color 0.15s ease;
    background: #fff;
}

.export-mode-card:hover:not(.disabled)[b-gwycbp105e] {
    border-color: #a0c4ff;
}

.export-mode-card.disabled[b-gwycbp105e] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.export-mode-card.selected[b-gwycbp105e] {
    border-color: #a0c4ff;
    border-width: 2px;
    padding: 15px;
    background: #e8f0fe;
}

.export-mode-card-header[b-gwycbp105e] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

[b-gwycbp105e] .export-mode-icon {
    font-size: 32px;
}

[b-gwycbp105e] .export-mode-card.immediate .export-mode-icon {
    color: #1a73e8;
}

[b-gwycbp105e] .export-mode-card.background .export-mode-icon {
    color: #636e72;
}

.export-mode-title[b-gwycbp105e] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1a1a2e;
}

.export-mode-subtitle[b-gwycbp105e] {
    font-size: 0.75rem;
    color: #636e72;
}

.export-mode-description[b-gwycbp105e] {
    font-size: 0.8125rem;
    color: #2d3436;
    line-height: 1.4;
}

/* Footer */
.export-footer[b-gwycbp105e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 8px;
}

[b-gwycbp105e] .export-footer .rz-button {
    font-weight: 600;
}

/* De-emphasized action buttons (Skip, and post-run Process Payments): our standard neutral edge-gray with white button text. Light enough to read as secondary, clearly darker than the pale disabled state. */
[b-gwycbp105e] .pp-action-row .rz-button.ov-deterrent-btn,
[b-gwycbp105e] .pp-action-row .rz-button.ov-deterrent-btn:focus,
[b-gwycbp105e] .pp-action-row .rz-button.ov-deterrent-btn:active {
    background-color: var(--ov-edge-dark);
    border-color: var(--ov-edge-dark);
    color: var(--ov-primary-text);
}

[b-gwycbp105e] .pp-action-row .rz-button.ov-deterrent-btn:hover {
    background-color: var(--ov-text-header-light);
    border-color: var(--ov-text-header-light);
    color: var(--ov-primary-text);
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
[b-ar2efleb4t] .dropdown-charts > ul.e-dropdown-menu {
    max-height: 400px;
    overflow-y: scroll;
}

/* Edit mode packs many controls into the toolbar; let them wrap instead of clipping off the
   right edge, keep everything vertically centered, and space wrapped rows. */
.dashboard-toolbar[b-ar2efleb4t] {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 10px;
}

[b-ar2efleb4t] .e-dashboardlayout.e-control .e-panel .e-panel-header {
    height: 50px;
}

[b-ar2efleb4t] .e-dashboardlayout.e-control .e-panel .e-panel-content {
    height: calc(100% - 50px);
}

[b-ar2efleb4t] li.e-list-group-item:has(span.d-none) {
    display: none;
}

[b-ar2efleb4t] html, body[b-ar2efleb4t] {
    height: 100%;
    margin: 0;
}

[b-ar2efleb4t] div.e-dlg-container.e-dialog-static {
    z-index: 1000 !important;
}

[b-ar2efleb4t] .e-dlg-container.e-dialog-static>div.e-dlg-modal {
    z-index: 1000 !important;
}

[b-ar2efleb4t] .e-dialog .e-dlg-header {
    font-weight: bold;
}

[b-ar2efleb4t] .dashboard-panel {
    z-index: unset !important;
}

[b-ar2efleb4t] .e-dlg-overlay {
    z-index: 200 !important;
}

[b-ar2efleb4t] body {
    overflow-y: scroll;
    overflow-x: hidden;
}

[b-ar2efleb4t] .e-spinner-pane.e-spin-show .e-spinner-inner {
    z-index: unset !important;
}

[b-ar2efleb4t] .ov-body-container {
    overflow-x: hidden !important;
}
/* /Components/Pages/DispatchHistory/DispatchHistory.razor.rz.scp.css */
.ov-dispatch-history-container[b-m1lyssnwr8] {
    height: 100%;
    overflow: auto;
}

.ov-dispatch-history-content[b-m1lyssnwr8] {
    padding: 24px 18px 18px 18px;
}
/* /Components/Pages/Dispatch/OpenBilling.razor.rz.scp.css */
.ov-open-billing-container[b-6mlzdfxco3] {
    height: 100%;
    overflow: auto;
}

.ov-open-billing-content[b-6mlzdfxco3] {
    padding: 24px 18px 18px 18px;
}
/* /Components/Pages/Invoices/BatchSelectReport.razor.rz.scp.css */
/* Flex spacer to push items to the right */
.flex-spacer[b-ga86a4ldj1] {
    flex-grow: 1;
}

.ov-batch-select-container[b-ga86a4ldj1] {
    height: 100%;
    overflow: auto;
}

.ov-batch-select-content[b-ga86a4ldj1] {
    padding: 24px 18px 18px 18px;
}
/* /Components/Pages/Invoices/InvoiceDetail.razor.rz.scp.css */
/* Title bar top border is kept — matches the mockup design */
.invoice-detail-page[b-zf4r8ydioa] {
    width: 100%;
    height: 100%;
}

.ov-invoice-body[b-zf4r8ydioa] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

/* Light gray background so white cards appear embossed */
.invoice-detail-page[b-zf4r8ydioa]  .ov-landing-page-body {
    background-color: var(--rz-base-100, #f5f7fa);
}

/* Cancel Radzen's rz-body padding (--rz-layout-body-padding, default 1rem); keep 10px so card borders stay visible */
.ov-invoice-body[b-zf4r8ydioa] {
    margin-left: calc(var(--rz-layout-body-padding, 1rem) * -1 + 10px);
    margin-right: calc(var(--rz-layout-body-padding, 1rem) * -1 + 10px);
    padding: 12px 12px 24px 12px;
}

@media (max-width: 1024px) {
    .ov-invoice-body[b-zf4r8ydioa] {
        padding: 10px 8px 20px 8px;
    }
}

@media (max-width: 850px) {
    .ov-invoice-body[b-zf4r8ydioa] {
        padding: 8px 4px 16px 4px;
    }

    [b-zf4r8ydioa] .invoice-details-layout {
        flex-direction: column;
    }

    [b-zf4r8ydioa] .invoice-details-left,
    [b-zf4r8ydioa] .invoice-details-right {
        flex: 1 1 auto;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    [b-zf4r8ydioa] .invoice-details-right {
        border-left: none;
        border-top: 1px solid var(--rz-base-300, #e0e0e0);
        padding-top: 16px;
        margin-top: 16px;
    }

    [b-zf4r8ydioa] .invoice-summary {
        min-width: unset;
        width: 100%;
    }
}

/* Invoice Details two-section layout with vertical divider */
[b-zf4r8ydioa] .invoice-details-layout {
    display: flex;
    gap: 0;
}

[b-zf4r8ydioa] .invoice-details-left {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 24px;
}

[b-zf4r8ydioa] .invoice-details-right {
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: 24px;
    border-left: 1px solid var(--rz-base-300, #e0e0e0);
}

/* Invoice Details label/value pairs */
[b-zf4r8ydioa] .invoice-field {
    margin-bottom: 12px;
}

/* Customer name - slightly larger/bolder per mockup */
[b-zf4r8ydioa] .invoice-customer-name {
    font-size: 1.1rem;
    font-weight: 500;
}

/* Override ReadOnlyField styles to match invoice-field design */
[b-zf4r8ydioa] .ov-readonly-field {
    margin-top: 0;
    margin-bottom: 12px;
}

[b-zf4r8ydioa] .ov-readonly-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ov-text-descriptive, #6c757d);
    margin-bottom: 2px;
    min-width: unset;
}

[b-zf4r8ydioa] .ov-readonly-value {
    font-size: 0.95rem;
    color: var(--ov-text, #212529);
}

/* Customer name via ReadOnlyField - larger/bolder */
[b-zf4r8ydioa] .invoice-customer-name .ov-readonly-value {
    font-size: 1.1rem;
    font-weight: 500;
}

/* Card header */
[b-zf4r8ydioa] .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 16px;
    background: transparent;
    border: none;
}

[b-zf4r8ydioa] .card-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

/* Summary totals card */
[b-zf4r8ydioa] .invoice-summary {
    min-width: 300px;
    background-color: #f8fafc !important;
    border-radius: 8px;
    padding: 16px 20px;
}

[b-zf4r8ydioa] .invoice-summary-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

[b-zf4r8ydioa] .invoice-summary-label {
    color: var(--ov-text, #212529);
    font-size: 0.99rem;
}

[b-zf4r8ydioa] .invoice-summary-value {
    font-weight: 500;
    font-size: 0.95rem;
}

[b-zf4r8ydioa] .invoice-summary-balance-label {
    color: var(--ov-text, #212529);
    font-size: 1.15rem;
    font-weight: 700;
}

[b-zf4r8ydioa] .invoice-summary-balance {
    font-weight: 700;
    color: var(--ov-text, #212529);
    font-size: 1.25rem;
}

[b-zf4r8ydioa] .invoice-summary-divider {
    border-top: 1px solid var(--rz-base-300, #e0e0e0);
    margin: 6px 0;
}

[b-zf4r8ydioa] .invoice-summary-total .invoice-summary-label {
    font-weight: 700;
    color: var(--ov-text, #212529);
    font-size: 1rem;
}

[b-zf4r8ydioa] .invoice-summary-total .invoice-summary-value {
    font-weight: 700;
    color: var(--ov-text, #212529);
    font-size: 1.1rem;
}

/* Activity timeline */
[b-zf4r8ydioa] .activity-timeline {
    position: relative;
    padding-left: 20px;
}

[b-zf4r8ydioa] .activity-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 16px;
}

[b-zf4r8ydioa] .activity-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 22px;
    bottom: 0;
    width: 2px;
    background-color: var(--rz-base-300, #e0e0e0);
}

[b-zf4r8ydioa] .activity-dot {
    position: absolute;
    left: -20px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

[b-zf4r8ydioa] .activity-event {
    line-height: 1.3;
}

[b-zf4r8ydioa] .activity-meta {
    line-height: 1.4;
}
/* /Components/Pages/Invoices/InvoiceExportErrors.razor.rz.scp.css */
.ov-invoice-export-errors-container[b-g3kh6ya9zi] {
    height: 100%;
    overflow: auto;
}

.ov-invoice-export-errors-content[b-g3kh6ya9zi] {
    padding: 24px 18px 18px 18px;
}
/* /Components/Pages/Invoices/PrintEmailInvoices.razor.rz.scp.css */
.ov-print-email-container[b-oq23xb4vgg] {
    height: 100%;
    overflow: auto;
}

.ov-print-email-content[b-oq23xb4vgg] {
    padding: 24px 18px 18px 18px;
}
/* /Components/Pages/Orders/AssignGroupOrderPopup.razor.rz.scp.css */
/* Styles ported from OVO-676 mockup (assign-group-order-mockup.html).
   Uses the project's existing theme tokens from wwwroot/css/theme.css. */

.agp-body[b-qkpssrlzrc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px 4px 12px 4px;
}

/* Context banner */
.agp-ctx-banner[b-qkpssrlzrc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--ov-secondary);
    border: 1px solid #d8defb;
    border-radius: 6px;
    color: var(--ov-text);
}

[b-qkpssrlzrc] .agp-ctx-banner-icon {
    color: var(--ov-primary);
    font-size: 22px;
}

.agp-ctx-line[b-qkpssrlzrc] {
    font-size: 14px;
}

.agp-ctx-line strong[b-qkpssrlzrc] {
    font-weight: 600;
}

.agp-ctx-meta[b-qkpssrlzrc] {
    font-size: 12px;
    color: var(--ov-text-descriptive);
    margin-top: 1px;
}

/* Conflict notice */
.agp-notice[b-qkpssrlzrc] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--ov-panel-warning);
    border: 1px solid var(--ov-panel-warning-dark);
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ov-panel-warning-text);
}

[b-qkpssrlzrc] .agp-notice-icon {
    color: var(--ov-warning);
    font-size: 20px;
    margin-top: -1px;
}

/* Mode toggle (two-card radio chooser) */
.agp-mode-toggle[b-qkpssrlzrc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.agp-mode-option[b-qkpssrlzrc] {
    position: relative;
    background: var(--ov-white);
    border: 1px solid var(--ov-edge);
    border-radius: 6px;
    padding: 14px 16px 14px 44px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    margin: 0;
    display: block;
}

.agp-mode-option:hover[b-qkpssrlzrc] {
    border-color: var(--ov-primary);
}

/* Visually hidden but keyboard-focusable. Keeps the radio in the tab order
   and lets the browser handle arrow-key navigation between options. */
.agp-radio-input[b-qkpssrlzrc] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    margin: 0;
    padding: 0;
}

.agp-mode-option:has(.agp-radio-input:focus-visible)[b-qkpssrlzrc] {
    border-color: var(--ov-primary);
    box-shadow: 0 0 0 3px var(--ov-glow);
}

.agp-radio-mark[b-qkpssrlzrc] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--ov-edge);
    background: var(--ov-white);
    display: grid;
    place-items: center;
}

.agp-mode-selected[b-qkpssrlzrc] {
    border-color: var(--ov-primary);
    box-shadow: 0 0 0 3px var(--ov-glow);
}

.agp-mode-selected .agp-radio-mark[b-qkpssrlzrc] {
    border-color: var(--ov-primary);
}

.agp-mode-selected .agp-radio-mark[b-qkpssrlzrc]::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ov-primary);
}

.agp-mode-title[b-qkpssrlzrc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--ov-text);
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.agp-mode-selected .agp-mode-title[b-qkpssrlzrc] {
    color: var(--ov-primary);
}

[b-qkpssrlzrc] .agp-mode-title .ui-icon,
[b-qkpssrlzrc] .agp-mode-title .material-icons,
[b-qkpssrlzrc] .agp-mode-title .rzi {
    font-size: 18px;
}

.agp-mode-desc[b-qkpssrlzrc] {
    font-size: 12px;
    color: var(--ov-text-descriptive);
    line-height: 1.4;
}

/* Pane visibility */
.agp-panes[b-qkpssrlzrc] {
    display: contents;
}

.agp-pane[b-qkpssrlzrc] {
    display: none;
}

.agp-pane-active[b-qkpssrlzrc] {
    display: block;
}

/* New-group pane */
.agp-new-card[b-qkpssrlzrc] {
    background: var(--ov-white);
    border: 1px solid var(--ov-edge-soft);
    border-radius: 6px;
    padding: 18px 20px;
}

.agp-field-label[b-qkpssrlzrc] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--ov-form-label-text);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.agp-field-label-secondary[b-qkpssrlzrc] {
    margin-top: 4px;
}

.agp-input-with-badge[b-qkpssrlzrc] {
    display: flex;
    align-items: stretch;
    gap: 0;
    border: 1px solid var(--ov-edge);
    border-radius: 4px;
    background: var(--ov-white);
    overflow: hidden;
}

.agp-input-with-badge:focus-within[b-qkpssrlzrc] {
    border-color: var(--ov-primary);
    box-shadow: 0 0 0 3px var(--ov-glow);
}

.agp-input-with-badge input[b-qkpssrlzrc] {
    flex: 1;
    border: none;
    padding: 9px 12px;
    font-size: 14px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 600;
    color: var(--ov-text);
    background: transparent;
    min-width: 0;
}

.agp-input-with-badge input:focus[b-qkpssrlzrc] {
    outline: none;
}

.agp-input-with-badge input:disabled[b-qkpssrlzrc] {
    color: var(--ov-text-descriptive);
}

.agp-badge[b-qkpssrlzrc] {
    background: var(--ov-secondary);
    color: var(--ov-primary);
    font-size: 11px;
    font-weight: 600;
    padding: 0 10px;
    display: grid;
    place-items: center;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.agp-field-help[b-qkpssrlzrc] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--ov-text-descriptive);
    line-height: 1.5;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

[b-qkpssrlzrc] .agp-field-help .ui-icon,
[b-qkpssrlzrc] .agp-field-help .material-icons,
[b-qkpssrlzrc] .agp-field-help .rzi {
    font-size: 16px;
    color: var(--ov-text-descriptive);
    margin-top: 1px;
}

.agp-custom-toggle[b-qkpssrlzrc] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--ov-text);
    margin-top: 14px;
    user-select: none;
    cursor: pointer;
}

.agp-custom-toggle input[b-qkpssrlzrc] {
    margin: 0;
    accent-color: var(--ov-primary);
    width: 16px;
    height: 16px;
}

.agp-custom-input-wrap[b-qkpssrlzrc] {
    margin-top: 12px;
}

.agp-text-input[b-qkpssrlzrc] {
    width: 100%;
    border: 1px solid var(--ov-edge);
    border-radius: 4px;
    padding: 9px 12px;
    font-size: 14px;
    font-family: inherit;
    color: var(--ov-text);
    background: var(--ov-white);
}

.agp-text-input:focus[b-qkpssrlzrc] {
    outline: none;
    border-color: var(--ov-primary);
    box-shadow: 0 0 0 3px var(--ov-glow);
}
/* /Components/Pages/Orders/OrderLandingPage.razor.rz.scp.css */
.ov-order-landing-frame[b-wgiuci4fxa] {
    width: 100%;
    height: 100%;
    background: white;
}

/* Section dividers between read view groups */
.ov-section-divider[b-wgiuci4fxa] {
    border-top: 1px solid var(--ov-edge-soft, #e8e8ec);
    padding-top: 1rem;
    margin-top: 1rem;
}

.tree-item[b-wgiuci4fxa] {
    cursor: pointer;
    transition: background 0.15s;
    border-radius: 8px;
    margin-bottom: 8px;
}

.tree-item:hover[b-wgiuci4fxa] {
    background: #f5f5f5;
}

.tree-item.active[b-wgiuci4fxa] {
    background: #e8eaf6;
}

.tree-child[b-wgiuci4fxa] {
    padding-left: 2rem !important;
}

.tree-item-actions[b-wgiuci4fxa] {
    display: none;
}

.tree-item:hover .tree-item-actions[b-wgiuci4fxa] {
    display: flex;
    gap: 2px;
    align-items: center;
}

/* Summary panel */
[b-wgiuci4fxa] #order-summary-panel {
    border-radius: 0;
}

[b-wgiuci4fxa] #order-summary-panel-container {
    overflow: auto;
    max-height: 50vh;
    overscroll-behavior-y: contain;
}

.subtotal-fade[b-wgiuci4fxa] {
    opacity: 1;
    transition: opacity 0.2s ease;
    pointer-events: auto;
}

.subtotal-fade.hide[b-wgiuci4fxa] {
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

[b-wgiuci4fxa] .summarycell-sync {
    color: #60646C;
}

[b-wgiuci4fxa] .e-dropdown-btn,
[b-wgiuci4fxa] .e-dropdown-btn:active,
[b-wgiuci4fxa] .e-dropdown-btn:hover,
[b-wgiuci4fxa] .e-dropdown-btn:focus,
[b-wgiuci4fxa] .e-dropdown-btn.e-active {
    background-color: var(--rz-primary) !important;
    color: var(--rz-on-primary) !important;
    box-shadow: unset !important;
}

[b-wgiuci4fxa] .rz-body,
#quote-builder-frame[b-wgiuci4fxa] {
    background-color: #F9F9FB;
}
#quote-builder-editorpane[b-wgiuci4fxa] {
    padding: 40px;
    background-color: #F9F9FB;
}
[b-wgiuci4fxa] #quote-builder-editorpane > .rz-card,
[b-wgiuci4fxa] #quote-builder-editorpane > div > .rz-card {
    max-width: 1200px;
    margin: auto;
}

[b-wgiuci4fxa] #order-main-content {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding: 20px;
    min-height: calc(100% - 50px); /* full height minus height of collapsed summary footer */
}

#quote-builder-frame[b-wgiuci4fxa] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#quote-builder-editorpane[b-wgiuci4fxa] {
    overflow: scroll;
}

#quote-builder-body[b-wgiuci4fxa] {
    flex: 1;
    min-height: 0;
}

[b-wgiuci4fxa] .rz-card.rz-variant-filled {
    box-shadow: none !important;
}

[b-wgiuci4fxa] .ov-tree-add-btn.e-dropdown-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1 !important;
}

[b-wgiuci4fxa] .ov-tree-add-btn .e-btn-icon,
[b-wgiuci4fxa] .ov-tree-add-btn.e-dropdown-btn .e-btn-icon {
    font-size: 16px !important;
    color: #60646C !important;
}
/* /Components/Pages/Payments/PaymentLandingPage.razor.rz.scp.css */
.payment-detail-loading[b-i8kiksrh3w] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.payment-detail-container[b-i8kiksrh3w] {
    width: 70%;
    margin: 0 auto;
    padding: 20px 0;
}

.payment-detail-section[b-i8kiksrh3w] {
    background-color: #FFFFFF;
    border-radius: 13px;
}
/* /Components/Pages/Payments/ProcessPaymentsPage.razor.rz.scp.css */
.ov-process-payments-container[b-sabyhlsvdr] {
    height: 100%;
    overflow: auto;
}

.ov-process-payments-content[b-sabyhlsvdr] {
    min-height: 24em;
    position: relative;
    padding: 24px 18px 18px 18px;
}
/* /Components/Pages/Purchases/PurchaseLandingPage.razor.rz.scp.css */
.purchase-detail-loading[b-d0ywvup7wq] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.purchase-detail-container[b-d0ywvup7wq] {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

@media (max-width: 1200px) {
    .purchase-detail-container[b-d0ywvup7wq] {
        width: 95%;
    }
}

.purchase-detail-section[b-d0ywvup7wq] {
    background-color: #FFFFFF;
    border-radius: 13px;
}

.purchase-icon-flip[b-d0ywvup7wq] {
    transform: scaleX(-1);
}

.po-line-selection-bar[b-d0ywvup7wq] {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 8px 14px;
}

.po-line-selection-divider[b-d0ywvup7wq] {
    width: 1px;
    align-self: stretch;
    background-color: #D9D5EC;
}

.po-line-selection-bar[b-d0ywvup7wq]  .po-line-action-btn .rz-button {
    border: none;
    box-shadow: none;
    background: transparent !important;
    padding: 4px 8px;
    border-radius: 4px;
}

.po-line-selection-bar[b-d0ywvup7wq]  .po-line-action-btn:hover .rz-button:not(:disabled) {
    background-color: #F0F0F3 !important;
}

.po-line-selection-bar[b-d0ywvup7wq]  .po-line-action-btn .rz-button-text-container {
    min-width: auto !important;
}

.po-line-selection-bar[b-d0ywvup7wq]  .po-line-action-btn .rz-button-text {
    color: var(--rz-primary) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.po-line-selection-bar[b-d0ywvup7wq]  .po-line-action-btn .rzi {
    color: var(--rz-primary) !important;
}

.po-line-more-btn[b-d0ywvup7wq]  .ov-grid-button .rz-button {
    border: none;
    box-shadow: none;
    background: transparent !important;
    padding: 4px 8px;
    border-radius: 4px;
}

.po-line-more-btn[b-d0ywvup7wq]  .ov-grid-button:hover .rz-button,
.po-line-more-btn[b-d0ywvup7wq]  .ov-grid-button:hover .rz-button:not(:disabled) {
    background: transparent !important;
}

.po-line-more-btn[b-d0ywvup7wq]  .ov-grid-button .rz-button-text-container {
    min-width: auto !important;
}

.po-line-more-btn[b-d0ywvup7wq]  .ov-grid-button .rz-button-text {
    color: var(--rz-primary) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.po-line-more-btn[b-d0ywvup7wq]  .ov-grid-button .rzi {
    color: var(--rz-primary) !important;
}
/* /Components/Pages/Quotes/QuoteLandingPage.razor.rz.scp.css */
[b-l7h72c1f0i] .rz-panel-titlebar {
    flex-direction: row-reverse;
    justify-content: left !important;
}

[b-l7h72c1f0i] .rz-panel .rz-panel-titlebar-toggler .rzi-minus:before {
    content: 'keyboard_arrow_down';
}

[b-l7h72c1f0i] .rz-panel .rz-panel-titlebar-toggler .rzi-plus:before {
    content: 'keyboard_arrow_up';
}

[b-l7h72c1f0i] .rz-button-text {
    text-transform: none;
}

[b-l7h72c1f0i] .ov-quote-tree-item-unit {
    font-weight: bold;
}

[b-l7h72c1f0i] .ov-quote-tree-item-caption {
    font-weight: 600;
}

[b-l7h72c1f0i] .ov-quote-tree-item-subtitle {
    font-size: 0.8em;
    font-weight: 600;
    color: var(--ov-text-descriptive);
}

[b-l7h72c1f0i] #quote-tree-overview.active {
    background-color: var(--ov-panel) !important;
    border-right: 6px solid var(--ov-primary) !important;
}
[b-l7h72c1f0i] .quote-tree-item
{
    padding-left: 24px;
}
[b-l7h72c1f0i] .quote-tree-item,
[b-l7h72c1f0i] #quote-tree-overview {
    font-weight: 400;
    font-size: 14px;
    color: var(--ov-text) !important;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0;
    border-right: 6px solid transparent !important;
    box-shadow: none !important;
}
[b-l7h72c1f0i] #quote-tree-overview:hover:not(.active) {
    background-color: #F8F9FE !important;
    border-right: 6px solid var(--ov-primary) !important;
}
[b-l7h72c1f0i] .quote-tree-item,
[b-l7h72c1f0i] #quote-tree-overview {
    background: unset !important;
}
[b-l7h72c1f0i] .quote-tree-item > .rz-button-box {
    width: 100% !important;
}
[b-l7h72c1f0i] .e-dropdown-btn,
[b-l7h72c1f0i] .e-dropdown-btn:active,
[b-l7h72c1f0i] .e-dropdown-btn:hover,
[b-l7h72c1f0i] .e-dropdown-btn:focus,
[b-l7h72c1f0i] .e-dropdown-btn.e-active {
    background-color: var(--rz-primary);
    color: var(--rz-on-primary);
    box-shadow: unset !important;
}
[b-l7h72c1f0i] .quote-unit-add,
[b-l7h72c1f0i] .quote-unit-add:active,
[b-l7h72c1f0i] .quote-unit-add:hover,
[b-l7h72c1f0i] .quote-unit-add:focus,
[b-l7h72c1f0i] .quote-unit-add.e-active {
    background: unset;
    border: unset;
    color: var(--rz-primary);
    box-shadow: unset !important;
    margin-right: 5px;
    margin-left: -2px;
}
[b-l7h72c1f0i] .quote-unit-add > span.e-plus {
    font-size: 16px;
}
[b-l7h72c1f0i] .quote-tree-item-placeholder-text {
    font-weight: 600;
    font-style: italic;
    color: var(--ov-text-descriptive);
}

[b-l7h72c1f0i] .quote-tree-item-button-container {
    display: none;
}

[b-l7h72c1f0i] .quote-tree-item.active {
    background-color: var(--ov-panel) !important;
}
[b-l7h72c1f0i] .quote-tree-item-container > button:hover {
    box-shadow: none !important;
}

[b-l7h72c1f0i] .quote-tree-item-container:hover {
    box-shadow: none !important;
    background-color: var(--ov-panel) !important;
}
[b-l7h72c1f0i] .quote-tree-item-container > button:hover,
[b-l7h72c1f0i] .quote-tree-item-container:has(.quote-tree-item.active) > button {
    border-right: 6px solid var(--ov-primary) !important;
}
[b-l7h72c1f0i] .quote-tree-item-container > button:hover {
    background-color: #F8F9FE !important;
}
[b-l7h72c1f0i] .quote-tree-item-container:has(.quote-tree-item.active) > button {
    background-color: #EFF2FB !important;
}
[b-l7h72c1f0i] .quote-tree-item-container:hover:has(.quote-tree-item.active) {
    border-right: 0 !important;
}
[b-l7h72c1f0i] .quote-tree-item-container:hover .quote-tree-item-button-container,
[b-l7h72c1f0i] .quote-tree-item.active .quote-tree-item-button-container {
    display: flex !important;
}

[b-l7h72c1f0i] .quote-tree-item-container > button
{
    min-height: 46px;
}

.quote-tree-item-label-container[b-l7h72c1f0i] {
    overflow-x: hidden;
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
}

[b-l7h72c1f0i] .rz-panel:has(.rz-expander.rz-state-expanded) {
    padding-bottom: 0;
}

[b-l7h72c1f0i] .rz-panel-titlebar {
    padding-left: 14px;
    padding-right: 14px;
}

[b-l7h72c1f0i] .rz-panel-content table td p,
[b-l7h72c1f0i] .rz-panel-content table th p {
    margin-top: 2px;
    margin-bottom: 2px;
}
[b-l7h72c1f0i] .rz-panel-content table th p {
    font-weight: 600;
    color: var(--ov-text-descriptive);
}

[b-l7h72c1f0i] #quote-summary-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

[b-l7h72c1f0i] #quote-summary-panel-container {
    overflow: auto;
    max-height: 50vh;
    overscroll-behavior-y: contain;
}

[b-l7h72c1f0i] div:has(.ov-screen-form) {
    overscroll-behavior-y: contain;
}

[b-l7h72c1f0i] #quote-main-content {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.subtotal-fade[b-l7h72c1f0i] {
    opacity: 1;
    transition: opacity 0.2s ease;
    pointer-events: auto;
}

.subtotal-fade.hide[b-l7h72c1f0i] {
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

[b-l7h72c1f0i] .summarycell-sync {
    color: #60646C;
}
/* /Components/Pages/Quotes/QuoteMiscellaneous.razor.rz.scp.css */
[b-wh6jy89nr7] #quote-miscellaneous-card {
    padding: 25px;
    padding-top: 8px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    margin-top: 2rem !important;
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.search-box-container[b-wh6jy89nr7] {
    position: relative;
    width: 100%;
}
[b-wh6jy89nr7] .search-box-container > input,
[b-wh6jy89nr7] .search-box-container > i {
    cursor: pointer;
}

[b-wh6jy89nr7] .search-box-container .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2em;
}
/* /Components/Pages/Quotes/QuoteOverview.razor.rz.scp.css */
.search-box-container[b-fpyxl0lubl] {
    position: relative;
    width: 100%;
}

.search-box-container[b-fpyxl0lubl]  > input,
.search-box-container[b-fpyxl0lubl]  > i {
    cursor: pointer;
}

.search-box-container[b-fpyxl0lubl]  .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2em;
}
/* /Components/Pages/Quotes/QuotePartSelect.razor.rz.scp.css */
.ov-part-selector-subset[b-jdac7jtsj5] {
    flex: 2 2 0;
    min-width: min(100%, 28em);
    overflow-x: auto;
}

.ov-part-selector-search[b-jdac7jtsj5] {
    flex: 1 1 0;
    min-width: 6em;
}

.ov-part-selector-empty-message[b-jdac7jtsj5] {
    font-size: var(--rz-input-font-size);
}

[b-jdac7jtsj5] .e-emptyrow > td {
    padding: 14px 22px !important;
}

[b-jdac7jtsj5] .e-grid {
    border: none;
}

    [b-jdac7jtsj5] .e-grid td.e-rowcell.e-focus.e-focused,
    [b-jdac7jtsj5] .e-grid th.e-headercell.e-focus.e-focused {
        box-shadow: none;
    }

[b-jdac7jtsj5] .e-selectionbackground {
    background-color: var(--ov-color-blue-3) !important;
}

[b-jdac7jtsj5] .e-radio-wrapper,
[b-jdac7jtsj5] input[type="radio"] {
    width: 20px;
    height: 20px;
}

[b-jdac7jtsj5] input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    border: 2px solid var(--ov-edge) !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-jdac7jtsj5] input[type="radio"]:checked + label::before {
    border: 2px solid var(--ov-primary) !important;
}

[b-jdac7jtsj5] input[type="radio"]:checked + label::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--ov-primary) !important;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 5px; /* Adjust as needed */
    left: 5px; /* Adjust as needed */
}

[b-jdac7jtsj5] input[type="radio"]:active + label::before {
    border: 2px solid var(--ov-active) !important;
}

[b-jdac7jtsj5] input[type="radio"]:active + label::after {
    background-color: var(--ov-active) !important;
}
/* /Components/Pages/Quotes/QuoteTransportation.razor.rz.scp.css */
.search-box-container[b-odpbscf8l2] {
    position: relative;
    width: 100%;
}

.search-box-container[b-odpbscf8l2]  > input,
.search-box-container[b-odpbscf8l2]  > i {
    cursor: pointer;
}

.search-box-container[b-odpbscf8l2]  .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2em;
}

[b-odpbscf8l2] .rz-variant-filled .rz-button-text {
    color: var(--ov-primary) !important;
    font-weight: 500;
}
/* /Components/Pages/Reports/ReportLoadingOverlay.razor.rz.scp.css */
.report-loading[b-bit7or0tfm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.75rem 2.25rem;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    border-radius: 0.5rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35);
}

.report-loading__spinner[b-bit7or0tfm] {
    width: 3rem;
    height: 3rem;
    border: 0.35rem solid var(--bs-border-color, #dee2e6);
    border-top-color: var(--bs-primary, #0d6efd);
    border-radius: 50%;
    animation: report-loading-spin-b-bit7or0tfm 0.8s linear infinite;
}

.report-loading__label[b-bit7or0tfm] {
    font-weight: 600;
}

@keyframes report-loading-spin-b-bit7or0tfm {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .report-loading__spinner[b-bit7or0tfm] {
        animation-duration: 1.6s;
    }
}
/* /Components/Pages/Reports/ReportViewer.razor.rz.scp.css */
/* Report viewer styles are in wwwroot/css/site.css because SfDialog renders outside the component tree */
/* /Components/Pages/Settings/AddressAddEdit.razor.rz.scp.css */
.ov-address-form[b-7lydr4zscs]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-address-form-grid[b-7lydr4zscs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.ov-address-form-grid .ov-field[b-7lydr4zscs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.ov-address-form-grid .ov-field-wide[b-7lydr4zscs] {
    grid-column: 1 / -1;
}

.ov-checks[b-7lydr4zscs] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

.ov-checks .ov-check[b-7lydr4zscs] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.ov-address-form-errors[b-7lydr4zscs] {
    margin: 0;
    padding-left: 1.1rem;
}
/* /Components/Pages/Settings/AddressListLeafEditor.razor.rz.scp.css */
.ov-address-list-row-actions[b-5801waemmd] {
    gap: 2px;
}

.ov-address-list-row-actions[b-5801waemmd]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-address-list-row-actions[b-5801waemmd]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/BillingFormatAddEdit.razor.rz.scp.css */
.ov-bfmt-form[b-1ksjl55det]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-bfmt-form-grid[b-1ksjl55det] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.ov-bfmt-form-grid .ov-field[b-1ksjl55det] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.ov-bfmt-form-grid .ov-field-wide[b-1ksjl55det] {
    grid-column: 1 / -1;
}

.ov-checks[b-1ksjl55det] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

.ov-checks .ov-check[b-1ksjl55det] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.ov-bfmt-form-errors[b-1ksjl55det] {
    margin: 0;
    padding-left: 1.1rem;
}
/* /Components/Pages/Settings/BillingTypesLeafEditor.razor.rz.scp.css */
/* Billing types are seeded defaults; custom ones go through support, so there's no Add button. */
.ov-billingtypes-support-note[b-2zwqcwkeg8] {
    font-size: 13px;
    font-style: italic;
    color: var(--rz-text-secondary-color, #6b7280);
}

/* Blank cells read as secondary. */
.ov-billingtypes-blank[b-2zwqcwkeg8] {
    color: var(--rz-text-disabled-color, #9aa3b3);
}

/* Inactive rows read as secondary. */
.ov-billingtypes[b-2zwqcwkeg8]  tr.ov-btype-row-muted {
    opacity: 0.55;
}
/* /Components/Pages/Settings/CodeEntryAddEdit.razor.rz.scp.css */
.ov-codes-form[b-qyehboht49] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-codes-form-grid[b-qyehboht49] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-qyehboht49] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-qyehboht49]  .rz-textbox {
    width: 100%;
}
/* /Components/Pages/Settings/CodeReassignDialog.razor.rz.scp.css */
.ov-codes-reassign[b-de94qr5xf6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 2px;
}

.ov-codes-reassign-prompt[b-de94qr5xf6] {
    margin: 0;
}

.ov-codes-reassign-target[b-de94qr5xf6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-codes-reassign-target[b-de94qr5xf6]  .rz-dropdown {
    width: 100%;
}

.ov-codes-reassign-errors[b-de94qr5xf6] {
    margin: 0;
    padding-left: 18px;
}

.ov-codes-reassign-actions[b-de94qr5xf6] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
}
/* /Components/Pages/Settings/CodesLeafEditor.razor.rz.scp.css */
.ov-codes-listpicker[b-59tkwavqra] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
    white-space: nowrap;
}

.ov-codes-listpicker[b-59tkwavqra]  .rz-dropdown {
    min-width: 240px;
}

.ov-codes-row-actions[b-59tkwavqra] {
    gap: 2px;
}

.ov-codes-row-actions[b-59tkwavqra]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-codes-row-actions[b-59tkwavqra]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Blank cells read as secondary. */
.ov-codes-blank[b-59tkwavqra] {
    color: var(--rz-text-disabled-color, #9aa3b3);
}
/* /Components/Pages/Settings/DefaultRentalRatesLeafEditor.razor.rz.scp.css */
.ov-rentalrates-row-actions[b-f1u7h8bfqg] {
    gap: 2px;
}

.ov-rentalrates-row-actions[b-f1u7h8bfqg]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-rentalrates-row-actions[b-f1u7h8bfqg]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Wildcard ("Any") criteria read as secondary. The span is emitted from code-behind (no scope
   attribute), so reach it with ::deep from the scoped root. */
.ov-rentalrates[b-f1u7h8bfqg]  .ov-rentalrates-any {
    color: var(--rz-text-disabled-color, #9aa3b3);
}

/* Syncfusion centers stacked (grouped) header cells by default; left-align them so the band label
   sits over the first column of its group. */
.ov-rentalrates[b-f1u7h8bfqg]  .e-grid .e-gridheader .e-stackedheadercell,
.ov-rentalrates[b-f1u7h8bfqg]  .e-grid .e-gridheader .e-stackedheadercell .e-stackedheadercelldiv {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Leaf header text (.e-headercelldiv) carries a -8px left margin that the stacked-header div lacks,
   so the band label sits 8px right of the column text below it. Match the margin to align them. */
.ov-rentalrates[b-f1u7h8bfqg]  .e-grid .e-gridheader .e-stackedheadercell .e-stackedheadercelldiv {
    margin-left: -8px;
}
/* /Components/Pages/Settings/DriverAddEdit.razor.rz.scp.css */
.ov-driver-form[b-z5n5ub0mn8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-driver-form-errors[b-z5n5ub0mn8] {
    margin: 0;
    padding-left: 18px;
}

.ov-driver-form-grid[b-z5n5ub0mn8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-z5n5ub0mn8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field-wide[b-z5n5ub0mn8] {
    grid-column: 1 / -1;
}

.ov-checks[b-z5n5ub0mn8] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    align-items: center;
}

/* A hidden screen field renders nothing, so a checkbox row whose fields are all hidden
   becomes an empty full-width grid cell that still consumes the grid's row-gap (extra space
   above the next field). Collapse it so the layout closes up. */
.ov-checks:empty[b-z5n5ub0mn8] {
    display: none;
}

.ov-driver-form[b-z5n5ub0mn8]  .ov-sf-label.rz-label {
    font-weight: normal;
    padding: 0;
}

.ov-field[b-z5n5ub0mn8]  .rz-textbox,
.ov-field[b-z5n5ub0mn8]  .rz-dropdown,
.ov-field[b-z5n5ub0mn8]  .rz-numeric {
    width: 100%;
}

.ov-driver-imaging-note[b-z5n5ub0mn8] {
    margin: 0;
    color: var(--rz-text-secondary-color, #666);
    font-size: 0.9em;
}

.ov-ssn-input-wrap[b-z5n5ub0mn8] {
    position: relative;
    display: flex;
    align-items: center;
}

.ov-ssn-input[b-z5n5ub0mn8] {
    flex: 1;
    padding-right: 2rem;
}

.ov-ssn-reveal[b-z5n5ub0mn8] {
    position: absolute;
    right: 0.3rem;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--rz-text-secondary-color, #666);
    display: flex;
    align-items: center;
}

.ov-ssn-reveal[b-z5n5ub0mn8]  .rzi,
.ov-ssn-reveal[b-z5n5ub0mn8]  i {
    font-size: 18px;
}
/* /Components/Pages/Settings/DriversLeafEditor.razor.rz.scp.css */
.ov-drivers-filters[b-93msnez80n] {
    display: inline-flex;
    align-items: center;
    gap: 1.25rem;
}

.ov-drivers-scope[b-93msnez80n] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 14px;
    white-space: nowrap;
}

.ov-drivers-scope[b-93msnez80n]  .rz-dropdown {
    min-width: 9.5rem;
}

/* Inactive rows read as secondary. */
.ov-drivers[b-93msnez80n]  tr.ov-drivers-row-muted {
    opacity: 0.55;
}

.ov-drivers-row-actions[b-93msnez80n] {
    gap: 2px;
}

.ov-drivers-row-actions[b-93msnez80n]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-drivers-row-actions[b-93msnez80n]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/EventNotificationAddEdit.razor.rz.scp.css */
.ov-eventnotify-form[b-fg001dtszh] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-eventnotify-form-errors[b-fg001dtszh] {
    margin: 0;
    padding-left: 18px;
}

.ov-eventnotify-form-grid[b-fg001dtszh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-fg001dtszh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-fg001dtszh]  .rz-textbox,
.ov-field[b-fg001dtszh]  .rz-dropdown,
.ov-field[b-fg001dtszh]  .rz-textarea {
    width: 100%;
}

.ov-field-check[b-fg001dtszh] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 6px;
}

.ov-eventnotify-template[b-fg001dtszh] {
    margin-top: 10px;
}

.ov-eventnotify-chips[b-fg001dtszh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.ov-eventnotify-chips-label[b-fg001dtszh] {
    font-size: 12px;
    color: var(--rz-text-secondary-color, #6b7280);
    margin-right: 2px;
}

/* The outlined "light" chip text renders too faint to read on white; force the readable brand color
   (also reads as clickable). !important beats Radzen's higher-specificity variant rule. */
.ov-eventnotify-chips[b-fg001dtszh]  .rz-button,
.ov-eventnotify-chips[b-fg001dtszh]  .rz-button .rz-button-text {
    color: var(--ov-primary, #1f2933) !important;
}
/* /Components/Pages/Settings/EventNotificationConfigLeafEditor.razor.rz.scp.css */
.ov-eventnotify-row-actions[b-mcwymn67xr] {
    gap: 2px;
}

.ov-eventnotify-row-actions[b-mcwymn67xr]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-eventnotify-row-actions[b-mcwymn67xr]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Quiet indicator: a muted check shown only when the value is present. Rendered inside SfGrid
   <Template> content, which escapes Blazor's CSS scoping, so reach it with ::deep. */
.ov-eventnotify[b-mcwymn67xr]  .ov-eventnotify-mark {
    color: var(--rz-text-secondary-color, #6b7280);
    font-size: 13px;
}

.ov-eventnotify[b-mcwymn67xr]  .ov-eventnotify-unknown {
    color: var(--rz-text-secondary-color, #6b7280);
    font-style: italic;
}
/* /Components/Pages/Settings/GeocodeAddressesLeafEditor.razor.rz.scp.css */
.ov-geocode-toolbar[b-qodsctafca] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
/* /Components/Pages/Settings/GLMapAddEdit.razor.rz.scp.css */
.ov-glmap-form[b-dbyph2b871] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-glmap-form[b-dbyph2b871]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-glmap-form-errors[b-dbyph2b871] {
    margin: 0;
    padding-left: 18px;
}

.ov-glmap-form-grid[b-dbyph2b871] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-dbyph2b871] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-dbyph2b871]  .rz-textbox,
.ov-field[b-dbyph2b871]  .rz-numeric,
.ov-field[b-dbyph2b871]  .rz-dropdown,
.ov-field[b-dbyph2b871]  .rz-autocomplete {
    width: 100%;
}

.ov-glmap-hint[b-dbyph2b871] {
    font-size: 12px;
    color: var(--rz-text-secondary-color, #57606a);
}

.ov-glmap-help[b-dbyph2b871] { display: flex; align-items: flex-start; gap: 6px; font-size: 12px; color: var(--rz-text-secondary-color, #5a6478); margin-bottom: 12px; }
.ov-glmap-help[b-dbyph2b871]  .rzi, .ov-glmap-help[b-dbyph2b871]  .rz-icon { font-size: 16px; margin-top: 1px; }
.ov-glmap-summary[b-dbyph2b871] { background: var(--rz-base-100, #f4f6fa); border: 1px solid var(--rz-border-color, #e4e8f0); border-radius: 8px; padding: 10px 12px; margin-bottom: 16px; font-size: 13px; line-height: 1.9; }
.ov-glmap-summary-when[b-dbyph2b871], .ov-glmap-summary-post[b-dbyph2b871] { font-weight: 600; margin-right: 4px; }
.ov-glmap-summary-arrow[b-dbyph2b871] { margin: 0 8px; color: var(--rz-text-secondary-color, #5a6478); }
.ov-glmap-summary-any[b-dbyph2b871] { color: var(--rz-text-secondary-color, #5a6478); font-style: italic; }
.ov-glmap-tag[b-dbyph2b871] { display: inline-flex; align-items: baseline; gap: 5px; padding: 1px 8px; margin: 2px 3px; border-radius: 6px; background: var(--rz-base-200, #e9edf5); color: var(--rz-text-color, #1a1a2e); white-space: nowrap; }
.ov-glmap-tag-k[b-dbyph2b871] { font-size: 11px; color: var(--rz-text-disabled-color, #9aa3b3); text-transform: capitalize; }
.ov-glmap-fs-note[b-dbyph2b871] { font-size: 12px; color: var(--rz-text-disabled-color, #9aa3b3); margin-bottom: 10px; }
/* /Components/Pages/Settings/GLMapLeafEditor.razor.rz.scp.css */
.ov-glmap-row-actions[b-hqzlsevvoc] {
    gap: 2px;
}

.ov-glmap-row-actions[b-hqzlsevvoc]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-glmap-row-actions[b-hqzlsevvoc]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Wildcard criteria and blank outputs read as secondary. */
.ov-glmap-any[b-hqzlsevvoc],
.ov-glmap-blank[b-hqzlsevvoc] {
    color: var(--rz-text-disabled-color, #9aa3b3);
}

.ov-glmap-acct[b-hqzlsevvoc] { display: flex; flex-direction: column; line-height: 1.25; }
.ov-glmap-acct-type[b-hqzlsevvoc] { font-size: 10px; letter-spacing: .04em; text-transform: uppercase; color: var(--rz-text-disabled-color, #9aa3b3); }

/* Syncfusion centers stacked (grouped) header cells by default; left-align them so the band label
   sits over the first column of its group. */
.ov-glmap[b-hqzlsevvoc]  .e-grid .e-gridheader .e-stackedheadercell,
.ov-glmap[b-hqzlsevvoc]  .e-grid .e-gridheader .e-stackedheadercell .e-stackedheadercelldiv {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Leaf header text (.e-headercelldiv) carries a -8px left margin that the stacked-header div lacks,
   so the band label sits 8px right of the column text below it. Match the margin to align them. */
.ov-glmap[b-hqzlsevvoc]  .e-grid .e-gridheader .e-stackedheadercell .e-stackedheadercelldiv {
    margin-left: -8px;
}
/* /Components/Pages/Settings/InsuranceAgenciesLeafEditor.razor.rz.scp.css */
.ov-insurance-agencies-row-actions[b-jnf1plwl6j] {
    gap: 2px;
}

.ov-insurance-agencies-row-actions[b-jnf1plwl6j]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-insurance-agencies-row-actions[b-jnf1plwl6j]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/InsuranceAgencySettingsAddEdit.razor.rz.scp.css */
.ov-insurance-form[b-468yne3ag3] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-insurance-form-errors[b-468yne3ag3] {
    margin: 0;
    padding-left: 18px;
}

.ov-insurance-form-grid[b-468yne3ag3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-468yne3ag3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-insurance-form[b-468yne3ag3]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field-wide[b-468yne3ag3] {
    grid-column: 1 / -1;
}

.ov-field[b-468yne3ag3]  .rz-textbox,
.ov-field[b-468yne3ag3]  .rz-dropdown,
.ov-field[b-468yne3ag3]  .rz-numeric {
    width: 100%;
}
/* /Components/Pages/Settings/InsuranceCompaniesLeafEditor.razor.rz.scp.css */
.ov-insurance-companies-row-actions[b-6zx17cparf] {
    gap: 2px;
}

.ov-insurance-companies-row-actions[b-6zx17cparf]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-insurance-companies-row-actions[b-6zx17cparf]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/InsuranceCompanySettingsAddEdit.razor.rz.scp.css */
.ov-insurance-form[b-oqhqbi1twz] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-insurance-form-errors[b-oqhqbi1twz] {
    margin: 0;
    padding-left: 18px;
}

.ov-insurance-form-grid[b-oqhqbi1twz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-oqhqbi1twz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-insurance-form[b-oqhqbi1twz]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field-wide[b-oqhqbi1twz] {
    grid-column: 1 / -1;
}

.ov-field[b-oqhqbi1twz]  .rz-textbox,
.ov-field[b-oqhqbi1twz]  .rz-dropdown,
.ov-field[b-oqhqbi1twz]  .rz-numeric {
    width: 100%;
}
/* /Components/Pages/Settings/ItemAddEdit.razor.rz.scp.css */
.ov-item-form[b-tbsruxl0x5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-item-form[b-tbsruxl0x5]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-item-form-errors[b-tbsruxl0x5] {
    margin: 0;
    padding-left: 18px;
}

.ov-item-form-grid[b-tbsruxl0x5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-tbsruxl0x5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-tbsruxl0x5]  .rz-textbox,
.ov-field[b-tbsruxl0x5]  .rz-numeric,
.ov-field[b-tbsruxl0x5]  .rz-dropdown,
.ov-field[b-tbsruxl0x5]  .rz-datepicker {
    width: 100%;
}

.ov-field-check[b-tbsruxl0x5] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 18px;
}

/* Spans the Code/Description row — neither field is individually required, but at least one is. */
.ov-item-form-note[b-tbsruxl0x5] {
    grid-column: 1 / -1;
    color: var(--rz-text-secondary-color, #6b7280);
    font-size: 12px;
    font-style: italic;
}
/* /Components/Pages/Settings/ItemsLeafEditor.razor.rz.scp.css */
.ov-items-type-filter[b-u4sla48378] {
    min-width: 150px;
}

.ov-items-row-actions[b-u4sla48378] {
    gap: 2px;
}

.ov-items-row-actions[b-u4sla48378]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-items-row-actions[b-u4sla48378]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

.ov-item-tag[b-u4sla48378] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.ov-item-tag-tax[b-u4sla48378] {
    background: rgba(46, 160, 67, 0.15);
    color: var(--rz-success-dark, #1a7f37);
}

.ov-item-tag-info[b-u4sla48378] {
    background: rgba(28, 95, 176, 0.14);
    color: #1c5fb0;
}

.ov-item-tag-muted[b-u4sla48378] {
    background: rgba(110, 118, 129, 0.16);
    color: var(--rz-text-secondary-color, #57606a);
}

.ov-items-blank[b-u4sla48378] {
    color: var(--rz-text-disabled-color, #9aa3b3);
}

/* Inactive rows read as secondary. The row itself is Syncfusion-rendered markup outside this
   component's own tree, so it needs ::deep to reach from the scoped root. */
.ov-items[b-u4sla48378]  tr.ov-item-row-muted {
    opacity: 0.55;
}
/* /Components/Pages/Settings/OrderPackageAddEdit.razor.rz.scp.css */
.ov-orderpackage-form[b-qfdcuy5wsi] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-orderpackage-form[b-qfdcuy5wsi]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-orderpackage-form-errors[b-qfdcuy5wsi] {
    margin: 0;
    padding-left: 18px;
}

.ov-field[b-qfdcuy5wsi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-qfdcuy5wsi]  .rz-textbox,
.ov-field[b-qfdcuy5wsi]  .rz-dropdown {
    width: 100%;
}

.ov-op-detail-grid[b-qfdcuy5wsi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-op-span2[b-qfdcuy5wsi] {
    grid-column: 1 / -1;
}

.ov-op-checks[b-qfdcuy5wsi] {
    display: flex;
    gap: 28px;
    align-items: center;
}

.ov-op-check[b-qfdcuy5wsi] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Components/Pages/Settings/OtherRateAddEdit.razor.rz.scp.css */
.ov-otherrate-form[b-ds3c049dck] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-otherrate-form[b-ds3c049dck]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-otherrate-form-errors[b-ds3c049dck] {
    margin: 0;
    padding-left: 18px;
}

.ov-otherrate-form-grid[b-ds3c049dck] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-ds3c049dck] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-ds3c049dck]  .rz-textbox,
.ov-field[b-ds3c049dck]  .rz-dropdown,
.ov-field[b-ds3c049dck]  .rz-datepicker {
    width: 100%;
}
/* /Components/Pages/Settings/OtherRatesLeafEditor.razor.rz.scp.css */
.ov-otherrates-listpicker[b-si6q4zmos6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
    white-space: nowrap;
}

.ov-otherrates-row-actions[b-si6q4zmos6] {
    gap: 2px;
}

.ov-otherrates-row-actions[b-si6q4zmos6]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-otherrates-row-actions[b-si6q4zmos6]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Effective-date status pills. The negative margin offsets the pill's own left padding so the
   pill text (not the shell) aligns with the column header text. */
.ov-rate-status[b-si6q4zmos6] {
    display: inline-block;
    padding: 2px 10px;
    margin-left: -10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.ov-rate-status-active[b-si6q4zmos6] {
    background: rgba(46, 160, 67, 0.15);
    color: var(--rz-success-dark, #1a7f37);
}

.ov-rate-status-expired[b-si6q4zmos6] {
    background: rgba(110, 118, 129, 0.16);
    color: var(--rz-text-secondary-color, #57606a);
}

.ov-rate-status-scheduled[b-si6q4zmos6] {
    background: rgba(9, 105, 218, 0.14);
    color: var(--rz-info-dark, #0969da);
}

.ov-rate-date-open[b-si6q4zmos6] {
    color: var(--rz-text-disabled-color, #9aa3b3);
}

/* Rows that aren't currently in effect (scheduled or expired) read as secondary. */
.ov-otherrates[b-si6q4zmos6]  tr.ov-rate-row-muted {
    opacity: 0.55;
}
/* /Components/Pages/Settings/PackageLineEditor.razor.rz.scp.css */
.ov-linelist[b-ssyw1vqjhy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ov-linelist-list[b-ssyw1vqjhy] {
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 6px;
    max-height: 240px;
    overflow-y: auto;
    background: var(--rz-base-background-color, #fff);
}

.ov-linelist-empty[b-ssyw1vqjhy] {
    font-size: 13px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    padding: 10px 12px;
}

.ov-linelist-row[b-ssyw1vqjhy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 6px 5px 12px;
    cursor: pointer;
    border-left: 3px solid transparent;
    border-bottom: 1px solid var(--rz-border-color, #eef0f3);
}

.ov-linelist-row:last-child[b-ssyw1vqjhy] {
    border-bottom: none;
}

.ov-linelist-row:hover[b-ssyw1vqjhy] {
    background: var(--rz-base-100, #f5f7fa);
}

.ov-linelist-row.active[b-ssyw1vqjhy] {
    background: var(--rz-primary-lighter, #eef4ff);
    border-left-color: var(--ov-primary, #2b6cb0);
}

.ov-linelist-label[b-ssyw1vqjhy] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.ov-linelist-detail[b-ssyw1vqjhy] {
    border-top: 1px solid var(--rz-border-color, #dee2e6);
    padding-top: 12px;
}

.ov-linelist-detail-empty[b-ssyw1vqjhy] {
    font-size: 13px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    padding: 8px 2px;
}

.ov-linelist-add[b-ssyw1vqjhy] {
    display: flex;
    align-items: center;
}

/* OmniView add-button colors (primary-blue text/icon), matching the GridButton. */
.ov-linelist-add[b-ssyw1vqjhy]  .rz-button,
.ov-linelist-add[b-ssyw1vqjhy]  .rz-button-text,
.ov-linelist-add[b-ssyw1vqjhy]  .rz-button-icon,
.ov-linelist-add[b-ssyw1vqjhy]  .rzi {
    color: var(--ov-primary) !important;
}
/* /Components/Pages/Settings/RegionLookupAddEdit.razor.rz.scp.css */
.ov-region-lookup-form[b-16k6j0pkmp] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-region-lookup-form[b-16k6j0pkmp]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-region-lookup-help[b-16k6j0pkmp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 13px;
    color: var(--rz-text-secondary-color, #6c757d);
}

.ov-region-lookup-form-grid[b-16k6j0pkmp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-region-lookup-form-grid .ov-field[b-16k6j0pkmp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ov-region-lookup-form-errors[b-16k6j0pkmp] {
    margin: 0;
    padding-left: 18px;
}
/* /Components/Pages/Settings/RegionLookupLeafEditor.razor.rz.scp.css */
.ov-region-lookup-row-actions[b-ood8z9amnq] {
    gap: 2px;
}

.ov-region-lookup-row-actions[b-ood8z9amnq]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-region-lookup-row-actions[b-ood8z9amnq]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/RentalRateAddEdit.razor.rz.scp.css */
.ov-rentalrate-form[b-0y7ystovn4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-rentalrate-form[b-0y7ystovn4]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-rentalrate-form-errors[b-0y7ystovn4] {
    margin: 0;
    padding-left: 18px;
}

.ov-rentalrate-form-grid[b-0y7ystovn4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-rentalrate-help[b-0y7ystovn4] { display: flex; align-items: flex-start; gap: 6px; font-size: 12px; color: var(--rz-text-secondary-color, #5a6478); margin-bottom: 12px; }
.ov-rentalrate-help[b-0y7ystovn4]  .rzi, .ov-rentalrate-help[b-0y7ystovn4]  .rz-icon { font-size: 16px; margin-top: 1px; }
.ov-rentalrate-summary[b-0y7ystovn4] { background: var(--rz-base-100, #f4f6fa); border: 1px solid var(--rz-border-color, #e4e8f0); border-radius: 8px; padding: 10px 12px; margin-bottom: 16px; font-size: 13px; line-height: 1.9; }
.ov-rentalrate-summary-when[b-0y7ystovn4], .ov-rentalrate-summary-charge[b-0y7ystovn4] { font-weight: 600; margin-right: 4px; }
.ov-rentalrate-summary-arrow[b-0y7ystovn4] { margin: 0 8px; color: var(--rz-text-secondary-color, #5a6478); }
.ov-rentalrate-summary-any[b-0y7ystovn4] { color: var(--rz-text-secondary-color, #5a6478); font-style: italic; }
.ov-rentalrate-tag[b-0y7ystovn4] { display: inline-flex; align-items: baseline; gap: 5px; padding: 1px 8px; margin: 2px 3px; border-radius: 6px; background: var(--rz-base-200, #e9edf5); color: var(--rz-text-color, #1a1a2e); white-space: nowrap; }
.ov-rentalrate-tag-k[b-0y7ystovn4] { font-size: 11px; color: var(--rz-text-disabled-color, #9aa3b3); text-transform: capitalize; }
.ov-rentalrate-fs-note[b-0y7ystovn4] { font-size: 12px; color: var(--rz-text-disabled-color, #9aa3b3); margin-bottom: 10px; }

.ov-field[b-0y7ystovn4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-0y7ystovn4]  .rz-textbox,
.ov-field[b-0y7ystovn4]  .rz-numeric,
.ov-field[b-0y7ystovn4]  .rz-dropdown {
    width: 100%;
}

.ov-field-check[b-0y7ystovn4] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 18px;
}

.ov-overrides[b-0y7ystovn4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Only the table scrolls horizontally — keeping the Add button out of this overflow context so its
   drop shadow isn't clipped (overflow-x: auto also clips overflow-y). */
.ov-overrides-scroll[b-0y7ystovn4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-x: auto;
}

/* Two columns matching the header form: Item on the left; the right column holds Rate / Rate Type. */
.ov-overrides-head[b-0y7ystovn4],
.ov-overrides-row[b-0y7ystovn4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 20px;
    align-items: center;
    min-width: 560px;
}

.ov-overrides-right[b-0y7ystovn4] {
    position: relative;
    display: grid;
    grid-template-columns: 90px 1fr;
    column-gap: 18px;
    /* Reserve the trailing whitespace the delete icon is centered in (see :last-child below). */
    padding-right: 56px;
    align-items: center;
}

/* Delete icon sits centered in the whitespace between the Rate Type and the row's right edge.
   :last-child covers both the row's delete button and the header's empty trailing cell. */
.ov-overrides-right > :last-child[b-0y7ystovn4] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ov-overrides-head[b-0y7ystovn4] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-secondary-color, #5a6478);
    padding: 0 2px;
}

.ov-overrides-empty[b-0y7ystovn4] {
    font-size: 13px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    padding: 6px 2px;
}

.ov-overrides-row[b-0y7ystovn4]  .rz-textbox,
.ov-overrides-row[b-0y7ystovn4]  .rz-dropdown {
    width: 100%;
}

.ov-overrides-add[b-0y7ystovn4] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

/* OmniView add-button colors (primary-blue text/icon), matching the GridButton. */
.ov-overrides-add[b-0y7ystovn4]  .rz-button,
.ov-overrides-add[b-0y7ystovn4]  .rz-button-text,
.ov-overrides-add[b-0y7ystovn4]  .rz-button-icon,
.ov-overrides-add[b-0y7ystovn4]  .rzi {
    color: var(--ov-primary) !important;
}
/* /Components/Pages/Settings/SalesRepAddEdit.razor.rz.scp.css */
.ov-salesrep-form[b-bsztwyiu1u] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-salesrep-form-errors[b-bsztwyiu1u] {
    margin: 0;
    padding-left: 18px;
}

.ov-salesrep-form-grid[b-bsztwyiu1u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-bsztwyiu1u] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-salesrep-form[b-bsztwyiu1u]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field-wide[b-bsztwyiu1u] {
    grid-column: 1 / -1;
}

.ov-field[b-bsztwyiu1u]  .rz-textbox,
.ov-field[b-bsztwyiu1u]  .rz-dropdown,
.ov-field[b-bsztwyiu1u]  .rz-numeric {
    width: 100%;
}

.ov-checks[b-bsztwyiu1u] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    padding-top: 4px;
}
/* /Components/Pages/Settings/SalesRepsLeafEditor.razor.rz.scp.css */
/* Inactive rows read as secondary. */
.ov-salesreps[b-6suxe8642w]  tr.ov-salesreps-row-muted {
    opacity: 0.55;
}

.ov-salesreps-row-actions[b-6suxe8642w] {
    gap: 2px;
}

.ov-salesreps-row-actions[b-6suxe8642w]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-salesreps-row-actions[b-6suxe8642w]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/ScheduledRentalRatesLeafEditor.razor.rz.scp.css */
.ov-rate-schedules-controls[b-y1fv1rchi5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}

.ov-rate-schedules-field[b-y1fv1rchi5] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ov-rate-schedules-field-amount[b-y1fv1rchi5] {
    width: 120px;
}

.ov-rate-schedules-buttons[b-y1fv1rchi5] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Components/Pages/Settings/SettingsActiveFilter.razor.rz.scp.css */
.ov-settings-active-filter[b-gipq9ehge9] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

/* The material theme's 10px switch hover halo overlaps the adjacent label text — shrink it. */
.ov-settings-active-filter[b-gipq9ehge9]  .rz-switch .rz-switch-circle:hover:not(.rz-disabled)::before {
    box-shadow: var(--rz-switch-box-shadow), 0 0 0 4px rgba(0, 0, 0, 0.04);
}

.ov-settings-active-filter[b-gipq9ehge9]  .rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled)::before {
    box-shadow: var(--rz-switch-box-shadow), 0 0 0 4px color-mix(in srgb, var(--ov-primary) 15%, transparent);
}
/* /Components/Pages/Settings/SettingsErrorBox.razor.rz.scp.css */
.ov-settings-validation[b-9kew8pvj6s] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: var(--rz-danger-lighter, #fdecea);
    border: 1px solid var(--rz-danger-light, #f5c6cb);
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 16px;
    color: var(--rz-danger, #b3261e);
    font-size: 13px;
}

.ov-settings-validation ul[b-9kew8pvj6s] {
    margin: 0;
    padding-left: 18px;
    flex: 1 1 auto;
}

.ov-settings-validation-dismiss[b-9kew8pvj6s] {
    flex: 0 0 auto;
    background: none;
    border: none;
    padding: 0 4px;
    margin: -2px -4px 0 0;
    color: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.7;
}

.ov-settings-validation-dismiss:hover[b-9kew8pvj6s] {
    opacity: 1;
}
/* /Components/Pages/Settings/SettingsGridCard.razor.rz.scp.css */
.ov-gridcard-header[b-1ivrdtjs8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.ov-gridcard-title[b-1ivrdtjs8k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 18px;
    font-weight: 600;
    color: var(--rz-text-color, #1a1a2e);
}

.ov-gridcard-title[b-1ivrdtjs8k]  .rzi,
.ov-gridcard-title[b-1ivrdtjs8k]  .rz-icon {
    font-size: 20px;
    color: var(--rz-text-secondary-color, #5a6478);
}

.ov-gridcard-toolbar[b-1ivrdtjs8k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    margin-bottom: 0.75rem;
}

.ov-gridcard-search[b-1ivrdtjs8k] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.ov-gridcard-search input[b-1ivrdtjs8k] {
    height: 36px;
    padding: 0 32px 0 12px;
    border: 1px solid var(--rz-border-color, #d6dbe3);
    border-radius: 6px;
    font-size: 14px;
    background: var(--rz-base-background-color, #fff);
    color: var(--rz-text-color, #1a1a2e);
    min-width: 220px;
}

.ov-gridcard-search input:focus[b-1ivrdtjs8k] {
    outline: none;
    border-color: var(--rz-primary, #4f6bed);
}

.ov-gridcard-search[b-1ivrdtjs8k]  .rzi,
.ov-gridcard-search[b-1ivrdtjs8k]  .rz-icon {
    position: absolute;
    right: 8px;
    font-size: 18px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    pointer-events: none;
}

.ov-gridcard-empty[b-1ivrdtjs8k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 240px;
    text-align: center;
    color: var(--rz-text-disabled-color, #9aa3b3);
}

.ov-gridcard-empty[b-1ivrdtjs8k]  .rzi,
.ov-gridcard-empty[b-1ivrdtjs8k]  .rz-icon {
    font-size: 44px;
    color: var(--rz-base-300, #cdd3de);
}

.ov-gridcard-empty p[b-1ivrdtjs8k] {
    margin: 0;
    font-size: 14px;
}

.ov-gridcard-body[b-1ivrdtjs8k] {
    position: relative;
}

.ov-gridcard-overlay[b-1ivrdtjs8k] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Translucent veil over the stale rows; the spinner itself stays opaque. */
    background: rgba(255, 255, 255, 0.6);
    background: color-mix(in srgb, var(--rz-base-background-color, #fff) 60%, transparent);
}

.ov-gridcard-info[b-1ivrdtjs8k] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.ov-gridcard-info-btn[b-1ivrdtjs8k] {
    background: none;
    border: none;
    padding: 0;
    margin-left: 6px;
    cursor: pointer;
    display: inline-flex;
    color: var(--rz-text-secondary-color, #5a6478);
}

.ov-gridcard-info-btn[b-1ivrdtjs8k]  .rzi,
.ov-gridcard-info-btn[b-1ivrdtjs8k]  .rz-icon {
    font-size: 18px;
}

.ov-gridcard-info-backdrop[b-1ivrdtjs8k] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

.ov-gridcard-info-pop[b-1ivrdtjs8k] {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 1001;
    width: 320px;
    max-width: 80vw;
    background: var(--rz-base-background-color, #fff);
    border: 1px solid var(--rz-border-color, #d6dbe3);
    border-radius: 8px;
    padding: 12px 32px 12px 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    font-weight: 400;
}

.ov-gridcard-info-close[b-1ivrdtjs8k] {
    position: absolute;
    top: 6px;
    right: 6px;
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    display: inline-flex;
    color: var(--rz-text-secondary-color, #5a6478);
}

.ov-gridcard-info-close[b-1ivrdtjs8k]  .rzi,
.ov-gridcard-info-close[b-1ivrdtjs8k]  .rz-icon {
    font-size: 16px;
}

.ov-gridcard-info-pop-body[b-1ivrdtjs8k] {
    font-size: 13px;
    line-height: 1.5;
    color: var(--rz-text-secondary-color, #5a6478);
}
/* /Components/Pages/Settings/SettingsShell.razor.rz.scp.css */
/* This shell already lives inside the app's MainLayout (RadzenLayout/RadzenBody) and
   FullScreenLayout scroll container, so it must NOT be its own RadzenLayout — Radzen pins .rz-layout
   to 100dvh and scrolls .rz-body internally, stacking a second scrollbar on the page's. Plain flex
   divs instead: the content grows naturally and the page's existing single scroll handles it. */
.ov-settings-layout[b-6nlectyf5y] {
    display: flex;
    align-items: stretch;
    min-height: 100%;
}

/* ===== Sidebar ===== */
/* The column stays full-height (flex stretch) so its background/border read as static; the nav
   inside is sticky so it stays put while only the leaf content scrolls. */
.ov-settings-sidebar[b-6nlectyf5y] {
    flex: 0 0 280px;
    background: var(--rz-base-background-color, #fff);
    border-right: 1px solid var(--rz-border-color, #e0e4ea);
}

.ov-settings-nav[b-6nlectyf5y] {
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
    padding: 16px 0;
}

.ov-settings-sidebar-title[b-6nlectyf5y] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    padding: 0 20px 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--rz-border-color, #eef0f4);
}

.ov-settings-nav-filter[b-6nlectyf5y] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 8px 16px 10px;
}

.ov-settings-nav-filter input[b-6nlectyf5y] {
    width: 100%;
    height: 32px;
    padding: 0 30px 0 10px;
    border: 1px solid var(--rz-border-color, #d6dbe3);
    border-radius: 6px;
    font-size: 13px;
    background: var(--rz-base-background-color, #fff);
    color: var(--rz-text-color, #1a1a2e);
}

.ov-settings-nav-filter input:focus[b-6nlectyf5y] {
    outline: none;
    border-color: var(--rz-primary, #3a7bd5);
}

.ov-settings-nav-filter[b-6nlectyf5y]  .rzi,
.ov-settings-nav-filter[b-6nlectyf5y]  .rz-icon {
    position: absolute;
    right: 8px;
    font-size: 16px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    pointer-events: none;
}

.ov-settings-nav-nomatch[b-6nlectyf5y] {
    padding: 10px 20px;
    font-size: 13px;
    color: var(--rz-text-disabled-color, #9aa3b3);
}

.ov-settings-group-header[b-6nlectyf5y],
.ov-settings-leaf[b-6nlectyf5y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 20px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--rz-text-color, #2c3e6b);
    border-left: 3px solid transparent;
    transition: background 0.15s;
}

.ov-settings-leaf[b-6nlectyf5y] {
    text-decoration: none;
}

.ov-settings-group-header:hover[b-6nlectyf5y],
.ov-settings-leaf:hover[b-6nlectyf5y],
.ov-settings-item:hover[b-6nlectyf5y] {
    background: var(--rz-base-200, #f4f6f9);
}

.ov-settings-group-header .rz-icon[b-6nlectyf5y],
.ov-settings-group-header[b-6nlectyf5y]  .rzi {
    font-size: 16px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    transition: transform 0.2s;
}

.ov-settings-group-header.open[b-6nlectyf5y]  .rzi {
    transform: rotate(90deg);
}

.ov-settings-group-header.active[b-6nlectyf5y] {
    color: var(--rz-primary, #3a7bd5);
}

.ov-settings-group-items[b-6nlectyf5y] {
    padding: 2px 0 6px;
}

.ov-settings-item[b-6nlectyf5y] {
    display: block;
    padding: 7px 20px 7px 40px;
    font-size: 13px;
    color: var(--rz-text-secondary-color, #5a6577);
    cursor: pointer;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: background 0.15s;
}

.ov-settings-item.active[b-6nlectyf5y],
.ov-settings-leaf.active[b-6nlectyf5y] {
    background: var(--rz-primary-lighter, #eef5fd);
    color: var(--rz-primary, #3a7bd5);
    border-left-color: var(--rz-primary, #3a7bd5);
    font-weight: 600;
}

/* ===== Content ===== */
.ov-settings-content[b-6nlectyf5y] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 24px 32px;
    background: var(--rz-base-100, #f4f6f9);
}

.ov-settings-card[b-6nlectyf5y] {
    background: var(--rz-base-background-color, #fff);
    border: 1px solid var(--rz-border-color, #e8ebef);
    border-radius: 8px;
    padding: 24px;
    margin: 24px 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.ov-settings-empty[b-6nlectyf5y],
.ov-settings-placeholder[b-6nlectyf5y] {
    text-align: center;
    color: var(--rz-text-disabled-color, #9aa3b3);
    padding: 40px;
}

.ov-settings-empty[b-6nlectyf5y]  .rzi,
.ov-settings-placeholder[b-6nlectyf5y]  .rzi {
    font-size: 44px;
    color: var(--rz-base-300, #cdd3de);
    margin-bottom: 12px;
}

/* Placeholder header mirrors the implemented grid-card header (icon + title, top-left). */
.ov-settings-leaf-header[b-6nlectyf5y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 18px;
    font-weight: 600;
    color: var(--rz-text-color, #1a1a2e);
    margin-bottom: 1.25rem;
}

.ov-settings-leaf-header[b-6nlectyf5y]  .rzi,
.ov-settings-leaf-header[b-6nlectyf5y]  .rz-icon {
    font-size: 20px;
    color: var(--rz-text-secondary-color, #5a6478);
}

.ov-settings-placeholder-sub[b-6nlectyf5y] {
    margin-top: 8px;
    font-size: 12px;
}
/* /Components/Pages/Settings/SubtypeAddEdit.razor.rz.scp.css */
.ov-subtype-form[b-ihqb5l6moe] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-subtype-form-errors[b-ihqb5l6moe] {
    margin: 0;
    padding-left: 18px;
}

.ov-subtype-form-grid[b-ihqb5l6moe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-ihqb5l6moe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-subtype-form[b-ihqb5l6moe]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field-wide[b-ihqb5l6moe] {
    grid-column: 1 / -1;
}

.ov-field[b-ihqb5l6moe]  .rz-textbox,
.ov-field[b-ihqb5l6moe]  .rz-dropdown,
.ov-field[b-ihqb5l6moe]  .rz-numeric {
    width: 100%;
}

.ov-checks[b-ihqb5l6moe] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    padding-top: 4px;
}
/* /Components/Pages/Settings/SubtypesLeafEditor.razor.rz.scp.css */
.ov-subtypes-row-actions[b-ke0qkzhls7] {
    gap: 2px;
}

/* Give the icon row-actions (edit + activate/deactivate) a clear hover shade. */
.ov-subtypes-row-actions[b-ke0qkzhls7]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-subtypes-row-actions[b-ke0qkzhls7]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/TaxLookupAddEdit.razor.rz.scp.css */
.ov-subtype-form[b-u65nho9qt8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-subtype-form-errors[b-u65nho9qt8] {
    margin: 0;
    padding-left: 18px;
}

.ov-subtype-form-grid[b-u65nho9qt8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-u65nho9qt8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-subtype-form[b-u65nho9qt8]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field[b-u65nho9qt8]  .rz-textbox,
.ov-field[b-u65nho9qt8]  .rz-dropdown,
.ov-field[b-u65nho9qt8]  .rz-numeric {
    width: 100%;
}
/* /Components/Pages/Settings/TaxLookupLeafEditor.razor.rz.scp.css */
.ov-taxlookup-row-actions[b-j1loiggedo] {
    gap: 2px;
}

.ov-taxlookup-row-actions[b-j1loiggedo]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-taxlookup-row-actions[b-j1loiggedo]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/TaxProfileAddEdit.razor.rz.scp.css */
.ov-subtype-form[b-3i1109n30t] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-subtype-form-errors[b-3i1109n30t] {
    margin: 0;
    padding-left: 18px;
}

.ov-subtype-form-grid[b-3i1109n30t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-3i1109n30t] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-subtype-form[b-3i1109n30t]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field[b-3i1109n30t]  .rz-textbox,
.ov-field[b-3i1109n30t]  .rz-numeric {
    width: 100%;
}

.ov-districts[b-3i1109n30t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Only the table scrolls horizontally — keeping the Add button out of this overflow context so its
   drop shadow isn't clipped (overflow-x: auto also clips overflow-y). */
.ov-districts-scroll[b-3i1109n30t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-x: auto;
}

/* Two columns matching the header form (Description aligns with Primary District; the right column
   starts where Total Rate starts). The right column holds Rate / Start / End. */
.ov-districts-head[b-3i1109n30t],
.ov-districts-row[b-3i1109n30t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 20px;
    align-items: center;
    min-width: 560px;
}

.ov-districts-right[b-3i1109n30t] {
    position: relative;
    display: grid;
    grid-template-columns: 90px 1fr 1fr;
    column-gap: 18px;
    /* Reserve the trailing whitespace the delete icon is centered in (see :last-child below). */
    padding-right: 56px;
    align-items: center;
}

/* Delete icon sits centered in the whitespace between the End date and the row's right edge.
   :last-child covers both the row's delete button and the header's empty trailing cell. */
.ov-districts-right > :last-child[b-3i1109n30t] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ov-districts-head[b-3i1109n30t] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-secondary-color, #5a6478);
    padding: 0 2px;
}

.ov-districts-empty[b-3i1109n30t] {
    font-size: 13px;
    color: var(--rz-text-disabled-color, #9aa3b3);
    padding: 6px 2px;
}

.ov-districts-row[b-3i1109n30t]  .rz-textbox,
.ov-districts-row[b-3i1109n30t]  .rz-numeric,
.ov-districts-row[b-3i1109n30t]  .rz-datepicker {
    width: 100%;
}

.ov-districts-add[b-3i1109n30t] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

/* OmniView add-button colors (primary-blue text/icon), matching the GridButton. */
.ov-districts-add[b-3i1109n30t]  .rz-button,
.ov-districts-add[b-3i1109n30t]  .rz-button-text,
.ov-districts-add[b-3i1109n30t]  .rz-button-icon,
.ov-districts-add[b-3i1109n30t]  .rzi {
    color: var(--ov-primary) !important;
}
/* /Components/Pages/Settings/TaxProfileLeafEditor.razor.rz.scp.css */
.ov-taxprofile-row-actions[b-6frxc5c7pe] {
    gap: 2px;
}

.ov-taxprofile-row-actions[b-6frxc5c7pe]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-taxprofile-row-actions[b-6frxc5c7pe]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/TechnicianAddEdit.razor.rz.scp.css */
.ov-technician-form[b-gzh2mkapic] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-technician-form-errors[b-gzh2mkapic] {
    margin: 0;
    padding-left: 18px;
}

.ov-technician-form-grid[b-gzh2mkapic] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-gzh2mkapic] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-technician-form[b-gzh2mkapic]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field-wide[b-gzh2mkapic] {
    grid-column: 1 / -1;
}

.ov-field[b-gzh2mkapic]  .rz-textbox,
.ov-field[b-gzh2mkapic]  .rz-dropdown,
.ov-field[b-gzh2mkapic]  .rz-numeric {
    width: 100%;
}

.ov-checks[b-gzh2mkapic] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    padding-top: 4px;
}
/* /Components/Pages/Settings/TechniciansLeafEditor.razor.rz.scp.css */
.ov-technicians-row-actions[b-thr0tcg43b] {
    gap: 2px;
}

.ov-technicians-row-actions[b-thr0tcg43b]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-technicians-row-actions[b-thr0tcg43b]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Inactive rows read as secondary. */
.ov-technicians[b-thr0tcg43b]  tr.ov-technicians-row-muted {
    opacity: 0.55;
}
/* /Components/Pages/Settings/TransportationRateAddEdit.razor.rz.scp.css */
.ov-transrate-form[b-cr4fzdwox4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-transrate-form[b-cr4fzdwox4]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-transrate-form-errors[b-cr4fzdwox4] {
    margin: 0;
    padding-left: 18px;
}

.ov-transrate-form-grid[b-cr4fzdwox4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-cr4fzdwox4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-cr4fzdwox4]  .rz-textbox,
.ov-field[b-cr4fzdwox4]  .rz-numeric,
.ov-field[b-cr4fzdwox4]  .rz-dropdown {
    width: 100%;
}
/* /Components/Pages/Settings/TransportationRateLookupLeafEditor.razor.rz.scp.css */
.ov-transrates-row-actions[b-4e3qajgvow] {
    gap: 2px;
}

.ov-transrates-row-actions[b-4e3qajgvow]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-transrates-row-actions[b-4e3qajgvow]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}

/* Wildcard criteria read as secondary, like the open-ended date dash on Other Rates. The span is
   emitted from code-behind (no scope attribute), so reach it with ::deep from the scoped root. */
.ov-transrates[b-4e3qajgvow]  .ov-transrates-any {
    color: var(--rz-text-disabled-color, #9aa3b3);
}
/* /Components/Pages/Settings/TruckAddEdit.razor.rz.scp.css */
.ov-truck-form[b-pxhbcfrj2c] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-truck-form-errors[b-pxhbcfrj2c] {
    margin: 0;
    padding-left: 18px;
}

.ov-truck-form-grid[b-pxhbcfrj2c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-field[b-pxhbcfrj2c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-truck-form[b-pxhbcfrj2c]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-field[b-pxhbcfrj2c]  .rz-textbox,
.ov-field[b-pxhbcfrj2c]  .rz-dropdown,
.ov-field[b-pxhbcfrj2c]  .rz-numeric {
    width: 100%;
}
/* /Components/Pages/Settings/TrucksLeafEditor.razor.rz.scp.css */
/* Inactive rows read as secondary. */
.ov-trucks[b-f6rv5vktsb]  tr.ov-trucks-row-muted {
    opacity: 0.55;
}

.ov-trucks-row-actions[b-f6rv5vktsb] {
    gap: 2px;
}

.ov-trucks-row-actions[b-f6rv5vktsb]  .rz-button {
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ov-trucks-row-actions[b-f6rv5vktsb]  .rz-button:hover:not(:disabled) {
    background-color: var(--rz-base-300, rgba(0, 0, 0, 0.07));
}
/* /Components/Pages/Settings/WorkOrderPackageAddEdit.razor.rz.scp.css */
.ov-wo-form[b-9ycpbppufs] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ov-wo-form[b-9ycpbppufs]  .ov-sf-label.rz-label {
    font-weight: normal;
}

.ov-wo-form-errors[b-9ycpbppufs] {
    margin: 0;
    padding-left: 18px;
}

.ov-field[b-9ycpbppufs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ov-field[b-9ycpbppufs]  .rz-textbox,
.ov-field[b-9ycpbppufs]  .rz-textarea,
.ov-field[b-9ycpbppufs]  .rz-dropdown {
    width: 100%;
}

.ov-wo-header-grid[b-9ycpbppufs],
.ov-wo-item-grid[b-9ycpbppufs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
}

.ov-wo-span2[b-9ycpbppufs] {
    grid-column: 1 / -1;
}

.ov-wo-prompt-grid[b-9ycpbppufs] {
    display: grid;
    grid-template-columns: minmax(180px, auto) minmax(0, 1fr);
    gap: 10px 20px;
    align-items: end;
}

.ov-wo-check[b-9ycpbppufs] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Align the checkbox to its input (not the input+label stack): bottom-align the row, then nudge the
   single-line checkbox up to the input's vertical center. */
.ov-wo-prompt-grid .ov-wo-check[b-9ycpbppufs] {
    padding-bottom: 6px;
}

.ov-wo-prompt-note[b-9ycpbppufs] {
    margin: 12px 0 0;
    font-size: 12px;
    color: var(--rz-text-secondary-color, #5a6478);
}

.ov-wo-type[b-9ycpbppufs] {
    min-width: 200px;
}
/* /Components/Shared/Addresses/AddressSelector.razor.rz.scp.css */
.ov-address-selector-subset[b-5njjv1du7p] {
    flex: 2 2 0;
    min-width: min(100%, 28em);
    overflow-x: auto;
}

.ov-address-selector-search[b-5njjv1du7p] {
    flex: 1 1 0;
    min-width: 6em;

}

.ov-address-selector-create[b-5njjv1du7p] {
    flex: 1 1 0;
    min-width: 6em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ov-address-selector-empty-message[b-5njjv1du7p] {
    font-size: var(--rz-input-font-size);
}

/* Full-bleed the grid to the panel edges, offsetting the overlay body's 1rem horizontal padding. */
.ov-address-selector-grid[b-5njjv1du7p] {
    margin-left: -1rem;
    margin-right: -1rem;
}

[b-5njjv1du7p] .e-emptyrow > td {
    padding: 14px 22px !important;
}

[b-5njjv1du7p] .e-grid {
    border: none;
}

[b-5njjv1du7p] .e-grid td.e-rowcell.e-focus.e-focused,
[b-5njjv1du7p] .e-grid th.e-headercell.e-focus.e-focused {
    box-shadow: none;
}

[b-5njjv1du7p] .e-selectionbackground {
    background-color: var(--ov-color-blue-3) !important;
}

[b-5njjv1du7p] .e-radio-wrapper,
[b-5njjv1du7p] input[type="radio"] {
    width: 20px;
    height: 20px;
}

[b-5njjv1du7p] input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    border: 2px solid var(--ov-edge) !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-5njjv1du7p] input[type="radio"]:checked + label::before {
    border: 2px solid var(--ov-primary) !important;
}

[b-5njjv1du7p] input[type="radio"]:checked + label::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--ov-primary) !important;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 5px; /* Adjust as needed */
    left: 5px; /* Adjust as needed */
}

[b-5njjv1du7p] input[type="radio"]:active + label::before {
    border: 2px solid var(--ov-active) !important;
}

[b-5njjv1du7p] input[type="radio"]:active + label::after {
    background-color: var(--ov-active) !important;
}
/* /Components/Shared/Attachments/AttachmentAddEdit.razor.rz.scp.css */
.ov-custom-upload-dropzone[b-uktx2eu9ve] {
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    border-radius: 4px; 
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid var(--rz-input-border-color, #444444); /* uses Radzen theme variable */
    color: var(--rz-text-color, #333);
    font-family: var(--rz-font-family, "Segoe UI", sans-serif);
    transition: border-color 0.2s ease, background-color 0.2s ease;
    padding-top: 40px;
    margin-top: 10px;
}

/* Optional: smaller icon and text inside */
.ov-custom-upload-dropzone[b-uktx2eu9ve]  .ov-upload-icon {
    font-size: 3rem;
    /*margin-bottom: 0.5rem;*/
    margin-top: 0.5rem;
}

.ov-custom-upload-dropzone[b-uktx2eu9ve]  .ov-upload-text {
    font-size: 18px;
}
/* /Components/Shared/Attachments/MultiImagePreview.razor.rz.scp.css */
.ov-image-multiview-page[b-x9c2oaxioo] {
    max-width: 900px;
}

[b-x9c2oaxioo] .e-listview {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    height: 151px !important;
}

[b-x9c2oaxioo] .e-listview .e-list-container {
    border: none;
    height: 100% !important;
}

[b-x9c2oaxioo] .e-listview .e-list-parent {
    border: none;
    padding: 0 10px 7px 10px;
    height: 100% !important;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}

[b-x9c2oaxioo] .e-listview .e-list-item {
    border: none;
    padding: 0 !important;
    overflow: hidden;
    width: 220px !important;
    height: 100% !important;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}

.ov-player-control.fullscreen[b-x9c2oaxioo] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    z-index: 9000;
}

.fullscreen .ov-player-controls[b-x9c2oaxioo] {
    z-index: 9002;
    position: fixed;
    left: 34px;
    bottom: 20px;
}

[b-x9c2oaxioo] .ov-player-frame {
    max-width: 876px;
    width: 100%;
    max-height: 550px;
    height: 100%;
    padding: 0;
    border-radius: var(--rz-border-radius-1) !important;
    overflow: hidden;
}

[b-x9c2oaxioo] .ov-player {
    position: relative;
    color: var(--ov-panel-player-text);
    background-color: var(--ov-panel-player);
    width: 100%;
    padding: 0;
}

.fullscreen[b-x9c2oaxioo]  .ov-player {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    z-index: 9001;
}

.ov-player-attributes[b-x9c2oaxioo] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    column-gap: 20px;
    height: 3.7em;
    padding: 0 34px;
    background: linear-gradient(var(--ov-panel-player) 2em, transparent 3.2em, transparent);
}

.fullscreen[b-x9c2oaxioo]  .rz-button {
    background-color: var(--ov-panel-player) !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.ov-player-attributes-title[b-x9c2oaxioo] {
    flex: auto;
    background-color: transparent;
    min-width: 0;
    height: 3.7em;
    line-height: 3.7em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-player-attributes-date[b-x9c2oaxioo] {
    flex: none;
    background-color: transparent;
    height: 3.7em;
    line-height: 3.7em;
}

.ov-player-image[b-x9c2oaxioo] {
    max-height: 550px;
    max-width: 756px;
    width: 100%;
    padding: 4em 60px 65px 60px;
    margin: auto;
    object-fit: contain;
}

.ov-player-thumbnail-item[b-x9c2oaxioo] {
    width: 100%;
    height: 100px;
    padding: 14px 16px 16px 16px;
}

.ov-player-thumbnail-picture[b-x9c2oaxioo] {
    width: 120px;
    height: 80px;
    object-fit: fill;
}

ov-player-thumbnail-picture-placeholder[b-x9c2oaxioo] {
    width: 120px;
    height: 80px;
    object-fit: fill;
    visibility: hidden;
}

.ov-player-thumbnail-caption[b-x9c2oaxioo] {
    width: 100%;
    padding: 0 5px;
    margin-top: 6px;
    text-align: center;
    white-space: normal;
    height: 2.5em;
    line-height: 1.25em;
    overflow: hidden;
    /* Do a two-line continuation ellipsis to the extent browsers currently support it. */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ov-player-close[b-x9c2oaxioo] {
    text-align: center;
    padding-inline: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
/* /Components/Shared/Attachments/NoteEditor.razor.rz.scp.css */
.ov-footnote-attribute .ov-footnote-attribute-value[b-06liibj52h] {
    margin-left: 1em;
    display: inline-block;
}
/* /Components/Shared/CustomerBilling/CaptureBilling.razor.rz.scp.css */
/* =======================
   CONTAINER
   ======================= */

[b-iv7ucn24bo] .rz-datepicker-hidden > * {
    visibility: hidden;
}

#capture-billing[b-iv7ucn24bo] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.capture-billing-body[b-iv7ucn24bo] {
    flex: 1;
    overflow-y: auto;
}

/* =======================
   HEADER (TITLE + READ-ONLY FIELDS) & DESCRIPTION
   ======================= */

.capture-billing-header[b-iv7ucn24bo] {
    display: flex;
    flex-direction: column;
}

.capture-billing-title[b-iv7ucn24bo] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.15rem;
}

.capture-billing-fields[b-iv7ucn24bo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: 400;
}

.capture-billing-field[b-iv7ucn24bo] {
    line-height: 1.2;
    min-height: 1.2em;
}

.capture-billing-field-divider[b-iv7ucn24bo] {
    width: 1px;
    align-self: stretch;
    background-color: #ced4da;
}

.capture-billing-description[b-iv7ucn24bo] {
    font-size: 0.9rem;
    color: #212529;
    margin: 0 0 1rem 0;
}

/* =======================
   SECTIONS
   ======================= */

.capture-billing-section[b-iv7ucn24bo] {
    margin-bottom: 1.25rem;
}

.section-helper[b-iv7ucn24bo] {
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.section-label[b-iv7ucn24bo] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.25rem;
}

/* =======================
   INVOICE DATE – PILL BUTTONS
   ======================= */

.invoice-date-buttons[b-iv7ucn24bo] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Hide the radio button circles */
.invoice-date-buttons[b-iv7ucn24bo]  .rz-radiobutton {
    display: none;
}

.invoice-date-buttons[b-iv7ucn24bo]  .rz-radio-button-list .rz-stack {
    gap: 0.8rem;
}

.invoice-date-buttons[b-iv7ucn24bo]  .rz-radio-button-list .rz-radiobutton-template {
    margin-block: 0;
    margin-inline: 0;
}

/* Style each option as a pill button */
.invoice-option-btn[b-iv7ucn24bo] {
    border-radius: 20px !important;
    padding: 0.35rem 0.9rem !important;
    font-size: 0.85rem !important;
    background-color: #ffffff !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
}

.invoice-option-btn:hover[b-iv7ucn24bo] {
    background-color: #f8f9fa !important;
}

.invoice-option-btn.selected[b-iv7ucn24bo] {
    background-color: #eef2ff !important;
    border-color: #5b6acb !important;
    color: #5b6acb !important;
    font-weight: 500 !important;
}

/* =======================
   SELECT ALL ROW
   ======================= */

.select-all-row[b-iv7ucn24bo] {
    display: flex;
    align-items: center;
    gap: var(--rz-checkbox-label-margin-inline);
    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
}

[b-iv7ucn24bo] .select-all-label {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #111827;
    cursor: pointer;
}

/* =======================
   BILLING TYPES – DIVIDER LINES
   ======================= */

.billing-types-container[b-iv7ucn24bo] {
    display: flex;
    flex-direction: column;
}

/* Style RadzenCheckBoxList */
[b-iv7ucn24bo] .billing-types-checkboxlist .rz-stack {
    gap: 0;
}

[b-iv7ucn24bo] .billing-types-checkboxlist .rz-checkbox {
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    border-bottom: 1px solid #e5e7eb;
}

[b-iv7ucn24bo] .billing-types-checkboxlist .rz-checkbox:last-child {
    border-bottom: none;
}

[b-iv7ucn24bo] .billing-types-checkboxlist .rz-checkbox:hover {
    background-color: #f9fafb;
}

[b-iv7ucn24bo] .billing-types-checkboxlist .rz-chkbox-label {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #374151;
}

/* Checkbox options (if used elsewhere) */
.checkbox-option[b-iv7ucn24bo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.checkbox-option span[b-iv7ucn24bo] {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #374151;
}

/* =======================
   FOOTER
   ======================= */

.capture-billing-footer[b-iv7ucn24bo] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem 0 1.25rem;
    border-top: 1px solid #e9ecef;
}

.cancel-btn[b-iv7ucn24bo] {
    background: none;
    border: none;
    color: #495057;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
}

.cancel-btn:hover:not(:disabled)[b-iv7ucn24bo] {
    color: #212529;
}

.cancel-btn:disabled[b-iv7ucn24bo] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Shared/Customers/CommunicationAddEdit.razor.rz.scp.css */
[b-duvqkr6wx1] i.rzi,
[b-duvqkr6wx1] label {
    color: var(--rz-text-secondary-color);
}

[b-duvqkr6wx1] label {
    margin-left: 8px;
}

[b-duvqkr6wx1] button.rz-button
{
    margin: auto 0 auto 8px;
}

[b-duvqkr6wx1] i.rzi {
    margin: auto 4px auto 4px;
}

[b-duvqkr6wx1] .rz-button.rz-secondary i.rzi {
    color: var(--ov-primary);
    margin-left: 0;
}

[b-duvqkr6wx1] .rz-datepicker
{
    max-width: 180px;
}
/* /Components/Shared/Customers/CommunicationAttachmentsList.razor.rz.scp.css */
/* ── Attachments drop zone ── */
.comm-attachment-dropzone[b-pfs78rpr6f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    border: 2px dashed #c5cae9;
    border-radius: 8px;
}

.comm-attachment-dropzone-icon[b-pfs78rpr6f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #E8E8EC;
}

/* ── Attachment list ── */
.comm-attachment-list[b-pfs78rpr6f] {
    display: flex;
    flex-direction: column;
}

.comm-attachment-row[b-pfs78rpr6f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.comm-attachment-row:last-child[b-pfs78rpr6f] {
    border-bottom: none;
}
/* /Components/Shared/Customers/CommunicationRelatedRecordsList.razor.rz.scp.css */
/* ── Inline add form ── */
.comm-record-add-row[b-c0ot6ig6a5] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #eee;
}

.comm-record-add-field[b-c0ot6ig6a5] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ── Record list ── */
.comm-record-list[b-c0ot6ig6a5] {
    display: flex;
    flex-direction: column;
}

.comm-record-row[b-c0ot6ig6a5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.comm-record-row:last-child[b-c0ot6ig6a5] {
    border-bottom: none;
}

.comm-record-type[b-c0ot6ig6a5] {
    flex: 0 0 auto;
    min-width: 90px;
    font-weight: 500;
    color: #333;
}

.comm-record-value[b-c0ot6ig6a5] {
    color: #4b59b4;
}
/* /Components/Shared/Customers/CommunicationView.razor.rz.scp.css */
[b-94ntdciev2] i.rzi {
    color: #60646C;
}

[b-94ntdciev2] label.rz-label {
    color: #60646C;
    font-size: 16px;
}
/* /Components/Shared/Customers/CustomerSearchDrawer.razor.rz.scp.css */
[b-cwyv5prxxf] .ov-grid-header-top {
    display: none;
}
/* /Components/Shared/Customers/EventNotificationPreferences.razor.rz.scp.css */
[b-9j5f1i82ua] .e-grid {
    border: 1px solid var(--ov-edge-soft) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

[b-9j5f1i82ua] .e-grid .e-rowcell.e-lastrowcell {
    border-bottom: none !important;
}

[b-9j5f1i82ua] .ov-grid-header-row {
    background-color: var(--ov-grid-header) !important;
}

/* www.syncfusion.com/forums/180558/remove-focus-rectangle */
[b-9j5f1i82ua] .e-grid td.e-rowcell.e-focus.e-focused {
    box-shadow: none;
}

[b-9j5f1i82ua] .e-grid th.e-headercell.e-focus.e-focused {
    box-shadow: none;
}

/* https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance/header#hide-the-blazor-datagrid-header */

[b-9j5f1i82ua] .e-grid .e-gridheader .e-columnheader {
    display: none;
}

[b-9j5f1i82ua] .pointer-icon {
    cursor: pointer;
}
/* /Components/Shared/Customers/EventNotificationsDetail.razor.rz.scp.css */
.ov-entity-table[b-xqm3xtcxjj] {
    width: 100%;
    border-collapse: separate; /* required for rounded corners */
    border-spacing: 0;
    font-family: sans-serif;
    /* outer rounded border */
    border: 1px solid currentColor !important;
    border-radius: 10px;
    overflow: hidden;
}

    /* cells: draw only right & bottom borders */
    .ov-entity-table th[b-xqm3xtcxjj],
    .ov-entity-table td[b-xqm3xtcxjj] {
        padding: 0 10px;
        border: none;
        border-right: 1px solid currentColor !important;
        border-bottom: 1px solid currentColor !important;
        vertical-align: middle;
        height: 50px;
        box-sizing: border-box;
    }

    /* remove right border on last column */
    .ov-entity-table tr th:last-child[b-xqm3xtcxjj],
    .ov-entity-table tr td:last-child[b-xqm3xtcxjj] {
        border-right: none !important;
    }

    /* remove bottom border on last row */
    .ov-entity-table tr:last-child th[b-xqm3xtcxjj],
    .ov-entity-table tr:last-child td[b-xqm3xtcxjj] {
        border-bottom: none !important;
    }

/* optional table header style */
.ov-entity-table-header[b-xqm3xtcxjj] {
    background-color: var(--ov-nav-hover);
}

/* center utility */
.ov-entity-table-center[b-xqm3xtcxjj] {
    text-align: center;
}

/* row hover (unchanged) */
.ov-entity-table tr[b-xqm3xtcxjj] {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .ov-entity-table tr:hover[b-xqm3xtcxjj] {
        background-color: var(--ov-nav-hover);
    }

/* for Email and Cell Number i tags */
[b-xqm3xtcxjj] .pointer-icon {
    cursor: pointer;
}
/* /Components/Shared/Customers/EventNotificationsList.razor.rz.scp.css */
/* Bootstrap grid-based list styling */

.entity-list-container[b-ym2rbva7oj] {
    overflow: hidden; /* Ensures rounded corners */
}

.entity-list-row[b-ym2rbva7oj] {
    min-height: 40px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.entity-list-cell[b-ym2rbva7oj] {
    vertical-align:middle;
}

.entity-list-row:hover[b-ym2rbva7oj] {
    background-color: var(--ov-nav-hover);
    cursor: pointer;
}

/* Remove bottom border from last row */
.entity-list-row:last-child[b-ym2rbva7oj] {
    border-bottom: none !important;
}
/* /Components/Shared/Dashboard/Charts/AccumulationChart.razor.rz.scp.css */
.e-dialog .e-dlg-header[b-iucj8hlylu] {
    font-weight: bold;
}
/* /Components/Shared/Dashboard/Charts/ScorecardChart.razor.rz.scp.css */
.scorecard-container[b-wavlfo2j6o] {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 4px;
}

.scorecard-table[b-wavlfo2j6o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.scorecard-table th[b-wavlfo2j6o] {
    text-align: right;
    padding: 4px 8px;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

.scorecard-table td[b-wavlfo2j6o] {
    text-align: right;
    padding: 4px 8px;
    border-bottom: 1px solid #eee;
}

.scorecard-label-col[b-wavlfo2j6o] {
    text-align: left !important;
    white-space: nowrap;
}

.scorecard-row-total[b-wavlfo2j6o] {
    font-weight: 700;
    border-top: 2px solid #dee2e6;
}

.scorecard-row-churn[b-wavlfo2j6o] {
    font-weight: 700;
    font-style: italic;
    border-top: 2px solid #dee2e6;
}
/* /Components/Shared/Dashboard/Charts/SummaryChart.razor.rz.scp.css */
.summarytile[b-gn3kix1unl] {
    position: absolute;
    width: 70%;
    height: 70%;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 22%;
}

.summarytile-fullwidth[b-gn3kix1unl] {
    position: absolute;
    width: 90%;
    height: 100%;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 22%;
}

.summarytile-container[b-gn3kix1unl] {
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    resize: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: absolute;
}

.summarytile-container-alt[b-gn3kix1unl] {
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    resize: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
}

.summarytile-textcontainer[b-gn3kix1unl] {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    left: -16px;
}

.summarytile-text[b-gn3kix1unl] {
    font-size: 2vw;
    text-align: center;
    top: 0%;
    bottom: 0%;
    position: relative;
    display: flex;
    margin: auto;
}

.scaling-svg-container-container[b-gn3kix1unl] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.scaling-svg-container[b-gn3kix1unl] {
    position: static !important;
    height: 0;
    width: 90%;
    padding: 0;
    height: 90%;
    padding-bottom: 92%;
    margin: auto;
    top: 5%
}

.scaling-svg[b-gn3kix1unl] {
    position: absolute !important;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .7;
}
.summarytile-text-alt[b-gn3kix1unl] {
    font-size: 1.4vw;
}
/* /Components/Shared/Dashboard/Charts/TableChart.razor.rz.scp.css */
.sfgrid.e-grid[b-q1y8s6nz09] {
    border: 0px;
}
/* /Components/Shared/Dashboard/DashboardPanel.razor.rz.scp.css */
[b-je6cb2oywz] .multiselect-noborder {
    border: 0px !important;
}

[b-je6cb2oywz] .e-multi-select-wrapper {
    border: 0 !important;
    opacity: 1 !important;
    visibility: hidden;
}

[b-je6cb2oywz] .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox.multiselect-noborder {
    opacity: 0 !important;
}

.header-wrapper[b-je6cb2oywz] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
}

.header-container[b-je6cb2oywz] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    min-height: 32px;
    flex: 1;
    margin-right: 42px;
    width: 80% !important;
}
.e-dashboardlayout.e-control .e-panel .e-panel-header div[b-je6cb2oywz] {
    overflow: scroll;
}

.e-dashboardlayout.e-control .e-panel .e-panel-header div[b-je6cb2oywz] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-container:hover[b-je6cb2oywz] {
    overflow: visible !important;
    white-space: normal !important;
    position: relative;
    z-index: 100;
    background: transparent !important;
    display: block !important;
}
.header-container:hover > b[b-je6cb2oywz] {
    top: 2px;
    position: relative;
}

.metric-info-container[b-je6cb2oywz] {
    position: absolute;
    right: 12px;
    top: 16px;
    width: 24px;
    height: 24px;
    margin: auto;
}

[b-je6cb2oywz] .metric-info-icon {
    cursor: pointer;
    opacity: 0.5;
    font-size: 16px;
    display: flex;
    margin: auto;
}

[b-je6cb2oywz] .metric-info-icon:hover {
    opacity: 1;
}
/* /Components/Shared/DataGrid/DataGridFilterNode.razor.rz.scp.css */
.ovdg-filter-node[b-vh7qo1u7iq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ovdg-filter-condition[b-vh7qo1u7iq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.ovdg-filter-condition[b-vh7qo1u7iq]  .ovdg-filter-field {
    min-width: 190px;
}

.ovdg-filter-condition[b-vh7qo1u7iq]  .ovdg-filter-operator {
    min-width: 165px;
}

.ovdg-filter-condition[b-vh7qo1u7iq]  .ovdg-filter-value {
    width: 140px;
}

.ovdg-filter-and[b-vh7qo1u7iq] {
    flex-shrink: 0;
    opacity: 0.7;
}

.ovdg-filter-children[b-vh7qo1u7iq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 26px;
}

.ovdg-filter-child[b-vh7qo1u7iq] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.ovdg-filter-child[b-vh7qo1u7iq]  .ovdg-filter-logic {
    width: 92px;
    flex-shrink: 0;
}
/* /Components/Shared/DataGrid/DataGridFilterPanel.razor.rz.scp.css */
.ovdg-filter-panel[b-7vhlxfo4ua] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 620px;
    padding: 12px 16px 14px;
}

.ovdg-filter-panel h1[b-7vhlxfo4ua] {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    color: var(--ov-sf-listview-text-color);
}

.ovdg-filter-more[b-7vhlxfo4ua] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
/* /Components/Shared/DataGrid/OVDataGrid.razor.rz.scp.css */
/* OVDataGrid carries its own copy of the grid chrome: the old stack's equivalent rules live in
   OVGrid.razor.css, which is component-scoped and can never apply here. The shared, deliberately
   global pieces (GridButton chips) stay in app.css keyed on .ov-grid-container, which this
   component's root article also carries. When the old stack is deleted, OVGrid.razor.css dies
   and this file becomes the single home. */

/* ---- Panel container ---- */

.ov-grid-container[b-e2zh44l9om] {
    background-color: var(--rz-dialog-background-color);
}

.ov-grid-container.ov-grid-border-enabled[b-e2zh44l9om] {
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-3) !important;
    overflow: hidden !important;
}

/* ---- Header section ---- */

.ov-grid-header-top[b-e2zh44l9om] {
    padding: 7px 0;
    border-bottom: 1px solid var(--ov-edge) !important;
}

.ov-grid-header-bottom[b-e2zh44l9om] {
    padding: 16px 0 0 0;
}

.ov-grid-container.ov-grid-border-enabled .ov-grid-header-top[b-e2zh44l9om],
.ov-grid-container.ov-grid-border-enabled .ov-grid-header-bottom[b-e2zh44l9om] {
    padding-left: 16px;
    padding-right: 16px;
}

.ov-grid-total-container[b-e2zh44l9om] {
    height: 2.25rem;
    line-height: 2.25rem;
}

/* Header action buttons match the legacy ActionBar look: primary-blue text-variant buttons. */
.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-text .rz-button-text {
    color: var(--ov-primary) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
}

.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-text .rzi {
    color: var(--ov-primary) !important;
}

.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-text:hover:not(:disabled) {
    background-color: #F0F0F3 !important;
}

/* A filled tray button (the "New Order" GridDropdown) has to have its whole look pinned here for
   every state. GridButton.razor.css paints a "filled" button as a light chip with primary-blue text
   (it was built for light dropdown chips, not solid buttons) while Radzen paints the filled-primary
   BACKGROUND blue and shifts it on hover — so left alone it reads blue-on-blue at rest and white-on-
   light on hover. Pin background + white foreground across states to match InventorySelect's solid
   "Create Inventory". */
.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-filled {
    background-color: var(--ov-primary) !important;
    border-color: var(--ov-primary) !important;
}

.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-filled:hover:not(:disabled),
.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-filled:focus:not(:disabled),
.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-filled:active:not(:disabled) {
    background-color: var(--ov-primary) !important;
    border-color: var(--ov-primary) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
}

.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-filled .rz-button-text,
.ovdg-header-actions[b-e2zh44l9om]  .rz-button.rz-variant-filled .rzi {
    color: #fff !important;
}

@media (width < 580px) {
    .ov-grid-total-container[b-e2zh44l9om] {
        display: none;
    }
}

/* Search box: match the chip row height so the right-hand cluster aligns */
[b-e2zh44l9om] .rz-form-field-content {
    height: 2.32rem;
    margin-top: 0;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
}

[b-e2zh44l9om] .rz-form-field-start {
    --rz-icon-size: 1.25rem !important;
    padding-inline-start: 8px !important;
}

[b-e2zh44l9om] .rz-form-field-content .rz-textbox {
    max-width: 13.2rem;
    padding-inline: 8px 12px;
}

[b-e2zh44l9om] .rz-button.rz-splitbutton-menubutton {
    display: none;
}

[b-e2zh44l9om] .rz-button.rz-button-icon-only {
    border-radius: 3px !important;
}

/* ---- Card layout: the article is a flex column pinned to the viewport. The header section
        and pager keep their natural height; the grid viewport takes the leftover space and
        scrolls rows internally (SfGrid Height=100%), so the pager is always visible at the
        bottom of the card and the horizontal scrollbar stays inside the grid area. ---- */

.ovdg[b-e2zh44l9om] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 160px);
    min-height: 420px;
}

/* Overlay/drawer/popup host (FillContainer): the viewport calc above assumes a full page and
   overflows a shorter overlay box — the row-scroll grid keeps its full height and pushes the pager
   below the overlay's viewport, unreachable at large page sizes. Fill the host's box instead so the
   header/grid/pager share the overlay's height and the pager stays pinned inside it. The host must
   give this element a sized, flex-column parent (the overlay body). */
.ovdg.ovdg-fill[b-e2zh44l9om] {
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
}

.ov-grid-header-section[b-e2zh44l9om] {
    flex: 0 0 auto;
}

.ov-grid[b-e2zh44l9om] {
    margin-top: 15px;
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Syncfusion measures its parent once at init and bakes a PIXEL height onto .e-content
   (inline style), so the grid ignores later flex sizing and overflows the card — painting
   its horizontal scrollbar over the pager. Flex the grid internals and force the content
   height back to 100% so the grid always tracks .ov-grid exactly. */
.ov-grid[b-e2zh44l9om]  .e-grid {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.ov-grid[b-e2zh44l9om]  .e-grid .e-groupdroparea,
.ov-grid[b-e2zh44l9om]  .e-grid .e-gridheader {
    flex: 0 0 auto;
}

.ov-grid[b-e2zh44l9om]  .e-grid .e-gridcontent {
    flex: 1 1 auto;
    min-height: 0;
}

.ov-grid[b-e2zh44l9om]  .e-grid .e-gridcontent .e-content {
    height: 100% !important;
}

[b-e2zh44l9om] .ov-page-gridpager-bar {
    flex: 0 0 auto;
    border-top: 1px solid var(--ov-edge);
    padding-top: 8px;
    padding-bottom: 8px;
}

.ovdg-init-spinner[b-e2zh44l9om] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Invisible for the first 300ms so quick loads (page flips) never flash it;
   only slow loads ever see the dim. */
.ovdg-loading-overlay[b-e2zh44l9om] {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    cursor: progress;
    opacity: 0;
    animation: ovdg-overlay-appear-b-e2zh44l9om 0.15s linear 0.3s forwards;
}

@keyframes ovdg-overlay-appear-b-e2zh44l9om {
    to { opacity: 1; }
}

/* The grid signals loading with the overlay above; Syncfusion's own spinner pane
   would double up (it flashes on every rebind). */
[b-e2zh44l9om] .e-grid .e-spinner-pane {
    display: none !important;
}

/* ---- Filters popup frame (GridDropdown ChildContent) ---- */

.ovdg-filter-popup-frame[b-e2zh44l9om] {
    border: 1.5px solid var(--ov-edge-soft);
    box-sizing: border-box;
    border-radius: var(--rz-border-radius-3);
    background: var(--rz-panel-background-color) !important;
    position: relative;
    overflow-y: auto;
    max-height: 440px;
}

/* ---- Grid frame / header cells ---- */

[b-e2zh44l9om] .e-grid {
    border-width: 0;
}

[b-e2zh44l9om] .e-grid .e-tableborder {
    border-width: 0 !important;
}

[b-e2zh44l9om] .e-grid .e-gridheader {
    border-width: 0;
    border-bottom-width: 1px;
}

[b-e2zh44l9om] .e-grid .e-headercontent {
    border-right-width: 0 !important;
}

[b-e2zh44l9om] .e-headertext {
    color: #60646C !important;
    font-weight: 700 !important;
    font-size: 0.86em !important;
}

[b-e2zh44l9om] .e-grid .e-headercelldiv {
    border: 0 none;
    display: block;
    font-weight: 700;
    line-height: 30px;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    text-align: left;
    text-transform: none;
    user-select: none;
    color: #60646C;
}

/* ---- Sort indicators ---- */

[b-e2zh44l9om] .e-grid .e-sortfilterdiv {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    width: 1.2em !important;
    height: 1.2em !important;
    margin: 0 !important;
    padding: 1px !important;
}

[b-e2zh44l9om] .e-grid .e-sortfilterdiv .e-icon-ascending,
[b-e2zh44l9om] .e-grid .e-sortfilterdiv .e-icon-descending {
    color: #60646C !important;
}

[b-e2zh44l9om] .e-grid .e-sortnumber {
    position: absolute !important;
    right: 1.5em !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    width: 1.2em !important;
    height: 1.2em !important;
    font-size: 0.86em !important;
    line-height: 1em !important;
    margin: 0 !important;
}

[b-e2zh44l9om] .e-grid.e-resize-lines .e-headercell .e-rhandler {
    border-right-color: transparent;
}

/* ---- Rows ---- */

[b-e2zh44l9om] .e-grid .e-rowcell {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    background-color: #FFFFFF !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Frozen (row actions) column must be opaque — headers and cells both scroll under it */
[b-e2zh44l9om] .e-grid .e-headercell.e-rightfreeze {
    background-color: var(--rz-dialog-background-color) !important;
}

[b-e2zh44l9om] .e-grid .e-rowcell.e-templatecell.e-rightfreeze.e-freezerightborder,
[b-e2zh44l9om] .e-grid .e-headercell.e-centeralign.e-lastcell.e-rightfreeze.e-freezerightborder {
    border-left-width: 0 !important;
    box-shadow: none !important;
}

/* No-records placeholder spans the full width */
[b-e2zh44l9om] .e-grid .e-content colgroup:has(~ tbody tr:first-of-type td .no-records-placeholder) col:first-of-type {
    width: 100% !important;
}

[b-e2zh44l9om] .e-grid .e-content colgroup:has(~ tbody tr:first-of-type td .no-records-placeholder) col:not(:first-of-type) {
    display: none !important;
    width: 0 !important;
}

/* Kill the default blue focus chrome */
[b-e2zh44l9om] .e-rowcell.e-active,
[b-e2zh44l9om] .e-rowcell.e-focused,
[b-e2zh44l9om] .e-headercell.e-active,
[b-e2zh44l9om] .e-headercell.e-focused,
[b-e2zh44l9om] .e-grid.e-focused,
[b-e2zh44l9om] .e-groupcaption.e-focused,
[b-e2zh44l9om] .e-groupdroparea.e-focused {
    box-shadow: none !important;
}

/* ---- Checkboxes (multi-select column) ---- */

/* Per-row checkbox is a native input (see OVDataGrid.razor); the header select-all is still an
   SfCheckBox for tri-state, so the .e-checkbox-wrapper rules below still apply to it. */
[b-e2zh44l9om] .ovdg-checkbox .ovdg-row-check {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--ov-primary);
    cursor: pointer;
}

[b-e2zh44l9om] .e-grid .e-checkbox-wrapper .e-frame.e-icons {
    color: white !important;
}

[b-e2zh44l9om] .e-grid .e-rowcell.e-gridchkbox .e-checkbox-wrapper,
[b-e2zh44l9om] .e-grid .e-headercell .e-checkbox-wrapper {
    width: 18px !important;
    height: 18px !important;
}

[b-e2zh44l9om] .e-frame.e-icons.e-check,
[b-e2zh44l9om] .e-frame.e-icons.e-uncheck,
[b-e2zh44l9om] .e-frame.e-icons.e-stop,
[b-e2zh44l9om] .e-checkbox-wrapper .e-frame {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 16px !important;
}

/* Center the checkboxes on the CELL box itself (absolute + transform): header and row
   cells disagree on padding/inner-wrapper metrics, so any flow-based centering drifts.
   The cells share one colgroup width, so cell-centering aligns them pixel-exact. */
[b-e2zh44l9om] .e-grid .e-headercell:has(.ovdg-checkbox),
[b-e2zh44l9om] .e-grid .e-rowcell:has(.ovdg-checkbox) {
    position: relative;
}

[b-e2zh44l9om] .e-grid .e-headercell:has(.ovdg-checkbox) .e-checkbox-wrapper,
[b-e2zh44l9om] .e-grid .e-rowcell:has(.ovdg-checkbox) .e-checkbox-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}

/* ---- Group drop area ---- */

[b-e2zh44l9om] .e-grid .e-groupdroparea {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    width: auto !important;
    font-size: 0.86rem !important;
    line-height: 3.4rem !important;
    min-height: 3.4rem !important;
    border: none !important;
    border-radius: var(--rz-border-radius-2) !important;
    background-color: var(--ov-grid-highlight-soft) !important;
    background-image: linear-gradient(to right, var(--ov-edge) 50%, transparent 50%), linear-gradient(to right, var(--ov-edge) 50%, transparent 50%), linear-gradient(to bottom, var(--ov-edge) 50%, transparent 50%), linear-gradient(to bottom, var(--ov-edge) 50%, transparent 50%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 6px 1px, 6px 1px, 1px 6px, 1px 6px;
    color: #60646C !important;
}

[b-e2zh44l9om] .e-grid .e-groupdroparea:not(.e-grouped) {
    font-size: 0 !important;
}

[b-e2zh44l9om] .e-grid .e-groupdroparea:not(.e-grouped)::after {
    content: "Drag a column header here to group by column";
    font-size: 0.86rem;
    color: #60646C;
}

[b-e2zh44l9om] .e-grid .e-groupdroparea.e-hover {
    background-color: transparent !important;
}

.ov-grid-container.ov-grid-border-enabled[b-e2zh44l9om]  .e-grid .e-groupdroparea {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.ov-grid-container.ov-grid-border-enabled[b-e2zh44l9om]  .ov-page-gridpager-bar {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* Group pills inside the drop area */
[b-e2zh44l9om] .e-groupdroparea .e-grid-icon.e-groupheadercell {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E1E6;
    border-radius: 6px;
    margin-top: 7px;
    margin-bottom: 0;
}

[b-e2zh44l9om] .e-groupdroparea .e-grid-icon.e-groupheadercell .e-grouptext {
    color: var(--ov-text);
    font-size: 0.86em;
    font-weight: 400;
}

[b-e2zh44l9om] .e-groupdroparea .e-grid-icon.e-groupheadercell .e-icons {
    color: var(--ov-text);
    font-size: 12px;
    font-weight: 700;
}

[b-e2zh44l9om] .e-groupdroparea .e-groupheadercell .e-groupsort.e-icons {
    margin-left: 0;
    margin-right: 8px;
}

[b-e2zh44l9om] .e-groupdroparea .e-groupheadercell .e-ungroupbutton {
    margin-right: 8px;
}

[b-e2zh44l9om] .e-groupdroparea .e-groupheadercell .e-icons.e-focused,
[b-e2zh44l9om] .e-groupdroparea .e-groupheadercell .e-icons.e-active {
    box-shadow: none !important;
}

/* ---- Group rows ---- */

[b-e2zh44l9om] .e-grid .e-groupcaptionrow td {
    border-width: 0 !important;
}

/* Expand/collapse icons: expanded=up, collapsed=down */
[b-e2zh44l9om] .e-grid .e-icon-gdownarrow::before {
    display: inline-block;
    transform: rotate(180deg);
}

[b-e2zh44l9om] .e-grid .e-icon-grightarrow::before {
    content: '\e729' !important;
}

/* ---- Inline row actions: pages drop bare RadzenButtons (any variant) into the RowActions
        template; the grid normalizes them to compact text-style icon buttons ---- */

[b-e2zh44l9om] .ov-grid-inline-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100%;
}

[b-e2zh44l9om] .ov-grid-inline-actions .rz-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px !important;
    min-width: 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px !important;
    color: #60646C !important;
}

[b-e2zh44l9om] .ov-grid-inline-actions .rz-button:hover:not(:disabled) {
    background-color: #E8E8EC !important;
    color: #60646C !important;
}

[b-e2zh44l9om] .ov-grid-inline-actions .rz-button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Shared/Dialogs/EditorContent.razor.rz.scp.css */
/* /Components/Shared/Dialogs/EditorSideDrawerComponent.razor.rz.scp.css */
.ov-editor-pane[b-lt1t3lfpjo] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Some ov-editor-pane-form-title-bar styles moved to global stylesheet */

.ov-editor-pane-form-title-bar[b-lt1t3lfpjo] {
    text-align: right;
    padding: 0 25px 0 25px;
    flex: 0 0 auto;
    /* display: flex; */
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 15px;
    background: transparent;
    height: 3.9em;
    align-content: center;
}

.ov-editor-pane-form-wrapper[b-lt1t3lfpjo] {
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0;
    border-top: 1px solid var(--ov-edge-soft);
}

.ov-editor-pane-form-submit-bar[b-lt1t3lfpjo] {
    text-align: right;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 15px;
    border-top: 1px solid var(--ov-edge-soft);
    padding: 0 25px 0 25px;
    height: 3.9em;
    align-content: center;
    margin: 0;
}
/* /Components/Shared/Dialogs/EmailDialog.razor.rz.scp.css */
.email-chip-wrapper[b-h38vhhfr68] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 4px;
    min-height: 42px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    cursor: text;
    width: 100%;
}

.email-chip-wrapper:focus-within[b-h38vhhfr68] {
    border-bottom-color: #0078d4;
}

/* Left centered label */
.email-label[b-h38vhhfr68] {
    font-size: 14px;
    color: #6c757d;
    white-space: nowrap;
    padding-top: 6px;
}

/* Container for chips + input */
.chip-input-container[b-h38vhhfr68] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 1;
}

/* Chip - Outlook style */
.chip[b-h38vhhfr68] {
    background: #f3f2f1;
    color: #323130;
    padding: 4px 10px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    border: 1px solid #e1dfdd;
    word-break: break-all;
}

    .chip:hover[b-h38vhhfr68] {
        background: #edebe9;
        border-color: #c8c6c4;
    }

/* Remove button - Outlook style */
.close-icon[b-h38vhhfr68] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #605e5c;
    cursor: pointer;
    line-height: 1;
    user-select: none;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

.close-icon:hover[b-h38vhhfr68] {
    background-color: #c8c6c4;
    color: #323130;
}

/* Autocomplete inputs expand to fill available space */
.chip-input-container[b-h38vhhfr68]  .rz-autocomplete {
    flex: 1;
    min-width: 150px;
}

/* Autocomplete wrapper */
.autocomplete-wrapper[b-h38vhhfr68] {
    position: relative;
    flex: 1;
    min-width: 150px;
}

/* Email input */
.email-input[b-h38vhhfr68] {
    border: none;
    outline: none;
    font-size: 14px;
    padding: 4px 0;
    width: 100%;
    background: transparent;
    color: #323130;
}

    .email-input[b-h38vhhfr68]::placeholder {
        color: #a19f9d;
    }

/* Suggestions dropdown - Outlook style */
.suggestions-dropdown[b-h38vhhfr68] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 320px;
    max-width: 400px;
    max-height: 300px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
    z-index: 1000;
    margin-top: 4px;
}

/* Suggestion item - Outlook style */
.suggestion-item[b-h38vhhfr68] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    gap: 12px;
    border-bottom: 1px solid #f3f2f1;
}

.suggestion-item:last-child[b-h38vhhfr68] {
    border-bottom: none;
}

.suggestion-item:hover[b-h38vhhfr68],
.suggestion-item.selected[b-h38vhhfr68] {
    background-color: #f3f2f1;
}

/* Avatar circle - Outlook style */
.suggestion-avatar[b-h38vhhfr68] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
    text-transform: uppercase;
}

/* Different avatar colors based on position */
.suggestion-item:nth-child(2n) .suggestion-avatar[b-h38vhhfr68] {
    background: linear-gradient(135deg, #107c10 0%, #0b6a0b 100%);
}

.suggestion-item:nth-child(3n) .suggestion-avatar[b-h38vhhfr68] {
    background: linear-gradient(135deg, #8764b8 0%, #744da9 100%);
}

.suggestion-item:nth-child(4n) .suggestion-avatar[b-h38vhhfr68] {
    background: linear-gradient(135deg, #d83b01 0%, #c63400 100%);
}

.suggestion-item:nth-child(5n) .suggestion-avatar[b-h38vhhfr68] {
    background: linear-gradient(135deg, #008272 0%, #006a5c 100%);
}

/* Suggestion details */
.suggestion-details[b-h38vhhfr68] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.suggestion-name[b-h38vhhfr68] {
    font-size: 14px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggestion-email[b-h38vhhfr68] {
    font-size: 12px;
    color: #605e5c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggestion-company[b-h38vhhfr68] {
    font-size: 11px;
    color: #a19f9d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* Scrollbar styling for suggestions */
.suggestions-dropdown[b-h38vhhfr68]::-webkit-scrollbar {
    width: 6px;
}

.suggestions-dropdown[b-h38vhhfr68]::-webkit-scrollbar-track {
    background: #f3f2f1;
}

.suggestions-dropdown[b-h38vhhfr68]::-webkit-scrollbar-thumb {
    background: #c8c6c4;
    border-radius: 3px;
}

.suggestions-dropdown[b-h38vhhfr68]::-webkit-scrollbar-thumb:hover {
    background: #a19f9d;
}

[b-h38vhhfr68] .rz-fileupload-content {
    visibility: hidden;
    display: none;
}

[b-h38vhhfr68] .rz-fileupload-buttonbar {
    border-radius: var(--rz-button-border-radius) !important;
    background-color: #F0F0F3;
}
/* /Components/Shared/Dialogs/LandingPageComponent.razor.rz.scp.css */
.ov-landing-page-frame[b-2g3s4c58vx] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ov-landing-page-title-bar[b-2g3s4c58vx] {
    width: 100%;
    text-align: right;
    padding: 0 12px 0 18px;
    min-width: 0;
    min-height: 0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 15px;
    background-color: var(--rz-header-background-color);
    border-bottom: 1px solid var(--ov-edge-soft);
    border-top: 1px solid var(--ov-edge-soft);
    height: 50px;
    text-align: left;
}

.ov-landing-page-body[b-2g3s4c58vx] {
    flex: 1;
    min-height: 0;
}

.ov-landing-page-breadcrumb-wrapper[b-2g3s4c58vx] {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    flex: 1 1 0;
}

.ov-landing-page-controls[b-2g3s4c58vx] {
    flex: 0 0 auto;
    display: flex;
}
/* /Components/Shared/Dispatch/CompleteServiceDrawer.razor.rz.scp.css */
[b-cbwrral0x6] .ov-screen-form-row {
    margin-bottom: 4px;
}

.complete-service-checkboxes[b-cbwrral0x6]  .ov-screen-form-row {
    margin-bottom: 0;
}
/* /Components/Shared/Dispatch/DispatchAssignDriver.razor.rz.scp.css */
.ov-assign-service-context[b-nnquek0ki0] {
    background-color: var(--ov-surface-2, #f5f5f5);
    border-radius: 4px;
    border: 1px solid var(--ov-edge, #e0e0e0);
}

.ov-assign-context-field[b-nnquek0ki0] {
    display: flex;
    flex-direction: column;
    min-width: 9em;
}

.ov-assign-context-label[b-nnquek0ki0] {
    font-size: 0.75rem;
    color: var(--ov-text-secondary, #666);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ov-assign-context-value[b-nnquek0ki0] {
    font-size: var(--rz-input-font-size, 0.875rem);
    color: var(--ov-text-primary, #333);
}

.ov-assign-search[b-nnquek0ki0] {
    width: 28em;
    max-width: 100%;
}

.ov-assign-count-hint[b-nnquek0ki0] {
    font-size: 0.8rem;
    color: var(--ov-text-secondary, #666);
}

.ov-assign-empty-message[b-nnquek0ki0] {
    font-size: var(--rz-input-font-size);
}

.ov-assign-field-label[b-nnquek0ki0] {
    font-size: 0.75rem;
    color: var(--ov-text-secondary, #666);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: block;
    margin-bottom: 0.25rem;
}

.ov-assign-orders-toggle[b-nnquek0ki0] {
    text-decoration: none;
    font-size: 0.85rem;
}

.ov-assign-orders-list[b-nnquek0ki0] {
    font-size: 0.85rem;
    color: var(--ov-text-secondary, #555);
    word-break: break-word;
}

[b-nnquek0ki0] .e-emptyrow > td {
    padding: 14px 22px !important;
}

[b-nnquek0ki0] .e-grid {
    border: 1px solid var(--ov-edge, #e0e0e0) !important;
    border-radius: 6px !important;
    overflow: hidden;
}

[b-nnquek0ki0] .e-grid .e-headercontent {
    border-radius: 4px;
}

[b-nnquek0ki0] .e-grid .e-headercelldiv {
    font-size: 1rem;
    color: var(--ov-text-secondary, #666);
    font-weight: 600;
    letter-spacing: 0.03em;
}

[b-nnquek0ki0] .e-grid .e-headercell {
    background-color: var(--ov-surface-2, #f5f5f5) !important;
}

[b-nnquek0ki0] .e-grid td.e-rowcell.e-focus.e-focused,
[b-nnquek0ki0] .e-grid th.e-headercell.e-focus.e-focused {
    box-shadow: none;
}

[b-nnquek0ki0] .e-selectionbackground {
    background-color: var(--ov-color-blue-3) !important;
}

[b-nnquek0ki0] .e-radio-wrapper,
[b-nnquek0ki0] input[type="radio"] {
    width: 20px;
    height: 20px;
}

[b-nnquek0ki0] input[type="radio"] + label {
    position: relative;
}

[b-nnquek0ki0] input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    border: 2px solid var(--ov-edge) !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-nnquek0ki0] input[type="radio"]:checked + label::before {
    border: 2px solid var(--ov-primary) !important;
}

[b-nnquek0ki0] input[type="radio"]:checked + label::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--ov-primary) !important;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 5px;
    left: 5px;
}

[b-nnquek0ki0] input[type="radio"]:active + label::before {
    border: 2px solid var(--ov-active) !important;
}

[b-nnquek0ki0] input[type="radio"]:active + label::after {
    background-color: var(--ov-active) !important;
}
/* /Components/Shared/Dispatch/DispatchDetail.razor.rz.scp.css */
/* Identification section (always-show) */
.dispatch-identification[b-36vsggf54l] {
    background: #f9f9fb;
    border-bottom: 1px solid #d9d9e0;
    padding: 16px 24px;
}

/* Body sections */
.dispatch-section[b-36vsggf54l] {
    padding: 16px 24px;
}

.dispatch-section + .dispatch-section[b-36vsggf54l] {
    border-top: 1px solid #eeeef0;
}

/* Section headers */
.dispatch-section-header[b-36vsggf54l] {
    font-size: 14px;
    font-weight: 700;
    color: #1c2024;
    line-height: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d9d9e0;
    margin-bottom: 12px;
}

/* Field rows */
.dispatch-field-row[b-36vsggf54l] {
    display: flex;
    margin-bottom: 6px;
}

.dispatch-field-row:last-child[b-36vsggf54l] {
    margin-bottom: 0;
}

.dispatch-field-label[b-36vsggf54l] {
    width: 140px;
    min-width: 140px;
    font-size: 13px;
    font-weight: 500;
    color: #60646c;
    line-height: 20px;
}

.dispatch-field-value[b-36vsggf54l] {
    font-size: 13px;
    color: #1c2024;
    flex: 1;
    line-height: 20px;
}

.dispatch-field-value-muted[b-36vsggf54l] {
    font-size: 13px;
    color: #8b8d98;
    font-style: italic;
    flex: 1;
    line-height: 20px;
}

/* Status pills (inline in field values) */
.dispatch-pill[b-36vsggf54l] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.dispatch-pill-green[b-36vsggf54l] {
    background: #e4f2e7;
    color: #297a3a;
}

.dispatch-pill-blue[b-36vsggf54l] {
    background: #e8eaf6;
    color: #3b4ca0;
}

.dispatch-pill-gray[b-36vsggf54l] {
    background: #eeeef0;
    color: #60646c;
}

.dispatch-pill-red[b-36vsggf54l] {
    background: #fef2f0;
    color: #d93d42;
}

/* Address blocks */
.dispatch-address-block[b-36vsggf54l] {
    background: #f9f9fb;
    border: 1px solid #d9d9e0;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 8px;
}

.dispatch-address-label[b-36vsggf54l] {
    font-size: 12px;
    font-weight: 600;
    color: #60646c;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dispatch-address-text[b-36vsggf54l] {
    font-size: 13px;
    color: #1c2024;
    line-height: 1.5;
}

.dispatch-override-badge[b-36vsggf54l] {
    background: #d93d66;
    color: #fff;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Instructions text block */
.dispatch-instructions-text[b-36vsggf54l] {
    background: #f9f9fb;
    border: 1px solid #d9d9e0;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #1c2024;
    white-space: pre-wrap;
}

/* Hold banner */
.dispatch-hold-banner[b-36vsggf54l] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fef2f0;
    border: 1px solid #f5c6c0;
    border-radius: 6px;
    padding: 10px 14px;
    margin-top: 8px;
}

.dispatch-hold-icon[b-36vsggf54l] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: #d93d42;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.dispatch-hold-text[b-36vsggf54l] {
    font-size: 13px;
    color: #c0392b;
    font-weight: 600;
}

.dispatch-hold-note[b-36vsggf54l] {
    font-size: 12px;
    color: #60646c;
    margin-top: 2px;
}

/* Cost highlight */
.dispatch-cost-value[b-36vsggf54l] {
    font-weight: 600;
    color: #297a3a;
}

/* Record info section */
.dispatch-record-info[b-36vsggf54l] {
    background: #f9f9fb;
}

.dispatch-record-info .dispatch-field-value[b-36vsggf54l] {
    color: #8b8d98;
    font-size: 12px;
}
/* /Components/Shared/Dispatch/DispatchEdit.razor.rz.scp.css */
/* ────────────────────────────────────────────────────────────────
   DispatchEdit drawer — styles ported from the OVO-712 mockup
   (OVO-712_attachments/DispatchDetailEdit.html)
   ──────────────────────────────────────────────────────────────── */

/* Identification strip (horizontal, always-show) */
.de-identification[b-xtwnq6nrx3] {
    background: #f9f9fb;
    border-bottom: 1px solid #d9d9e0;
    padding: 10px 24px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.de-id-item[b-xtwnq6nrx3] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.de-id-label[b-xtwnq6nrx3] {
    font-size: 12px;
    font-weight: 500;
    color: #8b8d98;
}

.de-id-value[b-xtwnq6nrx3] {
    font-size: 13px;
    font-weight: 500;
    color: #1c2024;
}

/* Status pill variants (identification strip) */
.de-pill[b-xtwnq6nrx3] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.de-pill-green[b-xtwnq6nrx3] { background: #e4f2e7; color: #297a3a; }
.de-pill-blue[b-xtwnq6nrx3]  { background: #e8eaf6; color: #3b4ca0; }
.de-pill-red[b-xtwnq6nrx3]   { background: #fef2f0; color: #d93d42; }
.de-pill-gray[b-xtwnq6nrx3]  { background: #eeeef0; color: #60646c; }

/* Dirty indicator dot */
.de-dirty-dot[b-xtwnq6nrx3] {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #e5922e;
    border-radius: 50%;
    margin-left: auto;
}

/* Body */
.de-body[b-xtwnq6nrx3] {
    padding: 0 24px 24px;
}

/* Section headers */
.de-section-header[b-xtwnq6nrx3] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #d9d9e0;
    margin-top: 24px;
    margin-bottom: 16px;
}

.de-section-header h2[b-xtwnq6nrx3] {
    font-size: 16px;
    font-weight: 700;
    color: #1c2024;
    line-height: 20px;
    margin: 0;
}

/* Form layout */
.de-form-row[b-xtwnq6nrx3] {
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
}

.de-form-row-single[b-xtwnq6nrx3] {
    flex-direction: column;
}

.de-field[b-xtwnq6nrx3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.de-field-half[b-xtwnq6nrx3] {
    flex: 0 0 calc(50% - 12px);
}

.de-field-third[b-xtwnq6nrx3] {
    flex: 0 0 calc(33.33% - 16px);
}

.de-field label[b-xtwnq6nrx3] {
    font-size: 14px;
    font-weight: 600;
    color: #1c2024;
    line-height: 20px;
}

.de-required[b-xtwnq6nrx3] {
    color: #d93d42;
    margin-left: 4px;
}

/* Inputs */
.de-input[b-xtwnq6nrx3] {
    height: 38px;
    border: 1px solid #c6cbd2;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
    font-family: inherit;
    color: #1c2024;
    background: #fff;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.de-input:focus[b-xtwnq6nrx3] {
    border-color: #5463ae;
}

.de-input[readonly][b-xtwnq6nrx3],
.de-input:disabled[b-xtwnq6nrx3] {
    background: #f9f9fb;
    color: #60646c;
}

/* Textarea */
.de-textarea[b-xtwnq6nrx3] {
    border: 1px solid #c6cbd2;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-family: inherit;
    color: #1c2024;
    background: #fff;
    outline: none;
    resize: vertical;
    min-height: 64px;
    width: 100%;
    box-sizing: border-box;
}

.de-textarea:focus[b-xtwnq6nrx3] {
    border-color: #5463ae;
}

.de-textarea[readonly][b-xtwnq6nrx3] {
    background: #f9f9fb;
    color: #60646c;
}

/* Checkbox row */
.de-checkbox-row[b-xtwnq6nrx3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

.de-checkbox-row input[type="checkbox"][b-xtwnq6nrx3] {
    width: 18px;
    height: 18px;
    accent-color: #5463ae;
}

.de-checkbox-row label[b-xtwnq6nrx3] {
    font-size: 14px;
    font-weight: 400;
    color: #1c2024;
    cursor: pointer;
    margin: 0;
}

/* Calculated / read-only value */
.de-calc-value[b-xtwnq6nrx3] {
    height: 38px;
    background: #f9f9fb;
    border: 1px solid #d9d9e0;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 14px;
    color: #297a3a;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.de-calc-value-empty[b-xtwnq6nrx3] {
    color: #8b8d98;
}

/* Input with inline button (e.g., Unit Number + Lookup) */
.de-input-group[b-xtwnq6nrx3] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.de-input-group .de-field[b-xtwnq6nrx3] {
    flex: 1;
}

.de-btn-input[b-xtwnq6nrx3] {
    height: 38px;
    padding: 0 12px;
    border: 1px solid #c6cbd2;
    border-radius: 6px;
    background: #fff;
    font-size: 13px;
    font-family: inherit;
    font-weight: 500;
    color: #5463ae;
    cursor: pointer;
    white-space: nowrap;
    margin-top: 24px;
}

.de-btn-input:hover:not(:disabled)[b-xtwnq6nrx3] {
    background: #f5f5fa;
    border-color: #5463ae;
}

.de-btn-input:disabled[b-xtwnq6nrx3] {
    color: #c6cbd2;
    border-color: #eeeef0;
    cursor: not-allowed;
}

/* Address blocks */
.de-address-block[b-xtwnq6nrx3] {
    background: #f9f9fb;
    border: 1px solid #d9d9e0;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 8px;
}

.de-address-label[b-xtwnq6nrx3] {
    font-size: 12px;
    font-weight: 600;
    color: #60646c;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.de-address-label-left[b-xtwnq6nrx3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.de-address-text[b-xtwnq6nrx3] {
    font-size: 13px;
    color: #1c2024;
    line-height: 1.5;
}

.de-override-badge[b-xtwnq6nrx3] {
    background: #d93d66;
    color: #fff;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
}

.de-address-actions[b-xtwnq6nrx3] {
    display: flex;
    gap: 6px;
}

.de-btn-addr[b-xtwnq6nrx3] {
    padding: 2px 8px;
    border: none;
    background: none;
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: #5463ae;
    cursor: pointer;
    border-radius: 4px;
}

.de-btn-addr:hover:not(:disabled)[b-xtwnq6nrx3] {
    background: #f0f1f8;
}

.de-btn-addr:disabled[b-xtwnq6nrx3] {
    color: #c6cbd2;
    cursor: not-allowed;
}

.de-btn-addr-reset[b-xtwnq6nrx3] {
    color: #d93d42;
}

.de-btn-addr-reset:hover[b-xtwnq6nrx3] {
    background: #fef2f0;
}

/* Section-header inline link button (e.g., Generate Comments) */
.de-section-link[b-xtwnq6nrx3] {
    font-size: 13px;
    font-weight: 500;
    color: #5463ae;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
}

.de-section-link:hover[b-xtwnq6nrx3] {
    text-decoration: underline;
}

/* Permission note */
.de-permission-note[b-xtwnq6nrx3] {
    margin-top: 8px;
    padding: 8px 12px;
    background: #f9f9fb;
    border-left: 3px solid #8b8d98;
    font-size: 12px;
    color: #60646c;
    border-radius: 3px;
}
/* /Components/Shared/Dispatch/DispatchThirdPartyAssignDriver.razor.rz.scp.css */
.ov-3p-service-context[b-34sacobpgh] {
    background-color: var(--ov-surface-2, #f5f5f5);
    border-radius: 4px;
    border: 1px solid var(--ov-edge, #e0e0e0);
}

.ov-3p-context-field[b-34sacobpgh] {
    display: flex;
    flex-direction: column;
    min-width: 9em;
}

.ov-3p-context-label[b-34sacobpgh] {
    font-size: 0.75rem;
    color: var(--ov-text-secondary, #666);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ov-3p-context-value[b-34sacobpgh] {
    font-size: var(--rz-input-font-size, 0.875rem);
    color: var(--ov-text-primary, #333);
}

.ov-3p-search[b-34sacobpgh] {
    width: 28em;
}

.ov-3p-company-filter[b-34sacobpgh] {
    width: 24em;
}

.ov-3p-company-filter[b-34sacobpgh]  .rz-dropdown {
    width: 100% !important;
}


.ov-3p-create-btn[b-34sacobpgh] {
    display: flex;
    align-items: center;
}

.ov-3p-create-btn[b-34sacobpgh]  .rz-button {
    background-color: white !important;
    border: 1px solid var(--ov-primary) !important;
}

.ov-3p-empty-message[b-34sacobpgh] {
    font-size: var(--rz-input-font-size);
}

[b-34sacobpgh] .e-emptyrow > td {
    padding: 14px 22px !important;
}

[b-34sacobpgh] .e-grid {
    border: 1px solid var(--ov-edge, #e0e0e0) !important;
    border-radius: 6px !important;
    overflow: hidden;
}

[b-34sacobpgh] .e-grid .e-headercontent {
    border-radius: 4px;
}

[b-34sacobpgh] .e-grid .e-headercelldiv {
    font-size: 1rem;
    color: var(--ov-text-secondary, #666);
    font-weight: 600;
    letter-spacing: 0.03em;
}

[b-34sacobpgh] .e-grid .e-headercell {
    background-color: var(--ov-surface-2, #f5f5f5) !important;
}

[b-34sacobpgh] .e-grid td.e-rowcell.e-focus.e-focused,
[b-34sacobpgh] .e-grid th.e-headercell.e-focus.e-focused {
    box-shadow: none;
}

[b-34sacobpgh] .e-selectionbackground {
    background-color: var(--ov-color-blue-3) !important;
}

[b-34sacobpgh] .e-radio-wrapper,
[b-34sacobpgh] input[type="radio"] {
    width: 20px;
    height: 20px;
}

[b-34sacobpgh] input[type="radio"] + label {
    position: relative;
}

[b-34sacobpgh] input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background-color: transparent !important;
    border: 2px solid var(--ov-edge) !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-34sacobpgh] input[type="radio"]:checked + label::before {
    border: 2px solid var(--ov-primary) !important;
}

[b-34sacobpgh] input[type="radio"]:checked + label::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--ov-primary) !important;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 5px;
    left: 5px;
}

[b-34sacobpgh] input[type="radio"]:active + label::before {
    border: 2px solid var(--ov-active) !important;
}

[b-34sacobpgh] input[type="radio"]:active + label::after {
    background-color: var(--ov-active) !important;
}
/* /Components/Shared/ESign/ESignRecipientsSelect.razor.rz.scp.css */
/* Section headers */
.esign-section-header[b-7hf3vtsei0] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #d9d9e0;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #1c2024;
    line-height: 20px;
}

/* Document context banner */
.esign-doc-context[b-7hf3vtsei0] {
    background: #f9f9fb;
    border: 1px solid #d9d9e0;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 4px;
    margin-top: 8px;
}

.esign-doc-context-title[b-7hf3vtsei0] {
    font-size: 15px;
    font-weight: 600;
    color: #1c2024;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.esign-doc-icon[b-7hf3vtsei0] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e8e9f3;
    border-radius: 4px;
    font-size: 11px;
    color: #5463ae;
    font-weight: 700;
    flex-shrink: 0;
}

.esign-doc-meta[b-7hf3vtsei0] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.esign-doc-meta-item[b-7hf3vtsei0] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.esign-meta-label[b-7hf3vtsei0] {
    font-size: 11px;
    font-weight: 600;
    color: #60646c;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.esign-meta-value[b-7hf3vtsei0] {
    font-size: 13px;
    color: #1c2024;
    font-weight: 500;
}

/* Field styling */
.esign-field[b-7hf3vtsei0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.esign-field-label[b-7hf3vtsei0] {
    font-size: 14px;
    font-weight: 600;
    color: #1c2024;
    line-height: 20px;
}

/* Restriction note */
.esign-restriction-note[b-7hf3vtsei0] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #8b8d98;
    font-style: italic;
    margin-bottom: 12px;
}

/* Contact list */
.esign-contact-list[b-7hf3vtsei0] {
    border: 1px solid #d9d9e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}

.esign-contact-item[b-7hf3vtsei0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f3;
    cursor: pointer;
    transition: background 0.1s;
}

.esign-contact-item:last-child[b-7hf3vtsei0] {
    border-bottom: none;
}

.esign-contact-item:hover:not(.disabled)[b-7hf3vtsei0] {
    background: #f5f5fa;
}

.esign-contact-item.selected[b-7hf3vtsei0] {
    background: #eef0f8;
}

.esign-contact-item.disabled[b-7hf3vtsei0] {
    opacity: 0.4;
    cursor: not-allowed;
}

.esign-contact-radio[b-7hf3vtsei0] {
    width: 18px;
    height: 18px;
    accent-color: #5463ae;
    flex-shrink: 0;
}

.esign-contact-info[b-7hf3vtsei0] {
    flex: 1;
    min-width: 0;
}

.esign-contact-name[b-7hf3vtsei0] {
    font-size: 14px;
    font-weight: 500;
    color: #1c2024;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.esign-contact-email[b-7hf3vtsei0] {
    font-size: 13px;
    color: #60646c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.esign-contact-source[b-7hf3vtsei0] {
    font-size: 11px;
    color: #8b8d98;
    font-style: italic;
}

/* Eligibility badges */
.esign-contact-badge[b-7hf3vtsei0] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    flex-shrink: 0;
}

.esign-contact-badge.badge-primary[b-7hf3vtsei0] {
    background: #e8e9f3;
    color: #5463ae;
}

/* Manual entry */
.esign-manual-entry-toggle[b-7hf3vtsei0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-top: 1px solid #d9d9e0;
    background: #fafafa;
    cursor: pointer;
    transition: background 0.1s;
}

.esign-manual-entry-toggle:hover[b-7hf3vtsei0] {
    background: #f5f5fa;
}

.esign-manual-entry-toggle.selected[b-7hf3vtsei0] {
    background: #eef0f8;
}

.esign-manual-label[b-7hf3vtsei0] {
    font-size: 14px;
    font-weight: 500;
    color: #5463ae;
}

.esign-manual-fields[b-7hf3vtsei0] {
    padding: 12px 14px 14px;
    background: #fafafa;
    border-top: 1px solid #f0f0f3;
}

.esign-manual-fields .esign-field[b-7hf3vtsei0] {
    margin-bottom: 12px;
}

.esign-manual-fields .esign-field:last-child[b-7hf3vtsei0] {
    margin-bottom: 0;
}
/* /Components/Shared/Filters/FilterBlank.razor.rz.scp.css */
div.filter-expression[b-ph80iseemq] {
    border: 0;
    margin: 3px;
    border-radius: 3px;
    padding: 3px 5px;
    min-width:280px;
}

div.filter-expression div[b-ph80iseemq] {
    align-content: center;
    margin-left: 7px;
}

.ov-filter-message[b-ph80iseemq] {
    font-size: 0.86em;
}
/* /Components/Shared/Filters/FilterComponent.razor.rz.scp.css */
div.filter-expression[b-7zebz38cx7] {
    border: none;
    padding: 3px 5px;
}
/* /Components/Shared/Filters/FilterConditionComponent.razor.rz.scp.css */
div.filter-condition[b-dyfqwan3m7] {
    display: flex;
    align-items: start; /* Needed to ensure validation message floats beneath top-aligned controls */
    padding: 8px;
}

.selector-element[b-dyfqwan3m7] {
    flex: 0 0 auto;
}

.selector-element.value-input[b-dyfqwan3m7] {
    flex: 0 0 auto;
    width: 13em;
}

.field-select[b-dyfqwan3m7] {
    width: 13em;
}

.operator-select[b-dyfqwan3m7] {
    width: 9em;
}

.operator-select.operator-warning[b-dyfqwan3m7] {
    width: 16em;
}

.ov-form-validation-message[b-dyfqwan3m7] {
    margin: 2px 0 0 0;
    padding: 0;
}

[b-dyfqwan3m7] .rz-dropdown {
    --rz-input-font-size: 0.86em !important;
    --rz-input-height: auto !important;
    --rz-input-line-height: 1.25rem !important;
    --rz-dropdown-trigger-icon-height: 1.2rem !important;
    padding: 5px 8px !important;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
    box-shadow: none !important;
    letter-spacing: normal;
    color: #60646C !important;
    width: 100%;
}

[b-dyfqwan3m7] .rz-dropdown-label {
    text-indent: 0 !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}

[b-dyfqwan3m7] .rz-dropdown-trigger .rzi {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

[b-dyfqwan3m7] .rz-dropdown-trigger .rzi-chevron-down::before {
    content: 'keyboard_arrow_down' !important;
    font-weight: 350 !important;
    color: var(--ov-black) !important;
}

[b-dyfqwan3m7] .ov-filter-placeholder-input {
    --rz-input-font-size: 0.86em !important;
    --rz-input-height: auto !important;
    --rz-input-line-height: 1.25rem !important;
    padding: 5px 8px !important;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
    box-shadow: none !important;
    color: #60646C !important;
    width: 100%;
}

[b-dyfqwan3m7] .OVButton {
    color: #60646C !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* /Components/Shared/Filters/FilterExpressionComponent.razor.rz.scp.css */
div.filter-expression[b-bqvjwg3lkv] {
    border: 0;
    padding: 0;
}

/* Root level: no background or border */
div.filter-expression.depth-root[b-bqvjwg3lkv] {
    padding: 0;
}

/* Even depth subtrees (2, 4, 6, ...) */
div.filter-expression.depth-even[b-bqvjwg3lkv] {
    background: #F9F9FB;
    border: none;
    border-radius: 6px;
    padding: 6px 8px;
}

/* Odd depth subtrees (3, 5, 7, ...) */
div.filter-expression.depth-odd[b-bqvjwg3lkv] {
    background: #FFFFFF;
    border: 1px solid #CDCED6;
    border-radius: 6px;
    padding: 6px 8px;
}

/* Left border tracking line connecting sibling booleans */
.filter-logic-group[b-bqvjwg3lkv] {
    border-left: 1px solid #CDCED6;
    margin-left: 16px;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Components/Shared/Filters/FilterLogicComponent.razor.rz.scp.css */
.filter-logic[b-qs355h746z] {
    display: flex;
    align-items: flex-start;
}

.operator-select[b-qs355h746z] {
    width: 14em;
    padding: 14px 8px 8px 8px;
}

.filter-expression[b-qs355h746z] {
    width: 100%;
}

[b-qs355h746z] .rz-dropdown {
    --rz-input-font-size: 0.86em !important;
    --rz-input-height: auto !important;
    --rz-input-line-height: 1.25rem !important;
    --rz-dropdown-trigger-icon-height: 1.2rem !important;
    padding: 5px 8px !important;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
    box-shadow: none !important;
    letter-spacing: normal;
    color: #60646C !important;
    width: 100%;
}

[b-qs355h746z] .rz-dropdown-label {
    text-indent: 0 !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}

[b-qs355h746z] .rz-dropdown-trigger .rzi {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

[b-qs355h746z] .rz-dropdown-trigger .rzi-chevron-down::before {
    content: 'keyboard_arrow_down' !important;
    font-weight: 350 !important;
    color: var(--ov-black) !important;
}

[b-qs355h746z] .rz-button {
    padding: 5px;
}

[b-qs355h746z] .rz-button-box {
    height: 1.25rem;
}
/* /Components/Shared/Filters/FilterParameterComponent.razor.rz.scp.css */
.ov-form-validation-message[b-7rdo2va58n] {
    margin: 2px 0 0 0;
    padding: 0;
}

[b-7rdo2va58n] input.rz-textbox {
    --rz-input-font-size: 0.86em !important;
    --rz-input-height: auto !important;
    --rz-input-line-height: 1.25rem !important;
    --rz-dropdown-trigger-icon-height: 1.2rem !important;
    padding: 5px 8px !important;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
    box-shadow: none !important;
    letter-spacing: normal;
    color: #60646C !important;
    width: 100%;
}
/* /Components/Shared/Filters/OVGridFilterComponent.razor.rz.scp.css */
section div:first-child[b-79ss60202w] {
    border-bottom: 1px solid var(--ov-edge);
}

h1[b-79ss60202w] {
    font-size: 0.86em;
    font-weight: normal;
    padding: 0;
    margin: 14px 0 4px 14px;
}

.ov-more-filter-container[b-79ss60202w] {
    padding: 8px 14px 12px 14px;
}

.ov-advanced-filter-container[b-79ss60202w] {
    padding: 0 4px 4px 4px;
}
/* /Components/Shared/Forms/Layouts/CardIndex.razor.rz.scp.css */
.ov-card-index[b-c5ysk8krvv] {
    display: flex;
    height: 100%;
    background: var(--rz-base-200, #f4f4f7);
}

.ov-card-index-rail[b-c5ysk8krvv] {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 8px;
    overflow-y: auto;
    background: var(--rz-card-background-color, #fff);
    border-right: 1px solid var(--rz-border-color, #e4e4e9);
}

.ov-card-index-link[b-c5ysk8krvv] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 0.9rem;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-card-index-link:hover[b-c5ysk8krvv] {
    background: var(--rz-base-300);
}

.ov-card-index-link.active[b-c5ysk8krvv] {
    background: var(--rz-primary-lighter);
    color: var(--rz-primary);
    font-weight: 600;
}

.ov-card-index-body[b-c5ysk8krvv] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-y: auto;
    padding: 16px 16px 40px;
}
/* /Components/Shared/Forms/Layouts/CardIndexItem.razor.rz.scp.css */
.ov-card-index-item[b-loxzaea37o] {
    scroll-margin-top: 12px;
    margin-bottom: 16px;
}

/* A touch more room than RadzenCard's default so nested content (e.g. Financials' outlined
   sub-cards, which use a negative horizontal margin) isn't cramped against the edge. */
[b-loxzaea37o] .rz-card.ov-card-index-card {
    padding: 1.5rem 1.75rem;
}

.ov-card-index-item-header[b-loxzaea37o] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

/* Holds vertical space for a card whose content hasn't loaded yet, so the scroll-spy sees distinct
   cards (rather than a collapsed stack that all reports visible at once and defeats lazy loading). */
.ov-card-index-placeholder[b-loxzaea37o] {
    min-height: 300px;
}
/* /Components/Shared/Forms/Layouts/Simple/SimpleForm.razor.rz.scp.css */
.ov-screen-form[b-j6fbilk5c0] {
    padding: 23px 20px 12px 25px;
}
/* /Components/Shared/Forms/Layouts/Simple/SimpleGroup.razor.rz.scp.css */
[b-27c3c5vm1f] .rz-accordion,
[b-27c3c5vm1f] .rz-accordion-content-wrapper,
[b-27c3c5vm1f] .rz-accordion-content,
[b-27c3c5vm1f] .rz-accordion-header {
    background-color: transparent !important;
}

[b-27c3c5vm1f] .rz-accordion {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 28px !important;
}

[b-27c3c5vm1f] .rz-accordion-header,
[b-27c3c5vm1f] .rz-accordion-header a,
[b-27c3c5vm1f] .rz-accordion-header [role="tab"] {
    color: var(--ov-form-label-text) !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
}

[b-27c3c5vm1f] .rz-accordion-header {
    margin-bottom: 2px !important;
}

[b-27c3c5vm1f] .rz-accordion-header .rzi,
[b-27c3c5vm1f] .rz-accordion-header a .rzi,
[b-27c3c5vm1f] .rz-accordion-header [role="tab"] .rzi {
    font-weight: normal !important;
}

.ov-screen-section-noexpand[b-27c3c5vm1f]  .rz-accordion-header .rzi,
.ov-screen-section-noexpand[b-27c3c5vm1f]  .rz-accordion-header a .rzi,
.ov-screen-section-noexpand[b-27c3c5vm1f]  .rz-accordion-header [role="tab"] .rzi {
    display: none !important;
}

.ov-screen-section-noexpand[b-27c3c5vm1f]  .rz-accordion-header,
.ov-screen-section-noexpand[b-27c3c5vm1f]  .rz-accordion-header a,
.ov-screen-section-noexpand[b-27c3c5vm1f]  .rz-accordion-header [role="tab"] {
    cursor: default !important;
}

[b-27c3c5vm1f] .rz-accordion-content {
    padding: 0 !important;
    margin: 0 !important;
}
/* /Components/Shared/Forms/NoRecordsPlaceholder.razor.rz.scp.css */
.no-records-placeholder-container[b-d5u645hypn] {
    display: flex;
    align-items: center;
    min-height: 250px;
}

.no-records-placeholder[b-d5u645hypn] {
    width: 100%;
    align-items: center;
}

.hex-container[b-d5u645hypn] {
    position: relative;
    min-height: 88px;
}

.hex[b-d5u645hypn] {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.hex-icon[b-d5u645hypn] {
    top: 54% !important;
}

[b-d5u645hypn] .placeholder-title {
    font-size: 1em;
    font-weight: 500;
    color: #344054;
    margin-bottom: 0.5em;
}

[b-d5u645hypn] .placeholder-subtitle {
    font-size: 0.86em;
    font-weight: 400;
    color: #8c8c8c;
}
/* /Components/Shared/Forms/Screen Fields/ScreenLabelComponent.razor.rz.scp.css */
.ov-screen-field-label[b-hrjm2rxlvk] {
    padding-inline-end: var(--rz-input-padding-inline) !important;
}

[b-hrjm2rxlvk] .rz-label {
    padding-inline: 0 !important;
}
/* /Components/Shared/Forms/ScreenFields/ScreenFieldLabel.razor.rz.scp.css */
.ov-sf-label.rz-label[b-1gtktb808q] {
    font-weight: bold;
    padding: 0;
}

/* Read-only labels render muted (was previously anchored on the now-removed ov-sf-value-field wrapper). */
.ov-sf-label--view.rz-label[b-1gtktb808q] {
    color: rgb(97, 100, 107);
}

.ov-sf-required[b-1gtktb808q] {
    margin-left: 2px;
}
/* /Components/Shared/Forms/ScreenFields/ScreenFieldSection.razor.rz.scp.css */
.ov-sf-section-header[b-ua8x6sycew] {
    font-weight: 700;
    border-bottom: 1px solid #D9D9E0;
    margin-bottom: 14px;
    padding-bottom: 0.25rem;
    color: var(--ov-text);
}
/* /Components/Shared/Forms/ScreenFields/ScreenFieldValue.razor.rz.scp.css */
.ov-sf-value[b-nk2nzce4lw] {
    display: block;
    color: var(--ov-text);
    word-break: normal;
    overflow-wrap: break-word;
    min-height: 1.5rem;
}

.ov-sf-no-value[b-nk2nzce4lw] {
    color: #c9cbcf;
    font-style: italic;
}
/* /Components/Shared/Forms/ScreenView.razor.rz.scp.css */
.ov-screen-form-pane[b-o6rdqf1ay5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.ov-screen-form-title-bar[b-o6rdqf1ay5] {
    text-align: right;
    padding: 0 45px 0 25px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 15px;
    border-bottom: 1px solid var(--ov-edge-soft);
    background: transparent;
    height: 3.9em;
    align-content: center;
}

.ov-screen-form-wrapper[b-o6rdqf1ay5] {
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0;
}

.ov-screen-form-submit-bar[b-o6rdqf1ay5] {
    text-align: right;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    gap: 15px;
    border-top: 1px solid var(--ov-edge-soft);
    padding: 0 45px 0 25px;
    height: 3.9em;
    align-content: center;
    margin: 0;
}
/* /Components/Shared/Grids/ActionBar.razor.rz.scp.css */
.ov-action-bar[b-zqbhfrx0hu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.ov-action-bar[b-zqbhfrx0hu]  .ov-grid-button .rz-button {
    border: none;
    box-shadow: none;
    background: transparent !important;
    padding: 4px 8px;
    border-radius: 4px;
}

.ov-action-bar[b-zqbhfrx0hu]  .ov-grid-button:hover .rz-button {
    background: transparent !important;
}

.ov-action-bar[b-zqbhfrx0hu]  .ov-grid-button:hover .rz-button:not(:disabled) {
    background-color: #F0F0F3 !important;
}

.ov-action-bar[b-zqbhfrx0hu]  .ov-grid-button .rz-button-text-container {
    min-width: auto !important;
}

.ov-action-bar[b-zqbhfrx0hu]  .ov-grid-button .rz-button-text {
    color: var(--ov-primary) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.ov-action-bar[b-zqbhfrx0hu]  .ov-grid-button .rzi {
    color: var(--ov-primary) !important;
}

/* When secondary buttons are present, regular (non-primary, non-secondary) buttons use dark text instead of primary */

.ov-action-bar-has-secondary[b-zqbhfrx0hu]  .ov-grid-button .rz-button-text {
    color: var(--ov-black) !important;
}

.ov-action-bar-has-secondary[b-zqbhfrx0hu]  .ov-grid-button .rzi {
    color: var(--ov-black) !important;
}

/* Secondary action buttons: gray filled with dark foreground */

.ov-action-bar-secondary[b-zqbhfrx0hu]  .ov-grid-button .rz-button {
    background-color: #F1F1F3 !important;
    padding: 0 15px 0 10px;
    border-radius: var(--rz-border-radius-2) !important;
}

.ov-action-bar-secondary.ov-action-bar-secondary-no-icon[b-zqbhfrx0hu]  .ov-grid-button .rz-button {
    padding: 0 13px 0 13px;
}

.ov-action-bar-secondary[b-zqbhfrx0hu]  .ov-grid-button:hover .rz-button {
    background-color: #F1F1F3 !important;
}

.ov-action-bar-secondary[b-zqbhfrx0hu]  .ov-grid-button:hover .rz-button:not(:disabled) {
    background-color: #F1F1F3 !important;
}

.ov-action-bar-secondary[b-zqbhfrx0hu]  .ov-grid-button .rz-button-text {
    color: var(--ov-black) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.ov-action-bar-secondary[b-zqbhfrx0hu]  .ov-grid-button .rzi {
    color: var(--ov-black) !important;
}

/* Primary action buttons: dark-colored with white foreground */

.ov-action-bar-primary[b-zqbhfrx0hu]  .ov-grid-button .rz-button {
    background-color: var(--ov-primary) !important;
    padding: 0 15px 0 10px;
    border-radius: var(--rz-border-radius-2) !important;
}

.ov-action-bar-primary.ov-action-bar-primary-no-icon[b-zqbhfrx0hu]  .ov-grid-button .rz-button {
    padding: 0 13px 0 13px;
}

.ov-action-bar-primary[b-zqbhfrx0hu]  .ov-grid-button:hover .rz-button {
    background-color: var(--ov-primary) !important;
}

.ov-action-bar-primary[b-zqbhfrx0hu]  .ov-grid-button:hover .rz-button:not(:disabled) {
    background-color: var(--ov-primary) !important;
}

.ov-action-bar-primary[b-zqbhfrx0hu]  .ov-grid-button .rz-button-text {
    color: var(--ov-white) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.ov-action-bar-primary[b-zqbhfrx0hu]  .ov-grid-button .rzi {
    color: var(--ov-white) !important;
}
/* /Components/Shared/Grids/ActionDropdown.razor.rz.scp.css */
.ov-action-dropdown[b-9dfnxghsww]  .ov-grid-button .rz-button {
    border: none;
    box-shadow: none;
    background: transparent !important;
    padding: 4px 8px;
    border-radius: 4px;
}

.ov-action-dropdown[b-9dfnxghsww]  .ov-grid-button:hover .rz-button {
    background: transparent !important;
}

.ov-action-dropdown[b-9dfnxghsww]  .ov-grid-button:hover .rz-button:not(:disabled) {
    background-color: transparent !important;
}

.ov-action-dropdown[b-9dfnxghsww]  .ov-grid-button .rz-button-text-container {
    min-width: auto !important;
}

.ov-action-dropdown[b-9dfnxghsww]  .ov-grid-button .rz-button-text {
    color: var(--ov-primary) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.ov-action-dropdown[b-9dfnxghsww]  .ov-grid-button .rzi {
    color: var(--ov-primary) !important;
}
/* /Components/Shared/Grids/BasicFilterDropdown.razor.rz.scp.css */
.basic-filter-dropdown-frame[b-togha4i6wn] {
    border: 1.5px solid var(--ov-edge-soft);
    box-sizing: border-box;
    border-radius: var(--rz-border-radius-3);
    overflow: clip;
    position: relative;
    background: var(--rz-panel-background-color) !important;
}
/* /Components/Shared/Grids/BatchNumberFilterDropdown.razor.rz.scp.css */
.batch-filter-content[b-i9sutoroka] {
    min-width: 540px;
    padding: 8px;
}

.batch-filter-loading[b-i9sutoroka] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
}

.batch-filter-empty[b-i9sutoroka] {
    font-size: 13px;
    padding: 12px 16px;
    color: #6b7280;
    white-space: nowrap;
}

[b-i9sutoroka] .basic-filter-dropdown-frame {
    padding: 0;
}

[b-i9sutoroka] .rz-datatable {
    border: none !important;
}

[b-i9sutoroka] .rz-data-grid {
    --rz-grid-header-color: #60646C !important;
    --rz-grid-header-font-size: 0.86em !important;
    --rz-grid-header-font-weight: 700 !important;
    --rz-grid-cell-font-size: var(--rz-body-font-size) !important;
}

[b-i9sutoroka] .rz-data-grid {
    border-bottom: 0.666667px solid var(--ov-edge-soft) !important;
    text-align: left;
}

[b-i9sutoroka] .rz-data-grid th {
    border-bottom: 0.666667px solid var(--ov-edge-soft) !important;
    text-align: left;
}

/* Compensate for Radzen bug that doesn't align header/content properly (only works out-of-the-box for grids with filtering/sort) */
[b-i9sutoroka] .rz-grid-table thead th .rz-column-title,
[b-i9sutoroka] .rz-grid-table td {
    padding-left: 14px !important;
    padding-right: 14px !important;
}
/* /Components/Shared/Grids/DateRangePicker.razor.rz.scp.css */
.date-range-picker-container[b-6kg1x4hs47] {
    background: var(--rz-base-background-color, white);
    border: 1px solid #E8E8EC;
    border-radius: 12px;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.date-range-picker-container > div[b-6kg1x4hs47] {
    padding: 16px;
}

.date-range-presets[b-6kg1x4hs47] {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid var(--rz-border-color, #e0e0e0);
}

[b-6kg1x4hs47] .date-range-presets .rz-button-text {
    text-transform: none;
    font-weight: 500;
}

/* Active/selected preset button */
[b-6kg1x4hs47] .date-range-presets .preset-active {
    background-color: #F6FAFF !important;
    border-color: #76A6FF !important;
}

[b-6kg1x4hs47] .date-range-presets .preset-active .rz-button-text {
    color: #2563EB !important;
    font-weight: 600;
}

.date-range-calendars[b-6kg1x4hs47] {
    display: flex;
    gap: 16px;
}

.date-range-actions[b-6kg1x4hs47] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--rz-border-color, #e0e0e0);
}

/* Range highlighting - dates between start and end */
[b-6kg1x4hs47] .date-in-range {
    background-color: var(--rz-secondary-lighter, rgba(51, 133, 255, 0.12)) !important;
    border-radius: 0 !important;
}

/* Start date */
[b-6kg1x4hs47] .date-range-start {
    background-color: var(--rz-primary, #3385ff) !important;
    color: var(--rz-on-primary, white) !important;
    border-radius: 50% 0 0 50% !important;
    box-shadow: unset !important;
}

/* End date */
[b-6kg1x4hs47] .date-range-end {
    background-color: var(--rz-primary, #3385ff) !important;
    color: var(--rz-on-primary, white) !important;
    border-radius: 0 50% 50% 0 !important;
    box-shadow: unset !important;
}

/* When start and end are the same date */
[b-6kg1x4hs47] .date-range-start.date-range-end {
    border-radius: 50% !important;
}

[b-6kg1x4hs47] .rz-datepicker
{
    border: none;
}

[b-6kg1x4hs47] .rz-button.rz-variant-outlined.rz-shade-default {
    border: 1px solid #E0E1E6 !important;
}
[b-6kg1x4hs47] .rz-button.rz-variant-outlined.rz-shade-default .rz-button-text {
    color: #60646C !important;
}
[b-6kg1x4hs47] .rz-button.rz-variant-outlined.rz-primary.rz-shade-default
{
    box-shadow: unset !important;
}
[b-6kg1x4hs47] .rz-button.rz-button-md.rz-variant-filled.rz-base.rz-shade-default .rz-button-text {
    color: var(--ov-primary) !important;
}

[b-6kg1x4hs47] .rz-button.rz-button-md.rz-variant-filled.rz-base.rz-shade-default {
    background-color: #EFF2FB !important;
}
/* /Components/Shared/Grids/FilterDropdown.razor.rz.scp.css */
.ov-dropdown-menu-frame[b-t3p32jde9k] {
    border: 1.5px solid var(--ov-edge-soft);
    box-sizing: border-box;
    border-radius: var(--rz-border-radius-3);
    overflow: clip;
    position: relative;
    background: var(--rz-panel-background-color) !important
}

[b-t3p32jde9k] .rz-tabview-nav {
    background-color: var(--ov-panel);
    color: var(--ov-panel-text);
}

[b-t3p32jde9k] .rz-tabview-title {
    text-transform:none;
}

.dropdown-title[b-t3p32jde9k] {
    color: var(--ov-sf-listview-text-color);
    font-size: 16px;
    height: 42px;
    margin: 0 9px 0 14px;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 0 10px;
}

.dropdown-title[b-t3p32jde9k]  .rz-button-icon-left,
.dropdown-title[b-t3p32jde9k]  .rz-button-box .rzi {
    background-color: var(--ov-toolbar-white) !important;
    color: var(--ov-text) !important;
}

.dropdown-title[b-t3p32jde9k]  .rz-button:hover,
.dropdown-title[b-t3p32jde9k]  .rz-button:hover .rz-button-icon-left,
.dropdown-title[b-t3p32jde9k]  .rz-button:hover .rz-button-box .rzi {
    background-color: var(--ov-toolbar-white-hover) !important;
}

[b-t3p32jde9k] .rz-tabview-nav > li {
    padding-left:25px;
    padding-right:25px;
}

[b-t3p32jde9k] .rz-tabview-panel {
    padding: 0;
}

.ov-filter-dropdown-frame[b-t3p32jde9k] {
    max-height: 320px;
    overflow-y: scroll;
}
/* /Components/Shared/Grids/GridButton.razor.rz.scp.css */
[b-3sg1ghgkeg] .rz-button-text {
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    color: var(--ov-primary) !important;
    box-shadow: none !important;
    font-weight: 500;
}

[b-3sg1ghgkeg] .rz-variant-filled .rz-button-text {
    color: var(--ov-primary) !important;
    font-weight: 500;
}

.rz-variant-flat .rz-button-text[b-3sg1ghgkeg] {
    color: var(--ov-white) !important;
}

[b-3sg1ghgkeg] .rzi {
    color: var(--ov-grid-dropdown-text) !important;
}
.ov-icon-button[b-3sg1ghgkeg]  .rz-button {
    padding-left: 0;
    padding-right: 0;
}

.ov-icon-button[b-3sg1ghgkeg]  .rz-button-text {
    width: 2.25rem;
}

.ov-grid-button.ov-grid-button-close-enabled[b-3sg1ghgkeg]  .rz-button.rz-variant-outlined {
    border-color: #76A6FF !important;
    background-color: #F6FAFF !important;
}

[b-3sg1ghgkeg] .ov-grid-button-dropdown-arrow {
    --rz-icon-weight: 350;
    --rz-icon-size: 1.2rem !important;
    font-size: var(--rz-icon-size) !important;
}

[b-3sg1ghgkeg] .ov-grid-button-dropdown-arrow.rzi {
    padding-right: 8px !important;
}

.ov-grid-button-dropdown-arrow-container[b-3sg1ghgkeg] {
    position: relative;
    left: 5px;
    padding-left: 0px;
    transition: padding-left 0.2s ease;
}

.ov-grid-button-dropdown-arrow-container.ov-grid-button-close-enabled[b-3sg1ghgkeg] {
    padding-left: 21px;
}

[b-3sg1ghgkeg] .ov-grid-button-close {
    display: none !important;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    right: 31px;
    height: 100%;
    top: 50%;
    margin: 0 !important;
    padding: 2px !important;
    text-align: center !important;
    transform: translateY(-50%);
    min-width: unset !important;
    width: 20px !important;
    --ov-text: #60646C !important;
    --rz-icon-size: 8px !important;
    z-index: 1;
    cursor: pointer;
    transition: opacity 0.2s ease-in;
}

[b-3sg1ghgkeg] .ov-grid-button-close.ov-grid-button-close-enabled {
    display: block !important;
    opacity: 1;
}

[b-3sg1ghgkeg] .ov-grid-button-close.ov-grid-button-close-no-arrow {
    right: 7px;
}

[b-3sg1ghgkeg] .ov-grid-button-close:hover {
    --ov-text: var(--ov-black) !important;
}

.ov-grid-button[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button,
.ov-grid-button[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button:hover,
.ov-grid-button[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button:active,
.ov-grid-button[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button:focus,
.ov-grid-button[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button,
.ov-grid-button:hover[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button,
.ov-grid-button:active[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button,
.ov-grid-button:focus[b-3sg1ghgkeg]  .ov-grid-button-close.rz-button {
    background-color: transparent !important;
}

[b-3sg1ghgkeg] .ov-grid-button-close .rzi {
    font-weight: 600 !important;
    font-size: 1em !important;
}
/* /Components/Shared/Grids/GridDropdown.razor.rz.scp.css */
[b-niq5nar8me] .rz-button-box {
    gap: 0 !important;
}

[b-niq5nar8me] .rz-button-text-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
/* /Components/Shared/Grids/NumberRangeFilterDropdown.razor.rz.scp.css */
.text-range-picker-container[b-zk6nxdewrt] {
    background: var(--rz-base-background-color, white);
    border: 1px solid #E8E8EC;
    border-radius: 12px;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    min-width: 240px;
}

.text-range-picker-container > div[b-zk6nxdewrt] {
    padding: 16px;
    display: flex;
}

.text-range-inputs[b-zk6nxdewrt] {
    display: flex;
    gap: 16px;
}

.text-range-actions[b-zk6nxdewrt] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--rz-border-color, #e0e0e0);
}

.text-range-picker-footer[b-zk6nxdewrt] {
    border-top: 1px solid var(--rz-border-color, #e0e0e0);
}

[b-zk6nxdewrt] .rz-button.rz-variant-outlined.rz-shade-default {
    border: 1px solid #E0E1E6 !important;
}

    [b-zk6nxdewrt] .rz-button.rz-variant-outlined.rz-shade-default .rz-button-text {
        color: #60646C !important;
    }

[b-zk6nxdewrt] .rz-button.rz-variant-outlined.rz-primary.rz-shade-default {
    box-shadow: unset !important;
}

[b-zk6nxdewrt] .rz-button.rz-button-md.rz-variant-filled.rz-base.rz-shade-default .rz-button-text {
    color: var(--ov-primary) !important;
}

[b-zk6nxdewrt] .rz-button.rz-button-md.rz-variant-filled.rz-base.rz-shade-default {
    background-color: #EFF2FB !important;
}
/* /Components/Shared/Grids/OVGrid.razor.rz.scp.css */
/* This removed the dropdown button from SplitButton */
/*     .rz-navigation-item-icon-children  - this is the official way that doesn't work   */
[b-i128cgry87] .rz-button.rz-splitbutton-menubutton {
    /* This way does work */
    display: none;
}

[b-i128cgry87] .rz-button.rz-button-icon-only {
    /* This way does work */
    border-radius: 3px !important;
}

[b-i128cgry87] .ov-grid-hide-tray .e-pager {
    /* When pager hidden, hide entire tray to simplify display and save space */
    display: none !important;
}

.ov-grid-container[b-i128cgry87] {
    background-color: var(--rz-dialog-background-color);
}

.ov-grid-container.ov-grid-border-enabled[b-i128cgry87] {
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-3) !important;
    overflow: hidden !important;
}

article h1[b-i128cgry87] {
    font-size: 1.4em;
    margin: 0;
    padding: 0;
    color: var(--rz-text) !important;
}

hr[b-i128cgry87] {
    box-sizing: border-box;
    color: var(--ov-text);
    border-color: var(--ov-text);
    background-color: var(--ov-text);
    border-width: 2px;
    height: 2px;
    margin: 0;
    padding: 0;
    opacity: 1;
}

/* Match the Syncfusion boundary for display on mobile. */
@media (max-width: 769px) {
    [b-i128cgry87] .e-pager {
        padding: 0 !important;
    }
}

.ov-grid-header-top[b-i128cgry87] {
    padding: 7px 0;
    border-bottom: 1px solid var(--ov-edge) !important;
}

.ov-grid-header-bottom[b-i128cgry87] {
    padding: 16px 0 0 0;
}

.ov-grid-container.ov-grid-border-enabled .ov-grid-header-top[b-i128cgry87],
.ov-grid-container.ov-grid-border-enabled .ov-grid-header-bottom[b-i128cgry87] {
    padding-left: 16px;
    padding-right: 16px;
}

[b-i128cgry87] .rz-form-field-content {
    height: 2.32rem;
    margin-top: 0;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
}

[b-i128cgry87] .rz-form-field-start {
    --rz-icon-size: 1.25rem !important;
    padding-inline-start: 8px !important;
}

[b-i128cgry87] .rz-form-field-content .rz-textbox {
    max-width: 13.2rem;
    padding-inline: 8px 12px;
}

[b-i128cgry87] .e-grid .e-groupdroparea {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: auto !important;
    font-size: 0.86rem !important;
    line-height: 3.4rem !important;
    min-height: 3.4rem !important;
    border: none !important;
    border-radius: var(--rz-border-radius-2) !important;
    background-color: var(--ov-grid-highlight-soft) !important;
    background-image: linear-gradient(to right, var(--ov-edge) 50%, transparent 50%), linear-gradient(to right, var(--ov-edge) 50%, transparent 50%), linear-gradient(to bottom, var(--ov-edge) 50%, transparent 50%), linear-gradient(to bottom, var(--ov-edge) 50%, transparent 50%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 6px 1px, 6px 1px, 1px 6px, 1px 6px;
    color: #60646C !important;
}

[b-i128cgry87] .e-grid .e-groupdroparea:not(.e-grouped) {
    font-size: 0 !important;
}

[b-i128cgry87] .e-grid .e-groupdroparea:not(.e-grouped)::after {
    content: "Drag a column header here to group by column";
    font-size: 0.86rem;
    color: #60646C;
}

[b-i128cgry87] .e-grid .e-groupdroparea.e-hover {
    background-color: transparent !important;
}

.ov-grid-container.ov-grid-border-enabled[b-i128cgry87]  .e-grid .e-groupdroparea {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.ov-grid-container.ov-grid-border-enabled[b-i128cgry87]  .e-grid .e-gridpager {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

[b-i128cgry87] .e-grid .e-tableborder {
    border-width: 0 !important;
}

[b-i128cgry87] .e-grid .e-toolbar {
    min-height: 0 !important;
}

[b-i128cgry87] .e-grid {
    border-width: 0;
}

[b-i128cgry87] .e-grid .e-gridheader {
    border-width: 0;
    border-bottom-width: 1px;
}

[b-i128cgry87] .e-headertext {
    color: #60646C !important;
    font-weight: 700 !important;
    font-size: 0.86em !important;
}

[b-i128cgry87] .e-grid .e-headercontent {
    border-right-width: 0 !important;
}

[b-i128cgry87] .e-grid .e-headercelldiv {
    border: 0 none;
    display: block;
    font-weight: 700;
    line-height: 30px;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    text-align: left;
    text-transform: none;
    user-select: none;
    color: #60646C;
}

[b-i128cgry87] .e-grid .e-rowcell {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
}

[b-i128cgry87] .e-grid .e-content colgroup:has(~ tbody tr:first-of-type td .no-records-placeholder) col:first-of-type {
    width: 100% !important;
}

[b-i128cgry87] .e-grid .e-content colgroup:has(~ tbody tr:first-of-type td .no-records-placeholder) col:not(:first-of-type) {
    display: none !important;
    width: 0 !important;
}

[b-i128cgry87] .e-grid .e-sortfilterdiv {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    width: 1.2em !important;
    height: 1.2em !important;
    margin: 0 !important;
    padding: 1px !important;
}

[b-i128cgry87] .e-grid .e-sortfilterdiv .e-icon-ascending,
[b-i128cgry87] .e-grid .e-sortfilterdiv .e-icon-descending {
    color: #60646C !important;
}

[b-i128cgry87] .e-grid .e-sortnumber {
    position: absolute !important;
    right: 1.5em !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    width: 1.2em !important;
    height: 1.2em !important;
    font-size: 0.86em !important;
    line-height: 1em !important;
    margin: 0 !important;
}

[b-i128cgry87] .e-grid.e-resize-lines .e-headercell .e-rhandler {
    border-right-color: transparent;
}

.ov-grid-loading-message[b-i128cgry87] {
    font-size: var(--ov-sf-grid-font-size);
    font-family: var(--ov-sf-grid-font-family);
    color: var(--ov-sf-grid-rowcell-color);
    line-height: 22px;
    padding: 0.7em;
}

[b-i128cgry87] .e-grid .e-headercelldiv {
    overflow: visible !important;
}

[b-i128cgry87] .e-grid .e-checkbox-wrapper .e-frame.e-icons {
    color: white !important;
}

/* set grid checkbox CONTAINER size - match checkbox size */
[b-i128cgry87] .e-grid .e-rowcell.e-gridchkbox .e-checkbox-wrapper,
[b-i128cgry87] .e-grid .e-headercell .e-checkbox-wrapper {
    width: 18px !important;
    height: 18px !important;
}

/* set grid checkbox size, line-height to vertically align check icon in box */
[b-i128cgry87] .e-frame.e-icons.e-check,
[b-i128cgry87] .e-frame.e-icons.e-uncheck,
[b-i128cgry87] .e-frame.e-icons.e-stop,
[b-i128cgry87] .e-checkbox-wrapper .e-frame {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 16px !important;
}

/* disable default blue border around focused/active cell */
[b-i128cgry87] .e-rowcell.e-active,
[b-i128cgry87] .e-rowcell.e-focused,
[b-i128cgry87] .e-headercell.e-active,
[b-i128cgry87] .e-headercell.e-focused,
[b-i128cgry87] .e-grid.e-focused,
[b-i128cgry87] .e-groupcaption.e-focused,
[b-i128cgry87] .e-groupdroparea.e-focused {
    box-shadow: none !important;
}

/* group drop area pills */
[b-i128cgry87] .e-groupdroparea .e-grid-icon.e-groupheadercell {
    background-color: #FFFFFF !important;
    border: 1px solid #E0E1E6;
    border-radius: 6px;
    margin-top: 7px;
    margin-bottom: 0;
}
[b-i128cgry87] .e-groupdroparea .e-grid-icon.e-groupheadercell .e-grouptext {
    color: var(--ov-text);
    font-size: 0.86em;
    font-weight: 400;
}
[b-i128cgry87] .e-groupdroparea .e-grid-icon.e-groupheadercell .e-icons {
    color: var(--ov-text);
    font-size: 12px;
    font-weight: 700;
}
[b-i128cgry87] .e-groupdroparea .e-groupheadercell .e-groupsort.e-icons.e-icon-ascending {
    transform: rotate(180deg);
}
[b-i128cgry87] .e-groupdroparea {
    padding-left: 6px !important;
    padding-right: 6px !important;
}
[b-i128cgry87] .e-groupdroparea .e-groupheadercell .e-groupsort.e-icons {
    margin-left: 0;
    margin-right: 8px;
}
[b-i128cgry87] .e-groupdroparea .e-groupheadercell .e-ungroupbutton {
    margin-right: 8px;
}
[b-i128cgry87] .e-groupdroparea .e-groupheadercell .e-icons.e-focused,
[b-i128cgry87] .e-groupdroparea .e-groupheadercell .e-icons.e-active {
    box-shadow: none !important;
}

/* --- Group row borders --- */

/* Reset: remove all default borders from group caption row cells */
[b-i128cgry87] .e-grid .e-groupcaptionrow td {
    border-width: 0 !important;
}

/* --- Expand/collapse icons: expanded=up, collapsed=down --- */

/* Expanded: rotate down-arrow glyph 180deg to point upward */
[b-i128cgry87] .e-grid .e-icon-gdownarrow::before {
    display: inline-block;
    transform: rotate(180deg);
}

/* Collapsed: replace right-arrow glyph with down-arrow glyph */
[b-i128cgry87] .e-grid .e-icon-grightarrow::before {
    content: '\e729' !important;
}

/* --- Row and group background: white --- */
[b-i128cgry87] .e-grid .e-rowcell {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    background-color: #FFFFFF !important;
}

.ov-grid-cell-highlight-hidden[b-i128cgry87]  .e-grid td.e-rowcell.e-focus.e-focused {
    box-shadow: none;
}

.ov-grid-cell-highlight-hidden[b-i128cgry87]  .e-grid th.e-headercell.e-focus.e-focused {
    box-shadow: none;
}

.ov-grid-total-container[b-i128cgry87] {
    height: 2.25rem;
    line-height: 2.25rem;
}

@media (width < 580px) {
    .ov-grid-total-container[b-i128cgry87] {
        display: none
    }
}

/* 'Pill column colors' Most still need actual colors */
[b-i128cgry87] .pill-column {
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

[b-i128cgry87] .pill-column > div {
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.8em;
    border-radius: 1.3em;
    height: 2.6em;
    min-width: 5em;
    padding: 0 0.8em;
    white-space: nowrap;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

[b-i128cgry87] .light-blue > div {
    /*background-color: #EAEAF9;
    color: #716ADF !important;*/
    background-color: #E4F2FA;
    color: #2A2C2E;
}

[b-i128cgry87] .light-gray > div {
    background-color: #DEDEDD;
    color: #4E4D52 !important;
}

[b-i128cgry87] .yellow > div {
    background-color: #F5EB85;
    color: #4A4728;
}

[b-i128cgry87] .green > div {
    background-color: #87DB87;
    color: #2B452A;
}

[b-i128cgry87] .orange > div {
    background-color: #E8A736;
    color: #38280D;
}

[b-i128cgry87] .gray > div {
    background-color: #C2C2C1;
    color: black;
}

[b-i128cgry87] .red > div {
    background-color: #F5A3A3;
    color: #5C1A1A;
}

[b-i128cgry87] .purple > div {
    background-color: #D0D3F9;
    color: #41424D;
}

/* Inline action buttons */
[b-i128cgry87] .ov-grid-inline-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 100%;
}

[b-i128cgry87] .ov-grid-inline-action-btn {
    padding: 4px !important;
    min-width: 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px !important;
    color: #60646C !important;
}

[b-i128cgry87] .ov-grid-inline-action-btn:hover:not(:disabled) {
    background-color: #E8E8EC !important;
    color: #60646C !important;
}

[b-i128cgry87] .ov-grid-inline-action-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

[b-i128cgry87] .e-grid .e-rowcell.e-templatecell.e-rightfreeze.e-freezerightborder,
[b-i128cgry87] .e-grid .e-headercell.e-centeralign.e-lastcell.e-rightfreeze.e-freezerightborder
{
    border-left-width: 0 !important;
    box-shadow: none !important;
}

/* Restyling of the dropdown buttons so we only affect buttons used within this grid, not elsewhere in the application */

[b-i128cgry87] .ov-grid-button .rz-button {
    padding: 5px 8px 5px 8px;
}

[b-i128cgry87] .ov-grid-button.ov-icon-button .rz-button {
    padding: 5px;
}

[b-i128cgry87] .ov-grid-button .rz-button-text {
    color: #60646C !important;
    font-size: 0.98em;
    font-weight: normal;
    letter-spacing: normal;
}

[b-i128cgry87] .ov-grid-button .rzi {
    color: var(--ov-text) !important;
}

[b-i128cgry87] .ov-grid-button.ov-icon-button .rzi {
    color: #60646C !important;
}

[b-i128cgry87] .ov-grid-button .rz-button-text-container {
    flex: 1 1 0;
}

[b-i128cgry87] .ov-grid-button .rz-button-text-container ~ div {
    flex: 0 0 auto;
}

[b-i128cgry87] .ov-grid-button .rz-button-text {
    text-align: left !important;
}

[b-i128cgry87] .ov-grid-button .rz-button.rz-variant-outlined {
    border: 1px solid var(--ov-edge) !important;
    box-shadow: none !important;
}

[b-i128cgry87] .ov-grid-button:hover .rz-button {
    background-color: var(--ov-grid-highlight-soft) !important;
}

[b-i128cgry87] .ov-grid-button .rz-button::before {
    display: none;
}
/* /Components/Shared/Grids/OVGridColumnHeaderEditor.Razor.rz.scp.css */
[b-asw3wjfd3o] .column-header-editor {
    border: none !important;
    border-color: inherit !important;
    border-radius: 1px !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    font-weight: 700 !important;
}

[b-asw3wjfd3o] .column-header-editor input {
    border: none !important;
    border-color: inherit !important;
    border-radius: 1px !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    font-weight: 700 !important;
}

.e-headercelldiv[b-asw3wjfd3o] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* /Components/Shared/Grids/OVGridPager.razor.rz.scp.css */
[b-g3t96yshjc] .e-pagercontainer {
    vertical-align: middle;
    margin: 0;
    border: 0 !important;
}

[b-g3t96yshjc] .e-pager {
    margin: 0;
    padding: 0;
    border: none;
}

[b-g3t96yshjc] .ov-page-gridpager-pagesize-selector div.rz-helper-hidden-accessible {
    display: block !important; /* Needed to counteract sloppy Syncfusion style rule, and restore default styles to Radzen divs */
}

[b-g3t96yshjc] .ov-page-gridpager-pagesize-selector div.rz-dropdown-trigger {
    display: flex !important; /* Needed to counteract sloppy Syncfusion style rule, and restore default styles to Radzen divs */
}

[b-g3t96yshjc] div.ov-page-gridpager-pagesize-selector.rz-dropdown {
    display: flex !important; /* Needed to counteract sloppy Syncfusion style rule, and restore default styles to Radzen divs */
    height: 35px !important;
}

.ov-page-gridpager-bar[b-g3t96yshjc] {
    display: flex;
    flex-direction: row;
    font-size: var(--ov-font-size);
    justify-content: space-between;
    align-items: center;
    gap: 1em;

}

.ov-page-gridpager-left[b-g3t96yshjc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5em;
}

.ov-page-gridpager-pager[b-g3t96yshjc] {
    flex-shrink: 0;
}

.ov-page-gridpager-message[b-g3t96yshjc] {
    color: var(--ov-text);
    flex-shrink: 0;
}

.ov-page-gridpager-pagesize[b-g3t96yshjc] {
    margin-left: 0;
}

[b-g3t96yshjc] .ov-page-gridpager-pagesize-label {
    color: var(--ov-text);
}

[b-g3t96yshjc] .ov-page-gridpager-pagesize-selector {
    --rz-dropdown-trigger-icon-height: 16px;
    width: 64px;
    border-radius: var(--rz-border-radius-1);
}

[b-g3t96yshjc] .ov-page-gridpager-pagesize-selector .rz-dropdown-trigger .rzi-chevron-down::before {
    content: 'keyboard_arrow_down';
    color: #60646C !important;
}

[b-g3t96yshjc] .ov-page-gridpager-pagesize-selector .rz-dropdown-trigger .rzi {
    margin-inline-end: 3px !important;
}

/* Match the Syncfusion boundary for display on mobile. */
@media (max-width: 769px) {
    .ov-page-gridpager-bar[b-g3t96yshjc] {
        gap: 0 !important;
    }

    .ov-page-gridpager-left[b-g3t96yshjc] {
        gap: 0 !important;
        width: 100%;
    }

    .ov-page-gridpager-pager[b-g3t96yshjc] {
        width: 80%;
        overflow: visible;
    }

    [b-g3t96yshjc] .e-pager {
        padding: 0;
        margin: 0;
        width: 100%;
        overflow: visible;
    }

    [b-g3t96yshjc] .e-pager .e-icons {
        height: 60px;
        line-height: 60px;
        padding: 0;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        width: 25%;
        font-size: 12px;
    }

    .ov-page-gridpager-message[b-g3t96yshjc] {
        display: none;
    }

    .ov-page-gridpager-pagesize[b-g3t96yshjc] {
        padding: 0;
        margin: 0;
        width: 20%;
    }

    [b-g3t96yshjc] .ov-page-gridpager-pagesize-selector {
        padding: 0;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        min-width: 4em;
        width: 50%;
    }

    [b-g3t96yshjc] .ov-page-gridpager-pagesize-label {
        display: none;
    }
}

[b-g3t96yshjc] .e-pagercontainer {
    display: flex !important; /* Necessary, otherwise Syncfusion inline-block whitespace throws off horizontal spacing between buttons */
    border: 0;
    font-size: var(--ov-font-size) !important;
}

@media (max-width: 769px) {
    [b-g3t96yshjc] .e-pagercontainer {
        display: none !important; /* Necessary to retain default display of pager for small screen sizes */
    }
}

[b-g3t96yshjc] .e-currentitem {
    background: transparent !important;
    color: var(--ov-link) !important;
}

[b-g3t96yshjc] .e-numericitem,
[b-g3t96yshjc] .e-prev::before,
[b-g3t96yshjc] .e-first::before,
[b-g3t96yshjc] .e-next::before,
[b-g3t96yshjc] .e-last::before,
[b-g3t96yshjc] .e-pp::before,
[b-g3t96yshjc] .e-np::before {
    box-sizing: border-box;
    margin: 0 3px !important;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-1) !important;
    min-width: 31px !important;
}

[b-g3t96yshjc] .e-numericitem {
    vertical-align: top !important;
    color: var(--ov-text) !important;
    margin: 0 3px !important;
    padding: 0 0.75em !important;
    line-height: 35px !important;
    height: 35px !important;
}

[b-g3t96yshjc] .e-prev,
[b-g3t96yshjc] .e-first,
[b-g3t96yshjc] .e-next,
[b-g3t96yshjc] .e-last {
    text-align: center !important;
    vertical-align: top !important;
    padding: 0 !important;
    margin: 0 !important;
}

[b-g3t96yshjc] .e-prev::before,
[b-g3t96yshjc] .e-first::before,
[b-g3t96yshjc] .e-next::before,
[b-g3t96yshjc] .e-last::before {
    text-align: center !important;
    line-height: 32px !important;
    height: 32px !important;
    width: 38px !important;
}

[b-g3t96yshjc] .e-pp,
[b-g3t96yshjc] .e-np {
    position: relative;
    text-align: center !important;
    padding: 0 !important;
    line-height: 32px !important;
    height: 32px !important;
    width: 31px !important;
    visibility: hidden !important;
}

[b-g3t96yshjc] .e-pp::before,
[b-g3t96yshjc] .e-np::before {
    position: absolute;
    content: '\22EF';
    display: block;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 32px !important;
    height: 32px !important;
    width: 31px !important;
    visibility: visible !important;
}

[b-g3t96yshjc] .e-prev:not(.e-disable)::before,
[b-g3t96yshjc] .e-first:not(.e-disable)::before,
[b-g3t96yshjc] .e-next:not(.e-disable)::before,
[b-g3t96yshjc] .e-last:not(.e-disable)::before {
    color: #60646C !important;
}

[b-g3t96yshjc] .e-prev.e-disable::before,
[b-g3t96yshjc] .e-first.e-disable::before,
[b-g3t96yshjc] .e-next.e-disable::before,
[b-g3t96yshjc] .e-last.e-disable::before {
    border: 1px solid var(--ov-edge-soft) !important;
}

[b-g3t96yshjc] .e-prev::before,
[b-g3t96yshjc] .e-next::before {
    font-weight: 700;
}

[b-g3t96yshjc] .e-numericitem:hover,
[b-g3t96yshjc] .e-np:hover::before,
[b-g3t96yshjc] .e-pp:hover::before {
    color: var(--ov-text) !important;
    background-color: var(--ov-grid-highlight-soft) !important;
}

[b-g3t96yshjc] .e-prev:not(.e-disable):hover::before,
[b-g3t96yshjc] .e-first:not(.e-disable):hover::before,
[b-g3t96yshjc] .e-next:not(.e-disable):hover::before,
[b-g3t96yshjc] .e-last:not(.e-disable):hover::before,
[b-g3t96yshjc] .e-pp:hover::before,
[b-g3t96yshjc] .e-np:hover::before {
    color: #60646C !important;
    background-color: var(--ov-grid-highlight-soft) !important;
}

[b-g3t96yshjc] .e-prev:not(.e-disable):hover,
[b-g3t96yshjc] .e-first:not(.e-disable):hover,
[b-g3t96yshjc] .e-next:not(.e-disable):hover,
[b-g3t96yshjc] .e-last:not(.e-disable):hover,
[b-g3t96yshjc] .e-pp:hover,
[b-g3t96yshjc] .e-np:hover {
    color: var(--ov-text) !important;
    background-color: transparent !important;
}

[b-g3t96yshjc] .e-numericitem.e-active:hover {
    color: var(--ov-white) !important;
    background-color: var(--ov-black) !important;
}

[b-g3t96yshjc] .e-numericitem.e-active {
    color: var(--ov-white) !important;
    background-color: var(--ov-black) !important;
    border: 0 !important;
    font-weight: 700 !important;
}

[b-g3t96yshjc] .e-icons {
    border: 0 !important;
}
/* /Components/Shared/Grids/SelectFilterDropdown.razor.rz.scp.css */
.ov-basic-select-filter-empty-placeholder[b-si3x5bztel] {
    font-size: 0.86em;
    min-width: 15em;
    padding: 6px 12px;
}

[b-si3x5bztel] .rz-listbox {
    min-width: 260px;
    max-width: 320px;
}

[b-si3x5bztel] .rz-listbox-header {
    margin: 7px;
    padding: 5px 8px;
    border: 1px solid var(--ov-edge) !important;
    border-radius: var(--rz-border-radius-2) !important;
    --rz-listbox-header-icon-height: 1.25rem !important;
}

.customer-filter-clear-btn[b-si3x5bztel]  .rz-button {
    padding: 2px !important;
    min-width: unset !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--ov-text) !important;
}

.customer-filter-clear-btn[b-si3x5bztel]  .rz-button:hover {
    background-color: var(--ov-grid-highlight-soft) !important;
}

[b-si3x5bztel] .basic-filter-dropdown-frame {
    padding: 0;
}

[b-si3x5bztel] .rz-listbox,
[b-si3x5bztel] .rz-listbox:focus,
[b-si3x5bztel] .rz-listbox:hover,
[b-si3x5bztel] .rz-listbox:active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    max-height: 280px;
    width: 100%;
}

[b-si3x5bztel] .rz-state-highlight:hover,
[b-si3x5bztel] .rz-state-highlight:active:hover,
[b-si3x5bztel] .rz-state-highlight:focus:hover {
    background-color: var(--rz-dropdown-item-hover-background-color) !important;
}

[b-si3x5bztel] .rz-listbox-item {
    padding: 6px 12px;
    font-size: 0.92em;
}

[b-si3x5bztel] .rz-state-highlight,
[b-si3x5bztel] .rz-state-highlight:focus,
[b-si3x5bztel] .rz-state-highlight:active,
[b-si3x5bztel] .rz-state-highlight:hover {
    background-color: transparent !important;
    color: var(--rz-text-color) !important;
}
/* /Components/Shared/Grids/ViewDropdown.razor.rz.scp.css */
.ov-view-dropdown-panel[b-n65tzgn084] {
    min-width: 280px;
    padding: 8px 0;
    font-size: 14px;
    color: var(--ov-text);
    background-color: var(--rz-panel-background-color);
    border: 1.5px solid var(--ov-edge-soft);
    box-sizing: border-box;
    border-radius: var(--rz-border-radius-3);
    overflow: clip;
    position: relative;
    top: 6px;
}

/* Toggle bar */
.ov-view-toggle-bar[b-n65tzgn084] {
    display: flex;
    justify-content: center;
    padding: 8px 16px 12px;
}

.ov-view-toggle[b-n65tzgn084] {
    display: flex;
    border: 1px solid var(--ov-edge-soft);
    border-radius: 6px;
    overflow: hidden;
    background: var(--ov-panel);
}

.ov-view-toggle-btn[b-n65tzgn084] {
    padding: 8px 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    color: var(--ov-text-descriptive);
    transition: background-color 0.15s, color 0.15s;
    line-height: 1.2;
}

.ov-view-toggle-btn:hover[b-n65tzgn084] {
    background: var(--ov-nav-hover);
}

.ov-view-toggle-btn.active[b-n65tzgn084] {
    background: var(--rz-panel-background-color);
    color: var(--ov-text);
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* View list items */
.ov-view-list[b-n65tzgn084] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 210px;
    overflow-y: auto;
}

.ov-view-list-item[b-n65tzgn084] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 20px;
    cursor: pointer;
    transition: background-color 0.1s;
}

.ov-view-list-item:hover[b-n65tzgn084] {
    background: var(--ov-nav-hover);
}

.ov-view-list-item-text[b-n65tzgn084] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-view-list-item-check[b-n65tzgn084] {
    margin-left: 12px;
    font-size: 16px;
    color: var(--ov-text);
    flex-shrink: 0;
}

/* Separator */
.ov-view-separator[b-n65tzgn084] {
    height: 1px;
    background: var(--ov-edge-soft);
    margin: 8px 0;
}

/* Action items */
.ov-view-action-item[b-n65tzgn084] {
    padding: 11px 20px;
    cursor: pointer;
    transition: background-color 0.1s;
}

.ov-view-action-item:hover:not(.disabled)[b-n65tzgn084] {
    background: var(--ov-nav-hover);
}

.ov-view-action-item.disabled[b-n65tzgn084] {
    color: var(--ov-text-disabled);
    cursor: default;
}

/* Column search */
.ov-view-column-search[b-n65tzgn084] {
    display: flex;
    align-items: center;
    margin: 4px 16px 8px;
    padding: 6px 10px;
    border: 1px solid var(--ov-edge-soft);
    border-radius: 6px;
    background: transparent;
}

.ov-view-column-search:focus-within[b-n65tzgn084] {
    border-color: var(--ov-primary);
    box-shadow: 0 0 0 2px var(--ov-glow);
}

[b-n65tzgn084] .ov-view-column-search-icon {
    font-size: 18px !important;
    color: var(--ov-text-descriptive);
    margin-right: 8px;
    flex-shrink: 0;
}

.ov-view-column-search-input[b-n65tzgn084] {
    border: none;
    outline: none;
    flex: 1;
    font-size: 14px;
    background: transparent;
    color: var(--ov-text);
    min-width: 0;
}

.ov-view-column-search-input[b-n65tzgn084]::placeholder {
    color: var(--ov-text-disabled);
}

.ov-view-column-search-clear[b-n65tzgn084] {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--ov-text-descriptive);
    font-size: 13px;
    padding: 0 2px;
    line-height: 1;
    flex-shrink: 0;
}

.ov-view-column-search-clear:hover[b-n65tzgn084] {
    color: var(--ov-text);
}

/* Column list */
.ov-view-columns-list[b-n65tzgn084] {
    max-height: 380px;
    overflow-y: auto;
    padding: 4px 0;
}

.ov-view-column-item[b-n65tzgn084] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
    cursor: pointer;
    transition: background-color 0.1s;
}

.ov-view-column-item:hover[b-n65tzgn084] {
    background: var(--ov-nav-hover);
}

.ov-view-column-name[b-n65tzgn084] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 12px;
}

/* Toggle switch (emulates TaskAddEdit pattern) */
.ov-toggle-switch[b-n65tzgn084] {
    position: relative;
    width: 36px;
    height: 20px;
    display: inline-block;
    flex-shrink: 0;
    cursor: pointer;
    margin: 0;
}

.ov-toggle-switch input[b-n65tzgn084] {
    display: none;
}

.ov-slider[b-n65tzgn084] {
    position: absolute;
    inset: 0;
    background: var(--ov-edge-dark);
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.ov-slider[b-n65tzgn084]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
}

.ov-toggle-switch input:checked + .ov-slider[b-n65tzgn084] {
    background: var(--ov-primary);
}

.ov-toggle-switch input:checked + .ov-slider[b-n65tzgn084]::before {
    transform: translateX(16px);
}
/* /Components/Shared/IconBars/NavItem.razor.rz.scp.css */
/* Rows are plain <a>/<button>/<div>; reset native button/link chrome to a flat full-width row. */
.nav-item[b-bzez9yxyo3] {
    display: block !important;
    width: 100%;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    margin: 0 0 6px 0 !important;
    color: var(--ov-text) !important;
    font: inherit;
    cursor: pointer;
}

.nav-item:hover[b-bzez9yxyo3],
.nav-item-open[b-bzez9yxyo3] {
    background-color: var(--ov-toolbar-white-hover, rgba(0, 0, 0, 0.05)) !important;
}

/* "Coming soon" rows: greyed out and not clickable (no pointer, no hover highlight). */
.nav-item-disabled[b-bzez9yxyo3] {
    cursor: default;
    opacity: 0.5;
}

.nav-item-disabled:hover[b-bzez9yxyo3] {
    background-color: transparent !important;
}

.nav-item-inner[b-bzez9yxyo3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

/* Colour the icon on our own span so it inherits a stable colour and never picks up the link's
   hover colour. */
.nav-item-icon[b-bzez9yxyo3] {
    display: flex;
    flex: 0 0 24px;
    justify-content: center;
    padding-top: 1px;
    font-size: 22px;
    color: var(--ov-text);
}

.nav-item-text[b-bzez9yxyo3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nav-item-title[b-bzez9yxyo3] {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--ov-text);
}

.nav-item-desc[b-bzez9yxyo3] {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--ov-text-descriptive, #7c7c7c);
}

/* Inline flyout (theme / database switcher); capped so a long list scrolls instead of stretching
   the dropdown. */
.nav-item-flyout[b-bzez9yxyo3] {
    margin: 2px 0 8px 36px;
    border-left: 2px solid var(--ov-toolbar-edge, lightgray);
    padding-left: 8px;
    max-height: 260px;
    overflow-y: auto;
}
/* /Components/Shared/IconBars/TopNav.razor.rz.scp.css */
.nav-bar[b-578xqmwhhk] {
    position: relative;
    z-index: 1001;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    min-height: 58px;
}

.nav-logo[b-578xqmwhhk] {
    flex: 0 0 auto;
    display: block;
    width: 150px;
    height: 41px;
    background-image: url("./images/OmniLogo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
}

.nav-triggers[b-578xqmwhhk] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
}

/* Plain buttons — flat, one fixed height so every trigger's hover fill matches (the account button
   is otherwise taller because of its avatar). */
.nav-trigger[b-578xqmwhhk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 14px;
    border: none;
    background: none;
    border-radius: 9px;
    color: var(--ov-text);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.nav-trigger:hover[b-578xqmwhhk],
.nav-trigger-open[b-578xqmwhhk] {
    background-color: var(--ov-toolbar-white-hover, rgba(0, 0, 0, 0.05));
}

.nav-trigger-label[b-578xqmwhhk] {
    font-size: 15px;
    color: var(--ov-text);
}

[b-578xqmwhhk] .nav-trigger .rzi {
    font-size: 22px;
    color: var(--ov-text);
}

.nav-account[b-578xqmwhhk] {
    flex: 0 0 auto;
}

.nav-avatar[b-578xqmwhhk] {
    width: 36px;
    height: 36px;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    flex: 0 0 auto;
}

.nav-avatar-initials[b-578xqmwhhk] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ov-primary, #2563eb);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.nav-account-name[b-578xqmwhhk] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ov-text);
}

/* Invisible click-catcher: clicking anywhere off the bar/panel closes the dropdown. Sits below the
   bar (z 1001) and panel (z 1000) so triggers stay clickable and switch menus without re-closing. */
.nav-backdrop[b-578xqmwhhk] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: transparent;
}

/* Centered under the triggers; top matches the responsive .rz-header height (see _app.scss) so the
   panel sits flush under the header bottom. */
.nav-panel[b-578xqmwhhk] {
    position: fixed;
    top: 62px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 74px);
    overflow: hidden auto;
    background-color: var(--ov-toolbar-background-color, #fff);
    color: var(--ov-text);
    border: 1px solid var(--ov-toolbar-edge, lightgray);
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

.nav-panel-right[b-578xqmwhhk] {
    left: auto;
    right: 12px;
    transform: none;
    width: 380px;
}

.nav-panel-accent[b-578xqmwhhk] {
    height: 6px;
    background-color: var(--ov-primary, #5463ae);
}

.nav-panel-inner[b-578xqmwhhk] {
    display: flex;
    gap: 48px;
    padding: 28px 36px;
}

.nav-group[b-578xqmwhhk] {
    flex: 0 1 auto;
    min-width: 240px;
    max-width: 300px;
}

.nav-group-account[b-578xqmwhhk] {
    min-width: 320px;
    max-width: 340px;
}

.nav-group-title[b-578xqmwhhk] {
    font-size: 16px;
    font-weight: 600;
    color: var(--ov-toolbar-caption, var(--ov-text));
    margin: 0 0 14px 12px;
}

@media (width >= 1150px) {
    .nav-panel[b-578xqmwhhk] {
        top: 81px;
        max-height: calc(100vh - 93px);
    }
}

@media (width < 915px) {
    .nav-trigger-label[b-578xqmwhhk],
    .nav-account-name[b-578xqmwhhk] {
        display: none;
    }

    .nav-logo[b-578xqmwhhk] {
        width: 33px;
        background-image: url("./images/OmniCube.png");
    }
}

@media (width < 760px) {
    .nav-panel-inner[b-578xqmwhhk] {
        flex-direction: column;
        gap: 16px;
        padding: 20px;
    }
}
/* /Components/Shared/Inventory/InventoryFinancials.razor.rz.scp.css */
.outer[b-2d8nbtmbgg] {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f8f9fa;
}

.inner[b-2d8nbtmbgg] {
    margin: 0 -5px;
}

.card-no-shadow[b-2d8nbtmbgg] {
    box-shadow: none !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    padding: 16px;
}

.card-header[b-2d8nbtmbgg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}

    .card-header h3[b-2d8nbtmbgg] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
        color: #333;
    }

.card-body[b-2d8nbtmbgg] {
    font-size: 0.95rem;
    color: #555;
}

.fin-label[b-2d8nbtmbgg] {
    color: rgb(97, 100, 107);
}
/* /Components/Shared/Invoices/InvoiceHeaderEditor.razor.rz.scp.css */
/* Address search input with icon */
.address-search-container[b-9itucmuxk2] {
    position: relative;
    width: 100%;
    cursor: pointer;
}

[b-9itucmuxk2] .address-search-container .rz-textbox,
[b-9itucmuxk2] .address-search-container .rz-textbox input {
    cursor: pointer;
}

[b-9itucmuxk2] .address-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2em;
    color: #6c757d;
}

/* Address preview box - light grey with border radius */
.address-preview-box[b-9itucmuxk2] {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 10px 14px;
    margin-top: 8px;
    font-size: 13px;
    color: #495057;
    line-height: 1.5;
}

/* Container for the editor content */
.invoice-header-editor-container[b-9itucmuxk2] {
    display: flex;
    flex-direction: column;
}
/* /Components/Shared/Invoices/InvoiceLineItemEdit.razor.rz.scp.css */
.edit-line-item-container[b-sa8mlud60v] {
    display: flex;
    flex-direction: column;
}

.section-separator[b-sa8mlud60v] {
    border: none;
    border-top: 1px solid #dee2e6;
    margin: 16px 0;
}
/* /Components/Shared/Invoices/InvoiceLineItemView.razor.rz.scp.css */
/* Order Banner */
.order-banner[b-po2yhxudw7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f0f4ff;
    padding: 12px 20px;
    margin: 12px 0;
    border-radius: 6px;
    width: 100%;
}

/* Field sections */
.section[b-po2yhxudw7] {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.section:last-child[b-po2yhxudw7] {
    border-bottom: none;
}
/* /Components/Shared/Invoices/PrintEmailGrid.razor.rz.scp.css */
[b-cydatzltca] .e-headercelldiv .e-checkbox-wrapper .e-label {
    color: #60646C !important;
    font-weight: 700 !important;
    font-size: 0.86em !important;
    margin-bottom: 2px;
}

/* Print/Email checkbox — header row (select-all + label), inherits font from e-headercelldiv */
.print-email-grid-container[b-cydatzltca]  .pe-header-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* Checkbox wrapper — cursor for clickable area */
.print-email-grid-container[b-cydatzltca]  .pe-header-check .e-checkbox-wrapper,
.print-email-grid-container[b-cydatzltca]  .e-checkbox-wrapper {
    cursor: pointer;
}

/* Slightly larger checkbox than Syncfusion default (14px → 18px) */
.print-email-grid-container[b-cydatzltca]  .e-checkbox-wrapper .e-frame {
    width: 18px;
    height: 18px;
    line-height: 16px;
}

/* Preserve white icon on row hover — grid row hover sets color: #212529 which overrides the icon */
.print-email-grid-container[b-cydatzltca]  .e-checkbox-wrapper .e-frame.e-check,
.print-email-grid-container[b-cydatzltca]  .e-checkbox-wrapper .e-frame.e-stop {
    color: #FFFFFF;
}

/* Email Address textarea styling */
.print-email-grid-container[b-cydatzltca]  .email-input {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff;
    padding: 4px 8px;
    outline: none;
    resize: vertical;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.4;
}

/* Invalid email highlight */
.print-email-grid-container[b-cydatzltca]  .email-input-error {
    border: 2px solid var(--ov-danger) !important;
}

/* Email progress overlay — full-screen centered status card */
.print-email-grid-container[b-cydatzltca]  .email-progress-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.print-email-grid-container[b-cydatzltca]  .email-progress-card {
    text-align: center;
    padding: 32px 48px;
    min-width: 320px;
}

.print-email-grid-container[b-cydatzltca]  .email-progress-title {
    margin: 8px 0 4px;
    font-weight: 600;
}

.print-email-grid-container[b-cydatzltca]  .email-progress-detail {
    margin: 4px 0;
    color: #666;
    font-size: 0.875rem;
}

.print-email-grid-container[b-cydatzltca]  .email-progress-count {
    margin: 4px 0;
    font-weight: 600;
    color: var(--ov-primary);
}
/* /Components/Shared/Location/LocationView.razor.rz.scp.css */
.inv-current-location[b-j3rtvje0ms] {
    border: 2px solid #e9ecef;
    border-radius: 5px;
    width: 100%;
    padding: 6px;
    display: inline-block;
}

[b-j3rtvje0ms] .reset2nd > :nth-child(2) {
    margin-top: 0rem;
}

[b-j3rtvje0ms] .bk-cmp-title {
    font-weight: 800;
    margin-left: 12px;
}

[b-j3rtvje0ms] .apartment-icon {
    background-color: #ffc53d;
    border-radius: 18%;
    padding: 15px;
    font-size: 18px;
    color: black;
}

.map-title[b-j3rtvje0ms] {
    font-size: small;
    font-weight: 700;
    padding-top: 2px;
    padding-bottom: 5px;
}

.last-updated[b-j3rtvje0ms] {
    padding-left: 0px;
    font-size: small;
    color: #60646C
}

.location-name[b-j3rtvje0ms] {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
}

.location-address[b-j3rtvje0ms] {
    font-size: 13px;
    color: #6c757d;
    line-height: 1.4;
}

.contact-info-box[b-j3rtvje0ms] {
    border: 1px solid #ececef;
    background-color: #fcfcfd;
    border-radius: 10px;
    padding: 16px;
    margin-top: 20px;
}

.contact-info-title[b-j3rtvje0ms] {
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 16px;
}

.contact-info-item[b-j3rtvje0ms] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #333;
}

.contact-info-item:last-child[b-j3rtvje0ms] {
    margin-bottom: 0;
}

[b-j3rtvje0ms] .contact-info-icon {
    font-size: 18px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #6c757d;
}



.inv-location-footer[b-j3rtvje0ms] {
    border-top: 1px solid #d6d6d6;
    padding: 1px 8px;
    margin-top: 16px;
    margin-left: -6px;
    margin-right: -6px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
}

.inv-location-details[b-j3rtvje0ms] {
    width: 85%;
    font-size: 13px;
}

.inv-location-label[b-j3rtvje0ms] {
    font-weight: 600;
    color: #555;
}

.inv-location-value[b-j3rtvje0ms] {
    color: #333;
}

.inv-location-edit[b-j3rtvje0ms] {
    font-size: 13px;
    font-weight: 600;
    color: #0d6efd;
    cursor: pointer;
}
/* /Components/Shared/Maps/RouteMapViewer.razor.rz.scp.css */
/* ── RouteMapViewer component styles ── */

.route-map-viewer[b-a2jml3pec9] {
    border: 1px solid var(--ov-edge-soft, #e8e8ec);
    border-radius: 6px;
    overflow: hidden;
    margin: 0.75rem 0;
}

/* ── Address header ── */

.route-map-header[b-a2jml3pec9] {
    display: flex;
    align-items: stretch;
    background: white;
    border-bottom: 1px solid var(--ov-edge-soft, #e8e8ec);
}

.route-map-address[b-a2jml3pec9] {
    flex: 1;
    padding: 12px 16px;
    min-width: 0;
}

.route-map-address.clickable[b-a2jml3pec9] {
    cursor: pointer;
}

.route-map-address.clickable:hover[b-a2jml3pec9] {
    background: #f8f9fb;
}

.route-map-address-label[b-a2jml3pec9] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ov-text-primary, #1c2024);
    margin-bottom: 4px;
}

.route-map-address-name[b-a2jml3pec9] {
    font-size: 14px;
    font-weight: 500;
    color: var(--ov-text-primary, #1c2024);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.route-map-address-detail[b-a2jml3pec9] {
    font-size: 13px;
    color: var(--ov-text-secondary, #60646c);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.route-map-address-placeholder[b-a2jml3pec9] {
    font-size: 14px;
    color: var(--ov-text-secondary, #60646c);
    font-style: italic;
}

.route-map-arrow[b-a2jml3pec9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    flex-shrink: 0;
    background: var(--ov-panel-soft, #f0f0f3);
    border-left: 1px solid var(--ov-edge-soft, #e8e8ec);
    border-right: 1px solid var(--ov-edge-soft, #e8e8ec);
}

[b-a2jml3pec9] .route-map-arrow .rzi {
    font-size: 20px;
    color: var(--ov-text-secondary, #60646c);
}

/* ── Map body ── */

.route-map-body[b-a2jml3pec9] {
    position: relative;
    background: #e8e8ec;
}

.route-map-canvas[b-a2jml3pec9] {
    width: 100%;
    height: 400px;
}

/* ── Route / Drop zone toggle ── */

.route-map-toggle[b-a2jml3pec9] {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    background: var(--ov-panel-soft, #f0f0f3);
    border-radius: 6px;
    overflow: hidden;
}

.route-map-toggle button[b-a2jml3pec9] {
    border: none;
    background: transparent;
    padding: 8px 16px;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    color: var(--ov-text-primary, #1c2024);
    border-radius: 6px;
    transition: background 0.15s, box-shadow 0.15s;
}

.route-map-toggle button.active[b-a2jml3pec9] {
    background: white;
    border: 1px solid var(--ov-edge-soft, #d9d9e0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.route-map-toggle button:not(.active):hover[b-a2jml3pec9] {
    background: rgba(255, 255, 255, 0.5);
}

/* ── Stats overlay ── */

.route-map-stats[b-a2jml3pec9] {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 1;
    display: flex;
    gap: 24px;
    background: white;
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.route-map-stat-label[b-a2jml3pec9] {
    font-size: 14px;
    font-weight: 700;
    color: var(--ov-text-secondary, #60646c);
    margin-bottom: 4px;
}

.route-map-stat-value[b-a2jml3pec9] {
    font-size: 20px;
    color: var(--ov-text-primary, #1c2024);
}

/* ── Empty state ── */

.route-map-empty[b-a2jml3pec9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 24px;
    background: var(--ov-panel-soft, #f8f9fb);
    border-top: 1px solid var(--ov-edge-soft, #e8e8ec);
}

.route-map-empty-text[b-a2jml3pec9] {
    font-size: 14px;
    color: var(--ov-text-secondary, #60646c);
}

/* ── Single-address prompt ── */

.route-map-prompt[b-a2jml3pec9] {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.92);
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 13px;
    color: var(--ov-text-secondary, #60646c);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* ── GPS save actions ── */

.route-map-gps-actions[b-a2jml3pec9] {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 1;
}
/* /Components/Shared/Menus/DropdownMenu.razor.rz.scp.css */
[b-8xfi47l1wf] .e-menu-item {
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
}

.ov-dropdown-menu-frame[b-8xfi47l1wf] {
    background-color: var(--rz-panel-background-color);
    border: 1.5px solid var(--ov-edge-soft);
    box-sizing: border-box;
    border-radius: var(--rz-border-radius-3);
    overflow: clip;
    position: relative;
}

.ov-dropdown-menu-placeholder[b-8xfi47l1wf] {
    cursor: default;
    white-space: nowrap;
    background-color: var(--ov-body);
    padding: 0 44px 0 22px;
}
/* /Components/Shared/Menus/DropdownMenuItems.razor.rz.scp.css */
[b-esdu9u4q1z] .e-menu-item {
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
}
/* /Components/Shared/Menus/FlattenedDropdownMenu.razor.rz.scp.css */
[b-m2jk9cekss] .e-menu-item {
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
}

.ov-dropdown-menu-frame[b-m2jk9cekss] {
    background-color: var(--rz-panel-background-color);
    border: 1.5px solid var(--ov-edge-soft);
    box-sizing: border-box;
    border-radius: var(--rz-border-radius-3);
    overflow: clip;
    position: relative;
}

.ov-dropdown-menu-placeholder[b-m2jk9cekss] {
    cursor: default;
    white-space: nowrap;
    background-color: var(--ov-body);
    padding: 0 44px 0 22px;
}

.ov-dropdown-menu-group-header[b-m2jk9cekss] {
    padding-left: 14px;
    padding-right: 44px;
    font-size: 0.9em;
    font-weight: bold;
    color: var(--ov-text-header-light);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ov-dropdown-menu-group-header.ov-dropdown-no-icons[b-m2jk9cekss] {
    padding-left: 22px;
}
/* /Components/Shared/Menus/SubsetOption.razor.rz.scp.css */
[b-qg9liv5l4s] .ov-select-bar-item-title {
    min-width: 2em;
    color: var(--rz-selectbar-color) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.rz-state-active .ov-select-bar-item-title[b-qg9liv5l4s] {
    color: var(--ov-black) !important;
}

[b-qg9liv5l4s] .ov-select-bar-item-count {
    color: rgb(97, 100, 107) !important;
    font-size: 0.85em !important;
}
/* /Components/Shared/Menus/SubsetSelector.razor.rz.scp.css */
[b-6w6ii2bfh4] .rz-selectbar {
    background-color: var(--ov-toolbar-gray);
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 4px;
    border: none;
    border-radius: 8px !important;
    outline: none;
    box-shadow: none;
}

[b-6w6ii2bfh4] .rz-selectbar .rz-button {
    min-height: 0 !important;
    color: var(--rz-selectbar-color) !important;
    background-color: transparent;
    text-transform: none;
    border: none !important;
    border-radius: 8px !important;
    letter-spacing: normal !important;
    font-weight: 600 !important;
    font-size: var(--rz-body-font-size);
    padding-top: 5px;
    padding-bottom: 5px;
}

/* https://www.syncfusion.com/forums/180558/remove-focus-rectangle */
[b-6w6ii2bfh4] .rz-selectbar .rz-button.rz-state-active {
    background-color: white;
    box-shadow: var(--rz-shadow-1) !important;
    color: var(--rz-selectbar-color) !important;
}
/* /Components/Shared/NavBars/BreadCrumbNav.razor.rz.scp.css */
.breadcrumb[b-bnumz2om4n] {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.breadcrumb-link[b-bnumz2om4n] {
    text-decoration: none;
    color: var(--rz-primary);
}
.breadcrumb.breadcrumb-separator[b-bnumz2om4n] {
    overflow: unset;
}
/* /Components/Shared/NavBars/StatusBadge.razor.rz.scp.css */
.badge-avl[b-740qynpj2j] {
    background-color: #E6F6EB;
    color: #1F7A4A;
    font-weight: 600;
}

.badge-ina[b-740qynpj2j] {
    background-color: #F0F0F3;
    color: #5A5A66;
    font-weight: 600;
}

.badge-lse[b-740qynpj2j] {
    background-color: #FFEFD6;
    color: #9A6A12;
    font-weight: 600;
}

.badge-oos[b-740qynpj2j] {
    background-color: #FFDBDC;
    color: #A1262B;
    font-weight: 600;
}

.badge-pln[b-740qynpj2j] {
    background-color: #FFEE9C;
    color: #8A6D00;
    font-weight: 600;
}

.badge-rtn[b-740qynpj2j] {
    background-color: #E6F4FE;
    color: #1B4F72;
    font-weight: 600;
}

.badge-csor[b-740qynpj2j] {
    background-color: #E6D9FF;
    color: #5A32A3;
    font-weight: 600;
}
/* /Components/Shared/Orders/AssignUnitDrawer.razor.rz.scp.css */
.assign-unit-container[b-pheoh480yz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.assign-unit-grid[b-pheoh480yz] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.assign-unit-status[b-pheoh480yz] {
    flex: 0 0 auto;
}
/* /Components/Shared/Orders/Orders.razor.rz.scp.css */
/* Status badges */
.badge-new[b-d82el580g1] {
    background-color: #E6F6EB; /* New */
    color: #2E7D32; /* dark green for readability */
    font-weight: 600;
}

.badge-act[b-d82el580g1] {
    background-color: #D0F0FD; /* Active */
    color: #0275D8; /* medium blue text */
    font-weight: 600;
}

.badge-asn[b-d82el580g1] {
    background-color: #FFF5CC; /* Advance Shipment Notice */
    color: #CC9900; /* dark yellow text */
    font-weight: 600;
}

.badge-prt[b-d82el580g1] {
    background-color: #FFF0E0; /*  Partially Received Printed */
    color: #E67E22; /* medium orange text */
    font-weight: 600;
}

.badge-lcr[b-d82el580g1] {
    background-color: #E0F7FA; /*  Logistic Carrier Received */
    color: #00796B; /* dark cyan/teal text */
    font-weight: 600;
}

.badge-exd[b-d82el580g1] {
    background-color: #EEF6D6; /*  Executed */
    color: #6B8E23; /* olive green text */
    font-weight: 600;
}

.badge-cls[b-d82el580g1] {
    background-color: #F0F0F3; /*  Closed */
    color: #6C757D; /* medium gray text */
    font-weight: 600;
}

.badge-can[b-d82el580g1] {
    background-color: #FDE2E2; /*  Cancelled */
    color: #C82333; /* dark red text */
    font-weight: 600;
}
/* /Components/Shared/Overlays/OverlayHost.razor.rz.scp.css */
/* A single shared backdrop sits just beneath the top non-closing layer, so the dim is one constant
   opacity regardless of stack depth and fades in/out with the first open / last close. */
.overlay-backdrop[b-8fprb31vnb] {
    position: fixed;
    inset: 0;
    background: #000;
    opacity: 0.5;
    animation: ov-backdrop-in-b-8fprb31vnb 0.2s ease backwards;
}

.overlay-backdrop.closing[b-8fprb31vnb] {
    animation: ov-backdrop-out-b-8fprb31vnb 0.25s ease forwards;
}

@keyframes ov-backdrop-in-b-8fprb31vnb {
    from { opacity: 0; }
}

@keyframes ov-backdrop-out-b-8fprb31vnb {
    to { opacity: 0; }
}

.overlay-layer[b-8fprb31vnb] {
    position: fixed;
}

/* Host-only layer: an invisible mount that paints nothing (a display:none shell). The hosted
   component keeps running and renders its own full-screen surface elsewhere (e.g. a body-rendered SfDialog).
   !important so it beats the mode/placement display rules below regardless of source order — a host-only layer
   also carries the panel/end classes, whose display:flex would otherwise win on equal specificity. */
.overlay-layer.host-only[b-8fprb31vnb] {
    display: none !important;
}

/* ---- Panel (edge-anchored, slides in) ---- */
.overlay-layer.panel[b-8fprb31vnb] {
    display: flex;
}

.overlay-layer.panel.end[b-8fprb31vnb],
.overlay-layer.panel.start[b-8fprb31vnb] {
    top: 0;
    bottom: 0;
    /* Floors at 640px so editors aren't cramped on tablets, relaxes to 50% on wider desktops,
       clamps to full viewport on phones. Openers can still override per-overlay via .Width(). */
    width: var(--overlay-w, min(100%, max(640px, 50%)));
    max-width: 100vw;
}

.overlay-layer.panel.end[b-8fprb31vnb] {
    right: 0;
    animation: ov-panel-in-end-b-8fprb31vnb 0.25s ease backwards;
}

.overlay-layer.panel.end.closing[b-8fprb31vnb] {
    animation: ov-panel-out-end-b-8fprb31vnb 0.25s ease forwards;
}

.overlay-layer.panel.start[b-8fprb31vnb] {
    left: 0;
    animation: ov-panel-in-start-b-8fprb31vnb 0.25s ease backwards;
}

.overlay-layer.panel.start.closing[b-8fprb31vnb] {
    animation: ov-panel-out-start-b-8fprb31vnb 0.25s ease forwards;
}

.overlay-layer.panel.top[b-8fprb31vnb],
.overlay-layer.panel.bottom[b-8fprb31vnb] {
    left: 0;
    right: 0;
    height: var(--overlay-h, 50vh);
}

.overlay-layer.panel.top[b-8fprb31vnb] {
    top: 0;
    animation: ov-panel-in-top-b-8fprb31vnb 0.25s ease backwards;
}

.overlay-layer.panel.top.closing[b-8fprb31vnb] {
    animation: ov-panel-out-top-b-8fprb31vnb 0.25s ease forwards;
}

.overlay-layer.panel.bottom[b-8fprb31vnb] {
    bottom: 0;
    animation: ov-panel-in-bottom-b-8fprb31vnb 0.25s ease backwards;
}

.overlay-layer.panel.bottom.closing[b-8fprb31vnb] {
    animation: ov-panel-out-bottom-b-8fprb31vnb 0.25s ease forwards;
}

@keyframes ov-panel-in-end-b-8fprb31vnb { from { transform: translateX(100%); } }
@keyframes ov-panel-out-end-b-8fprb31vnb { to { transform: translateX(100%); } }
@keyframes ov-panel-in-start-b-8fprb31vnb { from { transform: translateX(-100%); } }
@keyframes ov-panel-out-start-b-8fprb31vnb { to { transform: translateX(-100%); } }
@keyframes ov-panel-in-top-b-8fprb31vnb { from { transform: translateY(-100%); } }
@keyframes ov-panel-out-top-b-8fprb31vnb { to { transform: translateY(-100%); } }
@keyframes ov-panel-in-bottom-b-8fprb31vnb { from { transform: translateY(100%); } }
@keyframes ov-panel-out-bottom-b-8fprb31vnb { to { transform: translateY(100%); } }

/* ---- Dialog (centered, fades/rises in) ---- */
.overlay-layer.dialog[b-8fprb31vnb] {
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    pointer-events: none;
    animation: ov-dialog-in-b-8fprb31vnb 0.2s ease backwards;
}

.overlay-layer.dialog.closing[b-8fprb31vnb] {
    animation: ov-dialog-out-b-8fprb31vnb 0.2s ease forwards;
}

/* The dialog layer is click-through so clicks beside the centered box fall to the backdrop and dismiss;
   re-enable pointer events on the box itself. ::deep because the box (.overlay-chrome) is rendered by the
   child OverlayLayout component — a different isolation scope the plain scoped `> *` selector can't reach,
   which left dialogs fully click-through (every click hit the backdrop and closed them). */
.overlay-layer.dialog[b-8fprb31vnb]  > * {
    pointer-events: auto;
}

@keyframes ov-dialog-in-b-8fprb31vnb {
    from { opacity: 0; transform: translateY(12px) scale(0.98); }
}

@keyframes ov-dialog-out-b-8fprb31vnb {
    to { opacity: 0; transform: translateY(12px) scale(0.98); }
}

@media (prefers-reduced-motion: reduce) {
    .overlay-backdrop[b-8fprb31vnb],
    .overlay-layer.panel[b-8fprb31vnb],
    .overlay-layer.dialog[b-8fprb31vnb] {
        animation-duration: 0.01ms;
    }
}
/* /Components/Shared/Overlays/OverlayLayout.razor.rz.scp.css */
.overlay-chrome[b-g4d4aajx78] {
    display: flex;
    flex-direction: column;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    overflow: hidden;
}

.overlay-chrome.panel[b-g4d4aajx78] {
    height: 100%;
    width: 100%;
}

.overlay-chrome.dialog[b-g4d4aajx78] {
    max-width: calc(100vw - 3rem);
    border-radius: 0.5rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35);
}

.overlay-header[b-g4d4aajx78] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex: 0 0 auto;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.overlay-header-content[b-g4d4aajx78] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1 1 auto;
}

.overlay-title[b-g4d4aajx78] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overlay-body[b-g4d4aajx78] {
    flex: 1 1 auto;
    overflow: auto;
    padding: 1rem;
}

.overlay-footer[b-g4d4aajx78] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex: 0 0 auto;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}
/* /Components/Shared/Pages/OVPageTitle.razor.rz.scp.css */
h1[b-7jwyuhfklx] {
    margin: 0 0 1.1em 0;
    padding: 0;
    font-size: 1.14em;
    font-weight: bold;
}
/* /Components/Shared/Pages/PageExternals.razor.rz.scp.css */
.ov-page-gridpager[b-go1rlgjnvo] {
    padding-top: 11px;
    padding-left: 69px;
    padding-bottom: 11px;
    padding-right: 69px;
    margin: 0;
    border: solid 0.666667px var(--ov-edge-soft);
    display: flex;
    flex-direction: column;
    justify-content: end;
    min-height: 60px;
}

/* Match the Syncfusion boundary for display on mobile. */
@media (max-width: 769px) {
    .ov-page-gridpager[b-go1rlgjnvo] {
        padding: 0;
    }
}
/* /Components/Shared/Payments/PaymentAddEdit.razor.rz.scp.css */
.record-payment-container[b-mc97iesrd9] {
    display: flex;
    flex-direction: column;
    height: calc(100% + 2rem);
    margin: -1rem;
}

.record-payment-body[b-mc97iesrd9] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}

/* Invoice Section Styles */
.invoice-section[b-mc97iesrd9] {
    margin-top: 1.5rem;
}

.invoice-header h6[b-mc97iesrd9] {
    font-weight: 800;
    color: #333;
}

.invoice-divider[b-mc97iesrd9] {
    margin: 0.5rem 0 1rem 0;
    border: none;
    height: 1px;
    background-color: #949596;
    width: 100%;
}

/* Grid Skeleton Styles */
.invoice-grid-skeleton[b-mc97iesrd9] {
    position: relative;
    border: none;
    border-radius: 0;
    min-height: 220px;
    background-color: #fff;
}

.skeleton-header[b-mc97iesrd9] {
    display: flex;
    background-color: #f8f9fa;
    border-bottom: 5px solid #dee2e6;
    padding: 0;
}

.skeleton-header-cell[b-mc97iesrd9] {
    flex: 1;
    padding: 12px 16px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #000;
    filter: blur(2px);
    user-select: none;
}

.skeleton-row[b-mc97iesrd9] {
    display: flex;
    border-bottom: 5px solid #dee2e6;
    padding: 0 8px;
}

.skeleton-cell[b-mc97iesrd9] {
    flex: 1;
    height: 14px;
    background-color: #e8e8e8;
    margin: 12px 8px;
    border-radius: 3px;
}

.skeleton-placeholder-overlay[b-mc97iesrd9] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.75);
}

[b-mc97iesrd9] .skeleton-placeholder-overlay > * {
    margin-bottom: 0 !important;
}

/* Invoice Loading and Empty States */
.invoice-loading[b-mc97iesrd9],
.invoice-empty[b-mc97iesrd9] {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Payment Input in Grid */
[b-mc97iesrd9] .payment-input {
    font-size: 0.875rem;
}

[b-mc97iesrd9] .payment-currency-symbol {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font: inherit;
    color: #333;
    z-index: 1;
    pointer-events: none;
}

[b-mc97iesrd9] .payment-input input {
    padding-left: 1.1rem;
    text-align: right;
}

/* Payment input wrapper for inline icon */
[b-mc97iesrd9] .payment-input-wrapper {
    position: relative;
    overflow: visible;
}

[b-mc97iesrd9] .e-rowcell:has(.payment-input-wrapper) {
    overflow: visible !important;
}

/* Over-applied validation styles */
[b-mc97iesrd9] .payment-input-error {
    border-color: var(--ov-danger) !important;
}

[b-mc97iesrd9] .payment-input-warning-icon {
    color: var(--ov-danger);
    font-size: 1.1rem;
    cursor: pointer;
    position: absolute;
    right: -1.4rem;
    top: 50%;
    transform: translateY(-50%);
}

.payment-amount-error[b-mc97iesrd9] {
    color: var(--ov-danger) !important;
}

[b-mc97iesrd9] .payment-warning-icon {
    color: var(--ov-danger);
    cursor: pointer;
    font-size: 1.1rem;
    border-radius: 50%;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0.35rem;
}

/* Payment Summary Section Styles */
.payment-summary-section[b-mc97iesrd9] {
    background-color: #fff;
    padding: 1rem 1.5rem;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.payment-summary-content[b-mc97iesrd9] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.payment-summary-row[b-mc97iesrd9] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.payment-label-column[b-mc97iesrd9] {
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-end;
    flex: 1;
}

.payment-label-main[b-mc97iesrd9] {
    font-weight: 700;
    color: #333;
}

.payment-label-helper[b-mc97iesrd9] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #6c757d;
    margin-top: 0.25rem;
    white-space: nowrap;
}

.payment-amount-column[b-mc97iesrd9] {
    text-align: right;
    min-width: 120px;
    position: relative;
}

.payment-amount[b-mc97iesrd9] {
    color: #333;
    font-weight: 700;
}

.payment-total[b-mc97iesrd9] {
    font-weight: 700;
}

.payment-summary-divider[b-mc97iesrd9] {
    margin: 0.75rem 0;
    border: none;
    height: 1px;
    background-color: #6c757d;
    width: 100%;
}

/* Edit Alert Banner */
[b-mc97iesrd9] .payment-edit-alert {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
/* /Components/Shared/Payments/ProcessingPaymentsDialog.razor.rz.scp.css */
.processing-payments-container[b-4enxwn3lxr] {
    padding: 0.5rem;
}

.processing-header[b-4enxwn3lxr] {
    margin-bottom: 1rem;
}

.processing-title-row[b-4enxwn3lxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.processing-title-row h4[b-4enxwn3lxr] {
    margin: 0;
}

.processing-counters[b-4enxwn3lxr] {
    display: flex;
    gap: 1.5rem;
    margin-top: 0.25rem;
    font-size: 0.9rem;
}

.counter-processed[b-4enxwn3lxr] {
    color: var(--rz-text-color, #333);
}

.counter-issues[b-4enxwn3lxr] {
    color: #dc3545;
    font-weight: 600;
}

/* Header spinner */
.processing-spinner[b-4enxwn3lxr] {
    width: 24px;
    height: 24px;
    border: 3px solid #e0e0e0;
    border-top-color: #1a73e8;
    border-radius: 50%;
    animation: spin-b-4enxwn3lxr 0.8s linear infinite;
}

/* Table */
.processing-table[b-4enxwn3lxr] {
    width: 100%;
    border-collapse: collapse;
}

.processing-table thead[b-4enxwn3lxr],
.processing-table tbody[b-4enxwn3lxr] {
    width: 100%;
    display: block;
}

.processing-table tbody[b-4enxwn3lxr] {
    max-height: 20em;
    overflow-y: auto;
}

.processing-table th[b-4enxwn3lxr] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color, #666);
}

.processing-table td[b-4enxwn3lxr] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
}

.processing-table tbody tr:last-child td[b-4enxwn3lxr] {
    border-bottom: none;
}

/* Row highlights */
.row-processing[b-4enxwn3lxr] {
    background-color: rgba(26, 115, 232, 0.05);
}

.row-processed[b-4enxwn3lxr] {
    background-color: rgba(40, 167, 69, 0.03);
}

.row-declined[b-4enxwn3lxr] {
    background-color: rgba(220, 53, 69, 0.03);
}

/* Status cells */
.status-cell[b-4enxwn3lxr] {
    display: flex;
    align-items: center;
}

.status-pending[b-4enxwn3lxr] {
    color: #999;
}

.status-processing[b-4enxwn3lxr] {
    color: #1a73e8;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.status-processed[b-4enxwn3lxr] {
    color: #28a745;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.status-declined[b-4enxwn3lxr] {
    color: #dc3545;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Inline spinner for status column */
.status-spinner[b-4enxwn3lxr] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid #b3d4fc;
    border-top-color: #1a73e8;
    border-radius: 50%;
    animation: spin-b-4enxwn3lxr 0.8s linear infinite;
}

.close-button[b-4enxwn3lxr] {
    padding: 0.25rem !important;
}

@keyframes spin-b-4enxwn3lxr {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/Payments/RefundPaymentPrompt.razor.rz.scp.css */
.ov-refund-confirm-summary[b-qumv1ty8ss] {
    background-color: var(--ov-surface-2, #f5f5f5);
    border-radius: 4px;
    border: 1px solid var(--ov-edge, #e0e0e0);
    padding: 14px;
    margin-bottom: 18px;
}

.ov-refund-confirm-summary[b-qumv1ty8ss]  .ov-readonly-horizontal:last-of-type {
    margin-bottom: 0;
}

.ov-refund-confirm-summary[b-qumv1ty8ss]  .ov-readonly-label {
    font-weight: 600;
}

.ov-refund-confirm-summary[b-qumv1ty8ss]  .ov-readonly-value {
    font-size: var(--rz-input-font-size, 0.875rem);
    color: var(--ov-text-primary, #333);
    text-align: end;
}
/* /Components/Shared/Payments/VoidPaymentPrompt.razor.rz.scp.css */
.ov-void-confirm-summary[b-dq3wxwpbrr] {
    background-color: var(--ov-surface-2, #f5f5f5);
    border-radius: 4px;
    border: 1px solid var(--ov-edge, #e0e0e0);
    padding: 14px;
    margin-bottom: 18px;
}

.ov-void-confirm-summary[b-dq3wxwpbrr]  .ov-readonly-horizontal:last-of-type {
    margin-bottom: 0;
}

.ov-void-confirm-summary[b-dq3wxwpbrr]  .ov-readonly-label {
    font-weight: 600;
}

.ov-void-confirm-summary[b-dq3wxwpbrr]  .ov-readonly-value {
    font-size: var(--rz-input-font-size, 0.875rem);
    color: var(--ov-text-primary, #333);
    text-align: end;
}
/* /Components/Shared/Popups/OVPopup.razor.rz.scp.css */
.ov-popup[b-qmvyor1mpl] {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    overflow: visible; /* So inner box shadow can apply outside the popup */
}
/* /Components/Shared/Purchases/AssignMultipleUnitNumbersDialog.razor.rz.scp.css */
.ovo-assign-units-table[b-uqcbygtbzf] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--rz-border, #e0e0e0);
    border-radius: 4px;
    overflow: hidden;
}

    .ovo-assign-units-table thead[b-uqcbygtbzf] {
        background-color: var(--rz-base-50, #f5f5f5);
    }

    .ovo-assign-units-table thead[b-uqcbygtbzf],
    .ovo-assign-units-table tbody tr[b-uqcbygtbzf] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .ovo-assign-units-table tbody[b-uqcbygtbzf] {
        display: block;
        max-height: 22em;
        overflow-y: auto;
    }

    .ovo-assign-units-table th[b-uqcbygtbzf],
    .ovo-assign-units-table td[b-uqcbygtbzf] {
        padding: 10px 12px;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid var(--rz-border, #e0e0e0);
        font-size: 0.9rem;
    }

    .ovo-assign-units-table tbody tr:last-child td[b-uqcbygtbzf] {
        border-bottom: none;
    }

.ovo-assign-units-col-line[b-uqcbygtbzf] {
    width: 80px;
}

.ovo-assign-units-col-owner[b-uqcbygtbzf] {
    width: 140px;
}
/* /Components/Shared/Purchases/PurchaseAddEdit.razor.rz.scp.css */
[b-z3ixgg5qlu] .placeholder-centered .rz-dropdown-label,
[b-z3ixgg5qlu] .placeholder-centered .rz-placeholder {
    display: flex;
    align-items: center;
    height: 100%;
}
/* /Components/Shared/Purchases/PurchaseSearchDialog.razor.rz.scp.css */
.po-search[b-0pyti5ixx6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem;
}

.po-search-input-row[b-0pyti5ixx6] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.po-search-input-wrap[b-0pyti5ixx6] {
    position: relative;
    flex: 1 1 auto;
}

[b-0pyti5ixx6] .po-search-input {
    width: 100%;
}

[b-0pyti5ixx6] .po-search-input input {
    width: 100%;
    padding: 0.6rem 7rem 0.6rem 0.9rem;
    font-size: 1rem;
}

.po-search-input-adornment[b-0pyti5ixx6] {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    pointer-events: none;
}

.po-search-count[b-0pyti5ixx6] {
    color: #6b7280;
    font-size: 0.875rem;
    white-space: nowrap;
}

.po-search-clear[b-0pyti5ixx6] {
    pointer-events: auto;
    background: transparent;
    border: none;
    padding: 0.15rem;
    color: #6b7280;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.po-search-clear:hover[b-0pyti5ixx6] {
    color: #111827;
}

[b-0pyti5ixx6] .po-search-clear .rzi {
    font-size: 1rem;
}

.po-search-empty-helper[b-0pyti5ixx6] {
    color: #6b7280;
    margin-bottom: 0.5rem;
}

.po-search-field-pills[b-0pyti5ixx6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.po-search-field-pill[b-0pyti5ixx6] {
    background-color: #f3f4f6;
    color: #374151;
    border-radius: 9999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.875rem;
}

.po-search-loading[b-0pyti5ixx6] {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.po-search-no-results[b-0pyti5ixx6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 1rem;
    color: #6b7280;
}

[b-0pyti5ixx6] .po-search-no-results-icon {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    color: #9ca3af;
}

.po-search-no-results-title[b-0pyti5ixx6] {
    font-weight: 500;
    color: #111827;
    margin-bottom: 0.25rem;
}

.po-search-no-results-hint[b-0pyti5ixx6] {
    font-size: 0.875rem;
}

.po-search-exact-banner[b-0pyti5ixx6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
    border-radius: 0.5rem;
    padding: 0.6rem 0.9rem;
}

.po-search-tabs[b-0pyti5ixx6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.po-search-tab[b-0pyti5ixx6] {
    background-color: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    padding: 0.3rem 0.85rem;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
}

.po-search-tab-active[b-0pyti5ixx6] {
    background-color: #ede9fe;
    border-color: #c4b5fd;
    color: #5b21b6;
}

.po-search-list[b-0pyti5ixx6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    /* 90vh minus dialog title, search row, tabs, and gaps */
    max-height: calc(90vh - 15rem);
    overflow-y: auto;
}

.po-search-card[b-0pyti5ixx6] {
    border-top: 1px solid #e5e7eb;
    padding: 0.6rem 0.25rem;
    cursor: pointer;
}

.po-search-card:first-child[b-0pyti5ixx6] {
    border-top: none;
}

.po-search-card:hover[b-0pyti5ixx6] {
    background-color: #f9fafb;
}

.po-search-card-header[b-0pyti5ixx6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.po-search-po-number[b-0pyti5ixx6] {
    color: #4338ca;
    font-weight: 600;
}

.po-search-lines[b-0pyti5ixx6] {
    color: #6b7280;
    font-size: 0.875rem;
}

[b-0pyti5ixx6] .po-search-chevron {
    margin-left: auto;
    color: #9ca3af;
}

.po-search-card-sub[b-0pyti5ixx6] {
    color: #4b5563;
    font-size: 0.875rem;
    margin-top: 0.15rem;
}

.po-search-card-fields[b-0pyti5ixx6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
}

.po-search-field-label[b-0pyti5ixx6] {
    font-size: 0.75rem;
    color: #6b7280;
}

.po-search-field-value[b-0pyti5ixx6] {
    color: #111827;
    font-weight: 500;
}
/* /Components/Shared/Shared/BusyOverlay.razor.rz.scp.css */
.ov-busy-overlay[b-ydwfc245cd] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.6);
}
/* /Components/Shared/Shared/SearchBox.razor.rz.scp.css */
[b-evc7ahxbqf] .rz-form-field-content {
    --rz-form-field-margin-block: 0;
    --rz-form-field-margin-inline: 0;
    --rz-input-padding-block: 0;
    --rz-input-padding-inline: 5px;
    --rz-input-height: 2.3rem;
    --rz-form-field-start-end-padding-inline: 6px;
}

[b-evc7ahxbqf] .ov-search-button .rzi {
    font-size: 1.75em !important;
}
/* /Components/Shared/Shared/TextButton.razor.rz.scp.css */
[b-qh5otaxlsl] .rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-button:not(.rz-state-disabled) {
    background-color: transparent;
    color: var(--ov-text);
}

[b-qh5otaxlsl] .rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-state-disabled {
    color: var(--ov-text-hover);
}

[b-qh5otaxlsl] .rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-button.rz-button:not(.rz-state-disabled):hover {
    background-color: transparent;
    color: var(--ov-text-hover);
}

[b-qh5otaxlsl] .rz-button-text {
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}
/* /Components/Shared/Tasks/TaskAddEdit.razor.rz.scp.css */
.toggle-switch[b-9cyivzddv7] {
    position: relative;
    width: 46px;
    height: 26px;
    display: inline-block;
}

.toggle-switch input[b-9cyivzddv7] {
    display: none;
}

.slider[b-9cyivzddv7] {
    position: absolute;
    inset: 0;
    background: #ccc;
    border-radius: 26px;
    cursor: pointer;
    transition: 0.3s;
}

.slider[b-9cyivzddv7]::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
}

input:checked + .slider[b-9cyivzddv7] {
    background: #4b59b4;
}

input:checked + .slider[b-9cyivzddv7]::before {
    transform: translateX(20px);
}

input:focus + .slider[b-9cyivzddv7] {
    box-shadow: 0 0 0 2px rgba(75, 89, 180, 0.2);
}

.task-form-wrapper[b-9cyivzddv7]  .task-divider {
    border-top: 1px solid var(--rz-base-300);
}

.task-form-wrapper[b-9cyivzddv7]  .task-dropzone {
    cursor: pointer;
    position: relative;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius);
}

.task-form-wrapper[b-9cyivzddv7]  .task-file-input {
    position: absolute;
    visibility: hidden;
}

.task-form-wrapper[b-9cyivzddv7]  .task-upload-icon {
    font-size: 1.5rem;
    color: var(--rz-text-tertiary-color);
    padding-left: 2px;
}

.task-form-wrapper[b-9cyivzddv7]  .task-icon {
    color: var(--rz-text-tertiary-color);
}

.task-form-wrapper[b-9cyivzddv7]  .task-icon-flip {
    color: var(--rz-text-tertiary-color);
    transform: scaleX(-1);
}

.task-form-wrapper[b-9cyivzddv7]  .task-upload-circle {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background-color: var(--rz-base-300);
    display: flex;
    align-items: center;
    justify-content: center;
}

.task-form-wrapper[b-9cyivzddv7]  .task-dropzone-text {
    color: var(--rz-text-secondary-color);
    font-size: 0.875rem;
    font-weight: 500;
}
/* /Components/Shared/Tasks/Tasks.razor.rz.scp.css */
/* --- Align custom selector into the toolbar --- */
.grid-toolbar-wrapper[b-g6hh5495t9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative; 
}
[b-g6hh5495t9] .e-grid .e-gridheader {
    padding-top: 30px;
}
/* Ensure toolbar stays above grid area */
.grid-toolbar-wrapper .e-toolbar[b-g6hh5495t9] {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}
 
/* Inject your selector visually into toolbar */
.custom-toolbar-component[b-g6hh5495t9] {
    position: absolute; 
    top: 3px;
    z-index: 10;
    display: flex;
    align-items: center;
    transition: right 0.2s ease;
}

/* Optional: spacing / font adjustments for visual uniformity */
.custom-toolbar-component .subset-selector[b-g6hh5495t9] {
    font-size: 14px;
}
/* /Components/Shared/Tasks/TaskView.razor.rz.scp.css */
.task-detail-box[b-k2zhf221bw] {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 16px;
    background-color: #fafafa;
}

[b-k2zhf221bw] i {
    margin-right: 8px;
    color: #60646C;
}

[b-k2zhf221bw] div.row > div:first-child > label {
    color: #60646C;
    font-weight: 600;
}
/* /Components/Shared/Tasks/TaskViewRelated.razor.rz.scp.css */
.task-related-header[b-dgiwcy0cod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.task-related-section-icon[b-dgiwcy0cod] {
    font-size: 1.25rem;
    color: #6c757d;
}

/* ── Attachments drop zone ── */
.task-attachment-dropzone[b-dgiwcy0cod] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    border: 2px dashed #c5cae9;
    border-radius: 8px;
}

.task-attachment-dropzone-icon[b-dgiwcy0cod] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #E8E8EC;
}

/* ── Attachment list ── */
.task-attachment-list[b-dgiwcy0cod] {
    display: flex;
    flex-direction: column;
}

.task-attachment-row[b-dgiwcy0cod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.task-attachment-row:last-child[b-dgiwcy0cod] {
    border-bottom: none;
}

/* ── Record list ── */
.task-record-list[b-dgiwcy0cod] {
    display: flex;
    flex-direction: column;
}

.task-record-row[b-dgiwcy0cod] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

.task-record-row:last-child[b-dgiwcy0cod] {
    border-bottom: none;
}

.task-record-type[b-dgiwcy0cod] {
    flex: 0 0 auto;
    min-width: 90px;
    font-weight: 500;
    color: #333;
}

.task-attachment-value[b-dgiwcy0cod],
.task-record-value[b-dgiwcy0cod] {
    color: #4b59b4;
}
/* /Components/Shared/Wizards/OVWizard.razor.rz.scp.css */
.ov-wizard-container[b-pkhxi0xggk] {
    width: 100%;
    height: 100%;
}

[b-pkhxi0xggk] .rz-steps {
    display: flex;
    flex-direction: row;
}

[b-pkhxi0xggk] .rz-steps ul {
    width: 17rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: hidden;
    align-self: flex-start;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-number {
    display: none;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .rz-menuitem-link {
    width: 100%;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item:not(:last-child)::after {
    margin-left: 14px;
    width: 1.5px;
    height: 3.4rem;
    background-color: var(--rz-base-400);
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item:not(:last-child) {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .rzi {
    padding: 14px !important;
    border-radius: 7px !important;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .ov-wizard-step {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .ov-wizard-step-description {
    font-size: 0.9rem;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .rzi {
    font-weight: normal !important;
    color: var(--ov-text-disabled) !important;
    background-color: var(--ov-panel-disabled) !important;
    border: 1.5px solid var(--ov-panel-disabled);
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .ov-wizard-step-title {
    font-weight: 500;
    color: var(--rz-base-700);
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item.rz-state-highlight .rzi {
    color: white !important;
    background-color: black !important;
    border: 1.5px solid black;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item.rz-state-highlight .ov-wizard-step-title {
    font-weight: bold;
    color: black;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item.rz-state-highlight ~ .rz-steps-item .rzi {
    color: black !important;
    background-color: transparent !important;
    border: 1.5px solid var(--rz-base-300);
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item.rz-state-highlight ~ .rz-steps-item .ov-wizard-step-title {
    color: black;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .ov-wizard-step-subtitle {
    display: none;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item.rz-state-highlight .ov-wizard-step-subtitle {
    display: block;
}

[b-pkhxi0xggk] .rz-steps .rz-steps-item .ov-wizard-step-subtitle {
    font-weight: 500;
    color: var(--rz-base-700);
}