@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/Communications/CommunicationSelect.razor.rz.scp.css */
.ov-create-comm-button[b-xjdor82wf5]  .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-create-comm-button[b-xjdor82wf5]  .ov-grid-button:hover .rz-button {
    background-color: var(--ov-primary) !important;
}

.ov-create-comm-button[b-xjdor82wf5]  .ov-grid-button:hover .rz-button:not(:disabled) {
    background-color: var(--ov-primary) !important;
}

.ov-create-comm-button[b-xjdor82wf5]  .ov-grid-button .rz-button-text {
    color: var(--ov-white) !important;
    font-weight: 500 !important;
    font-size: 1.07em !important;
    width: auto !important;
}

.ov-create-comm-button[b-xjdor82wf5]  .ov-grid-button .rzi {
    color: var(--ov-white) !important;
}

.ov-create-comm-button-group[b-xjdor82wf5] {
    display: flex; 
    align-items: center; 
    gap: 6px;
}
/* /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;
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
[b-ar2efleb4t] .dropdown-charts > ul.e-dropdown-menu {
    max-height: 400px;
    overflow-y: scroll;
}

[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/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/InventoryAssignUnitPopup.razor.rz.scp.css */
:root[b-x55nefigq7] {
    --grid-load-height: clamp(480px, 70vh, 1100px);
}
.inv-shell[b-x55nefigq7] {
    position: relative;
}

.grid-skeleton[b-x55nefigq7] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.action-bar[b-x55nefigq7] {
    min-height: 60px;
    height: 60px; 
    position: relative;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.inv-loading-placeholder[b-x55nefigq7] {
    min-height: var(--grid-load-height);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /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/Orders/OrderSelect.razor.rz.scp.css */
[b-2shxtjgmx6] .status-column > div {
    border-radius: 10px;
    padding: 2px;
    text-align: center;
}

/* TODO: Need colors. */
[b-2shxtjgmx6] .order-status-asn {
}
[b-2shxtjgmx6] .order-status-can {
}
[b-2shxtjgmx6] .order-status-cls {
}
[b-2shxtjgmx6] .order-status-exd {
}
[b-2shxtjgmx6] .order-status-lcr {
}
[b-2shxtjgmx6] .order-status-new {
}
[b-2shxtjgmx6] .trailer-status-lse > div {
}
[b-2shxtjgmx6] .trailer-status-pln > div {
}
[b-2shxtjgmx6] .trailer-status-rtn > div {
}

.spinner-count[b-2shxtjgmx6] {
    margin-bottom:10px;
    font-weight:bold;
}
/* /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;
}

.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;
}

.ov-busy-overlay[b-l7h72c1f0i] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.6);
}
/* /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/Quotes/QuoteUnit.razor.rz.scp.css */
.search-box-container[b-28fd60le0h] {
    position: relative;
    width: 100%;
}

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

.search-box-container[b-28fd60le0h]  > input {
    padding-right: 60px;
}

.search-box-container .clear-icon[b-28fd60le0h] {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
    font-size: 1.1em;
    color: #999;
    z-index: 1;
    cursor: pointer;
}

[b-28fd60le0h] .clear-icon i {
    display: block;
}

.search-box-container .clear-icon:hover[b-28fd60le0h] {
    color: #333;
}

.search-box-container[b-28fd60le0h]  .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2em;
}
/* /Components/Pages/Quotes/QuoteUnitAssign.razor.rz.scp.css */
.unit-assign-container[b-yf65tkzkab] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.unit-assign-search[b-yf65tkzkab] {
    flex: 0 0 auto;
    min-width: 6em;
}

.unit-assign-grid[b-yf65tkzkab] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.unit-assign-status[b-yf65tkzkab] {
    flex: 0 0 auto;
}

.unit-assign-search[b-yf65tkzkab]  .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;
}

.unit-assign-search[b-yf65tkzkab]  .search-icon {
    font-size: 1.5em;
    color: var(--rz-text-secondary-color);
    pointer-events: none;
}

[b-yf65tkzkab] .e-selectionbackground {
    background-color: var(--ov-color-blue-3) !important;
}
/* /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/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);
}

[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/Customers/LocationAddEdit.razor.rz.scp.css */
.contact-info-box[b-mb6vup643y] {
    border: 1px solid #ececef;
    background-color: #fcfcfd;
    border-radius: 10px;
    padding: 16px;
    margin-top: 22px;
    width: fit-content;
}

.contact-info-item span[b-mb6vup643y] {
    white-space: nowrap;
}

.contact-info-title[b-mb6vup643y] {
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 16px;
}

.contact-info-item[b-mb6vup643y] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #333;
}

.contact-info-item:last-child[b-mb6vup643y] {
    margin-bottom: 0;
}

[b-mb6vup643y] .contact-info-icon {
    font-size: 18px;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #6c757d;
}
/* /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/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/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/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/Layouts/Simple/SimpleTabContentRedirects.razor.rz.scp.css */
[b-6e9kdwd37g] :root {
    --rz-accordion-content-padding-block: 0 !important;
    --rz-accordion-content-padding-inline: 0 !important;
}
/* /Components/Shared/Forms/Layouts/Simple/SimpleTabs.razor.rz.scp.css */
/* adjustments to base styling to accomodate accordion styling */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .ov-screen-form-card {
    background-color: var(--rz-dialog-background-color) !important;
    margin-top: 20px !important;
    padding: unset !important;
}

.ov-screen-form-tab-cards.ov-tabs-padding-hide[b-zzzpv8v6ee]  .ov-screen-form-card:first-child {
    margin-top: 0 !important;
}

/* make up/down arrow first element in header, fix shadow */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion {
    --rz-accordion-toggle-icon-order: 0;
    box-shadow: unset !important;
}

/* ensure collapsed accordion item is rounded, restore bottom border */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .ov-screen-form-card:not(.ov-screen-form-card-expanded) {
    border-radius: 13px;
    border-bottom: 1px solid var(--ov-edge);
}

/* remove rouding and border from bottom of expanded accordion header */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .ov-screen-form-card.ov-screen-form-card-expanded {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

/* override rule for no top radius on first accordion item */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion > div:first-child {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

/* override rule for no radius on last accordion item */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed),
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion > div:nth-last-child(2):has(+ .rz-state-collapsed) > div
{
    border-radius: 13px;
}

/* remove top rounding of expanded accordion content */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-expander.rz-state-expanded
{
    border: 1px solid var(--ov-edge);
    border-radius: 13px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* restore top border to accordion header */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion .rz-accordion-header:not(:first-child)
{
    border-top: 1px solid var(--ov-edge)
}

/* round bottom corners of expanded accordion content */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-expander.rz-state-expanded > .rz-expander-content {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}

/* hide accordion item expander element when collapsed, otherwise element like <hr/> will render  */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion > ::deep .rz-expander.rz-state-collapsed {
    visibility: hidden;
}

/* remove up/down carat from non-collapsible accordion items  */
[b-zzzpv8v6ee] .ov-screen-form-card-always-expanded > a > span.rz-accordion-toggle-icon
{
    display: none;
}

/* accordion expander arrow styling */
.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion-toggle-icon {
    color: var(--ov-color-bg-primary);
    background: transparent;
    text-align: center;
    --rz-accordion-icon-font-size: 24px;
    --rz-accordion-icon-width: 32px;
    --rz-accordion-icon-height: 32px;
    line-height: 32px;
    width: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion-header a[role="tab"] {
    position: relative;
}

.ov-screen-form-tab-cards[b-zzzpv8v6ee]  .rz-accordion-header:not(.ov-screen-form-card-always-expanded) a[role="tab"]::before {
    content: '';
    position: absolute;
    display: block;
    color: var(--ov-color-bg-primary);
    background: var(--ov-color-blue-3);
    border-radius: 6px;
    height: 32px;
    width: 32px;
}

.ov-screen-form-tab-cards.ov-tabs-navigation-hide .ov-tabs-toggle-container[b-zzzpv8v6ee] {
    display: none !important;
}

.ov-screen-form-tab-cards.ov-tabs-navigation-hide[b-zzzpv8v6ee]  .rz-tabview > .rz-tabview-panels {
    border: none !important;
}

.ov-screen-form-tab-cards.ov-tabs-navigation-hide[b-zzzpv8v6ee]  .rz-tabview > .rz-tabview-nav {
    display: none !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/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/LoginDisplay.razor.rz.scp.css */
.ov-apptools[b-ybykkjc9n2] {
    float: right;
}

[b-ybykkjc9n2] .ov-topbar-dropdown {
    background-color: transparent;
    color: var(--ov-text);
    border-radius: 9px;
}

[b-ybykkjc9n2] .ov-topbar-dropdown:hover,
[b-ybykkjc9n2] .ov-topbar-dropdown:active,
[b-ybykkjc9n2] .ov-topbar-dropdown:focus,
[b-ybykkjc9n2] .ov-topbar-dropdown.e-active,
[b-ybykkjc9n2] .ov-topbar-dropdown .e-active {
    background-color: var(--ov-toolbar-white-hover);
    color: var(--ov-text);
}

[b-ybykkjc9n2] .ov-topbar-dropdown .e-btn-icon {
    display: none !important;
}

[b-ybykkjc9n2] .ov-topbar-dropdown .e-btn,
[b-ybykkjc9n2] .ov-topbar-dropdown.e-btn {
    font-family: var(--rz-icon-font-family);
    font-size: 36px;
    font-weight: 250;
}

.ov-topbar-profile-dropdown[b-ybykkjc9n2] {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
    padding: 9px 0 9px 9px;
    border-radius: 9px;
    width: 100%;
}


@media (width >= 360px) {
    [b-ybykkjc9n2] .rz-navigation-item-icon-children {
        width: 36px;
    }
}

@media (width < 360px) {
    [b-ybykkjc9n2] .rz-navigation-item-icon-children {
        width: 9px;
        visibility: hidden;
    }
}

.ov-topbar-profile-name[b-ybykkjc9n2] {
    font-weight: 500;
    font-size: 18px;
}

.ov-topbar-profile-picture[b-ybykkjc9n2] {
    background-image: url("./images/office1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    flex-basis: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

@media (width >= 641px) {
    .ov-topbar-profile-name[b-ybykkjc9n2] {
        width: 100%;
        max-width: 100px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (width < 641px) {
    .ov-topbar-profile-name[b-ybykkjc9n2] {
        width: 0;
        display: none;
    }
}

[b-ybykkjc9n2] .rz-display-flex.rz-row {
    row-gap: 0;
    padding: 0;
    margin: 0;
}

[b-ybykkjc9n2] .rz-menu {
    padding: 0;
    margin: 0;
}

[b-ybykkjc9n2] .rz-navigation-menu {
    min-width: 0;
    position: relative;
    top: 65px;
}

/*
    We have additional styles in the global stylesheet, to shift the popup over to the left.
    Unfortunately, this is Syncfusion's best recommendation for how to change the popup open location:

    <https://blazor.syncfusion.com/documentation/drop-down-menu/how-to/position-popup>
*/
/* /Components/Shared/IconBars/MegaMenuButtonComponent.razor.rz.scp.css */
[b-30gn4870kj] .rz-button {
    font-size: medium;
    color: var(--ov-text) !important;
    text-transform: none;
    text-align: left !important;
    padding: 13px;
    width: 100% !important;
    border-style: none !important;
    background-color: var(--ov-toolbar-background-color) !important;
    border: none !important;
    border-radius: 9px !important;
    outline: none !important;
    box-shadow: none !important;
}

[b-30gn4870kj] .rz-button:hover {
    background-color: #F6F6F6 !important;
}

[b-30gn4870kj] .rz-button-text {
    position: relative;
    top: -1px;
    font-weight: 600;
    font-size: 14px;
    padding-left: 3px !important;
}

[b-30gn4870kj] .rz-button-icon-left,
[b-30gn4870kj] .rz-button-box .rzi {
    padding: 16px !important;
    font-size: 23px !important;
    font-weight: normal !important;
    color: var(--ov-white) !important;
    background-color: var(--ov-toolbar-background-color) !important;
    border-radius: 5px !important;
}

.ov-toolbar-icon-decorator[b-30gn4870kj]  .rz-button-icon-left,
.ov-toolbar-icon-decorator[b-30gn4870kj]  .rz-button-box .rzi {
    background-color: transparent !important;
    color: var(--ov-text) !important;
}

.ov-toolbar-icon-decorator.ov-toolbar-blue[b-30gn4870kj]  .rz-button-icon-left,
.ov-toolbar-icon-decorator.ov-toolbar-blue[b-30gn4870kj]  .rz-button-box .rzi {
    background-color: var(--ov-toolbar-blue) !important;
    color: var(--ov-white) !important;
}

.ov-toolbar-icon-decorator.ov-toolbar-orange[b-30gn4870kj]  .rz-button-icon-left,
.ov-toolbar-icon-decorator.ov-toolbar-orange[b-30gn4870kj]  .rz-button-box .rzi {
    background-color: var(--ov-toolbar-orange) !important;
    color: var(--ov-white) !important;
}

.ov-toolbar-icon-decorator.ov-toolbar-purple[b-30gn4870kj]  .rz-button-icon-left,
.ov-toolbar-icon-decorator.ov-toolbar-purple[b-30gn4870kj]  .rz-button-box .rzi {
    background-color: var(--ov-toolbar-purple) !important;
    color: var(--ov-white) !important;
}

.ov-toolbar-icon-decorator.ov-toolbar-green[b-30gn4870kj]  .rz-button-icon-left,
.ov-toolbar-icon-decorator.ov-toolbar-green[b-30gn4870kj]  .rz-button-box .rzi {
    background-color: var(--ov-toolbar-green) !important;
    color: var(--ov-white) !important;
}

.ov-toolbar-icon-decorator.ov-toolbar-promotion[b-30gn4870kj]  .rz-button-icon-left,
.ov-toolbar-icon-decorator.ov-toolbar-promotion[b-30gn4870kj]  .rz-button-box .rzi {
    background-color: var(--ov-toolbar-promotion) !important;
    color: var(--ov-text) !important;
}

.ov-toolbar-hover-decorator[b-30gn4870kj]  .rz-button:hover {
    background-color: var(--ov-toolbar-white-hover) !important;
}

.ov-toolbar-hover-decorator.ov-toolbar-blue[b-30gn4870kj]  .rz-button:hover {
    background-color: var(--ov-toolbar-blue-hover) !important;
}

.ov-toolbar-hover-decorator.ov-toolbar-orange[b-30gn4870kj]  .rz-button:hover {
    background-color: var(--ov-toolbar-orange-hover) !important;
}

.ov-toolbar-hover-decorator.ov-toolbar-purple[b-30gn4870kj]  .rz-button:hover {
    background-color: var(--ov-toolbar-purple-hover) !important;
}

.ov-toolbar-hover-decorator.ov-toolbar-green[b-30gn4870kj]  .rz-button:hover {
    background-color: var(--ov-toolbar-green-hover) !important;
}

.ov-toolbar-hover-decorator.ov-toolbar-promotion[b-30gn4870kj]  .rz-button:hover {
    background-color: var(--ov-toolbar-promotion-hover) !important;
}

.ov-toolbar-caption-decorator[b-30gn4870kj]  .ov-megamenu-option-label {
    color: var(--ov-text) !important;
}

.ov-toolbar-caption-decorator.ov-toolbar-blue[b-30gn4870kj]  .ov-megamenu-option-label {
    color: var(--ov-toolbar-blue) !important;
}

.ov-toolbar-caption-decorator.ov-toolbar-orange[b-30gn4870kj]  .ov-megamenu-option-label {
    color: var(--ov-toolbar-orange) !important;
}

.ov-toolbar-caption-decorator.ov-toolbar-purple[b-30gn4870kj]  .ov-megamenu-option-label {
    color: var(--ov-toolbar-purple) !important;
}

.ov-toolbar-caption-decorator.ov-toolbar-green[b-30gn4870kj]  .ov-megamenu-option-label {
    color: var(--ov-toolbar-green) !important;
}

.ov-toolbar-caption-decorator.ov-toolbar-promotion[b-30gn4870kj]  .ov-megamenu-option-label {
    color: var(--ov-toolbar-promotion) !important;
}
/* /Components/Shared/IconBars/MegaMenuComponent.razor.rz.scp.css */
.ov-megamenu-pane-frame[b-rpty1oi7va] {
    top: 0;
    left: 0;
}

@media (641px >= width) {
    .ov-megamenu-pane[b-rpty1oi7va] {
        height: calc(100vh - 185px);
    }
}

@media (width >= 1150px) {
    .ov-megamenu-pane-frame[b-rpty1oi7va] {
        max-width: calc(100vw - 179px);
    }

    /* Narrow panes should get moderately centered, rather than flush-left. */
    .ov-megamenu-pane-frame.ov-megamenu-pane-narrow[b-rpty1oi7va] {
        margin-left: 300px;
        margin-right: 100px;
    }
}

@media (641px <= width < 1150px) {
    .ov-megamenu-pane-frame[b-rpty1oi7va] {
        max-width: calc(100vw - 55px);
    }
}

@media (width < 641px) {
    .ov-megamenu-pane-frame[b-rpty1oi7va] {
        max-width: calc(100vw - 40px);
    }

    .ov-megamenu-pane[b-rpty1oi7va] {
        height: calc(100vh - 155px);
    }
}

.ov-megamenu-pane-accent[b-rpty1oi7va] {
    margin-top: 4px;
    width: 100%;
    height: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.ov-megamenu-pane[b-rpty1oi7va] {
    width: 100%;
    overflow-y: scroll;
    padding: 34px 45px;
    border: solid 1px var(--ov-toolbar-edge);
    border-top: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: var(--ov-text);
    background-color: var(--ov-toolbar-background-color);
}

.ov-megamenu-pane .ov-megamenu-column-header[b-rpty1oi7va] {
    font-weight: 600;
    font-size: 18px;
    color: var(--ov-toolbar-caption) !important;
    margin-bottom: 28px;
}

.ov-megamenu-pane .ov-megamenu-option[b-rpty1oi7va] {
    display: block;
    margin-bottom: 14px;
}

.ov-megamenu-pane .ov-megamenu-option .rz-button[b-rpty1oi7va] {
    padding-top: 10px;
    padding-left: 8px;
}

.ov-megamenu-pane .ov-megamenu-option-button[b-rpty1oi7va] {
    display: block;
    margin-bottom: 0;
}

.ov-megamenu-pane .ov-megamenu-option-header[b-rpty1oi7va] {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    column-gap: 7px;
    margin-bottom: 2px;
}

.ov-megamenu-pane .ov-megamenu-option-label[b-rpty1oi7va] {
    align-self: center;
}

.ov-megamenu-pane .ov-megamenu-option .ov-megamenu-option-description[b-rpty1oi7va] {
    padding-left: 39px;
}

.ov-megamenu-pane[b-rpty1oi7va]  .ov-megamenu-option-description {
    max-width: 400px;
    margin-bottom: 0;
    font-weight: normal;
    color: var(--ov-text-descriptive);
    line-height: 1.31em;
    letter-spacing: normal;
}
/* /Components/Shared/IconBars/MegaMenuPromotionComponent.razor.rz.scp.css */
.ov-toolbar-featured[b-cvfcl0ai3j] {
    max-width: 430px;
}

.ov-toolbar-featured[b-cvfcl0ai3j]  .ov-toolbar-featured.rz-button {
    margin-top: 44px;
    padding: 18px;
}

.ov-toolbar-featured .ov-megamenu-option-description[b-cvfcl0ai3j] {
    padding-left: 0;
    color: var(--ov-text-descriptive);
}

.ov-megamenu-promo-caption[b-cvfcl0ai3j] {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
}

.ov-megamenu-promo-tag[b-cvfcl0ai3j] {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid var(--ov-edge-dark);
    height: 1.6em;
    border-radius: 0.8em;
    background-color: var(--ov-toolbar-promotion-tag);
    color: var(--ov-toolbar-promotion-tag-text);
    font-size: 14px;
    font-weight: normal;
}
/* /Components/Shared/IconBars/OVToolBar.razor.rz.scp.css */
.ov-toolbar-button[b-y0177bqzn3] {
    color: var(--ov-text);
    position: fixed;
}

.ov-topbar-logo-frame[b-y0177bqzn3] {
    position: relative;
}

.ov-topbar-logo[b-y0177bqzn3] {
    flex-shrink: 0;
}

.ov-topbar-item[b-y0177bqzn3] {
    width: 100%;
    overflow: visible;
}

.ov-megamenu-pane-pointer[b-y0177bqzn3] {
    position: absolute;
    left: 25px;
    height: 13px;
    width: 13px;
    transform: rotate(45deg);
    transform-origin: top right;
}

.ov-megamenu-pane-pointer[b-y0177bqzn3] {
    visibility: hidden;
    display: none !important; /* OV-3937: Hide Top Menu Dropdown "Diamonds" */
}

.rz-tabview-selected .ov-megamenu-pane-pointer[b-y0177bqzn3] {
    visibility: visible;
}

@media (850px <= width < 1150px) {
    .ov-apptools .ov-megamenu-pane-pointer[b-y0177bqzn3] {
        left: -21px;
    }
}

@media (width < 850px) {
    .ov-apptools .ov-megamenu-pane-pointer[b-y0177bqzn3] {
        left: 2px;
    }
}

[b-y0177bqzn3] .rz-tabview-nav li a {
    padding: 0 !important;
}

[b-y0177bqzn3] .rz-tabview-nav li {
    border: none !important;
}

/* Topbar spacers */

[b-y0177bqzn3] .rz-tabview-nav li:first-of-type {
    background-color: transparent !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
    min-width: 0 !important;
    cursor: default !important;
    opacity: 0 !important;
}

[b-y0177bqzn3] .rz-tabview-nav li:first-of-type a,
[b-y0177bqzn3] .rz-tabview-nav li:first-of-type div {
    width: 100% !important;
    height: 100% !important;
    cursor: default !important;
}

[b-y0177bqzn3] .rz-tabview-nav li:nth-last-of-type(2) {
    background-color: transparent !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
    min-width: 0 !important;
    cursor: default !important;
    opacity: 0 !important;
}

[b-y0177bqzn3] .rz-tabview-nav li:nth-last-of-type(2) a,
[b-y0177bqzn3] .rz-tabview-nav li:nth-last-of-type(2) div {
    width: 100% !important;
    height: 100% !important;
    cursor: default !important;
}

[b-y0177bqzn3] .rz-tabview-nav li:last-of-type {
    margin-left: auto;
}

.ov-topbar-account-profile-frame[b-y0177bqzn3] {
    flex-grow: 0;
    flex-shrink: 0;
}

@media (width >= 1150px) {
    .ov-topbar-account-profile-frame[b-y0177bqzn3] {
        flex-basis: 220px;
    }
}

@media (width < 1150px) {
    .ov-topbar-account-profile-frame[b-y0177bqzn3] {
        flex-basis: 80px;
    }
}

@media (width < 1150px) {
    .ov-megamenu-pane-pointer[b-y0177bqzn3] {
        top: 82px;
    }
}

@media (width >= 1150px) {
    .ov-megamenu-pane-pointer[b-y0177bqzn3] {
        top: 80px;
    }
}

.ov-topbar-logo-link[b-y0177bqzn3] {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

@media (width >= 1150px) {
    .ov-topbar-logo-frame[b-y0177bqzn3] {
        width: 154px;
    }

    .ov-topbar-logo[b-y0177bqzn3] {
        width: 150px;
        height: 41px;
        margin-right: 27px;
        background-image: url("./images/OmniLogo.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (width < 1150px) {
    .ov-toolbar-button[b-y0177bqzn3] {
        top: 80px;
        left: 20px;
    }

    .ov-toolbar-button-right[b-y0177bqzn3] {
        left: auto;
        right: 20px;
    }

    .ov-topbar-logo-frame[b-y0177bqzn3] {
        width: 46px;
        transition: width 0.3s;
    }

    .ov-topbar-logo[b-y0177bqzn3] {
        width: 33px;
        height: 33px;
        margin-right: 27px;
        background-image: url("./images/OmniCube.png");
        background-size: cover;
        position: relative;
        top: 1px;
    }
}

[b-y0177bqzn3] .rz-tabview-nav li {
    min-width: 0;
    overflow: visible !important;
}

@media(min-width: 768px) {
    [b-y0177bqzn3] .rz-tabview-nav li {
        min-width: 60px;
        overflow: visible !important;
    }
}

[b-y0177bqzn3] .rz-tabview-nav li a {
    overflow: visible !important;
}

@media (width < 915px) {
    .ov-topbar-item-wide[b-y0177bqzn3] {
        display: none;
    }

    [b-y0177bqzn3] .rz-tabview-nav {
        gap: 0px !important;
    }

    [b-y0177bqzn3] .rz-tabview-nav li .rz-button-text {
        display: none !important;
    }

    [b-y0177bqzn3] .rz-tabview-nav li .rz-button {
        width: unset !important;
    }
}

@media (width >= 915px) {
    .ov-topbar-item-narrow[b-y0177bqzn3] {
        display: none;
    }

    [b-y0177bqzn3] .rz-tabview-nav {
        gap: 12px !important;
    }

    [b-y0177bqzn3] .rz-tabview-nav li {
        flex-basis: auto;
    }
}

@media (width < 1150px) {
    [b-y0177bqzn3] .rz-tabview-nav li:last-of-type {
        flex-basis: auto;
    }
}

@media (width >= 1150px) {
    .ov-toolbar[b-y0177bqzn3] {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .ov-toolbar-button[b-y0177bqzn3] {
        top: 90px;
        left: 66px;
    }

    .ov-toolbar-button-right[b-y0177bqzn3] {
        left: auto;
        right: 62px;
    }
}

@media (850px <= width < 1150px) {
    .ov-toolbar-button[b-y0177bqzn3] {
        top: 80px;
        left: 20px;
    }

    .ov-toolbar-button-right[b-y0177bqzn3] {
        left: auto;
        right: 35px;
    }
}

@media (width < 1150px) {
    .ov-topbar-logo[b-y0177bqzn3] {
        position: relative;
        top: -1px;
    }

    .ov-toolbar[b-y0177bqzn3] {
        padding-top: 1px;
        padding-bottom: 3px;
    }
}

[b-y0177bqzn3] .rz-tabview-panel {
    line-height: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    box-sizing: content-box !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-y0177bqzn3] .rz-tabview-panels {
    line-height: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    box-sizing: content-box !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

[b-y0177bqzn3] .rz-tabview-nav {
    display: flex !important;
    flex-direction: row !important;
}

[b-y0177bqzn3] .rz-tabview-nav li:hover,
[b-y0177bqzn3] .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    background-color: transparent !important;
    color: transparent !important;
}

/* Account Profile Dropdown */

.ov-apptools[b-y0177bqzn3] {
    float: right;
}

[b-y0177bqzn3] .ov-topbar-dropdown {
    background-color: transparent;
    color: var(--ov-text);
    border-radius: 9px;
}

[b-y0177bqzn3] .ov-topbar-dropdown:hover,
[b-y0177bqzn3] .ov-topbar-dropdown:active,
[b-y0177bqzn3] .ov-topbar-dropdown:focus,
[b-y0177bqzn3] .ov-topbar-dropdown.e-active,
[b-y0177bqzn3] .ov-topbar-dropdown .e-active {
    background-color: var(--ov-toolbar-white-hover);
    color: var(--ov-text);
}

.ov-apptools[b-y0177bqzn3]  .rz-button {
    padding: 0 !important;
}

[b-y0177bqzn3] .ov-topbar-dropdown .e-btn-icon {
    display: none !important;
}

[b-y0177bqzn3] .ov-topbar-dropdown .e-btn,
[b-y0177bqzn3] .ov-topbar-dropdown.e-btn {
    font-family: var(--rz-icon-font-family);
    font-size: 36px;
    font-weight: 250;
}

.ov-topbar-profile-dropdown[b-y0177bqzn3] {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 0;
    padding: 9px 1px 9px 9px;
    border-radius: 9px;
    width: 100%;
}


@media (width >= 360px) {
    [b-y0177bqzn3] .rz-navigation-item-icon-children {
        width: 36px;
    }
}

@media (width < 360px) {
    [b-y0177bqzn3] .rz-navigation-item-icon-children {
        width: 9px;
        visibility: hidden;
    }
}

.ov-topbar-profile-name[b-y0177bqzn3] {
    font-weight: 500;
    font-size: 18px;
    margin-left: 10px;
}

.ov-topbar-profile-picture[b-y0177bqzn3] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    flex-basis: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

.ov-topbar-profile-initials[b-y0177bqzn3] {
    background-color: var(--ov-primary);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

@media (width >= 1150px) {
    .ov-topbar-profile-name[b-y0177bqzn3] {
        width: 100%;
        max-width: 200px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (width < 1150px) {
    .ov-topbar-profile-name[b-y0177bqzn3] {
        width: 0;
        display: none;
    }
}

[b-y0177bqzn3] .rz-display-flex.rz-row {
    row-gap: 0;
    padding: 0;
    margin: 0;
}

[b-y0177bqzn3] .rz-menu {
    padding: 0;
    margin: 0;
}

[b-y0177bqzn3] .rz-navigation-menu {
    min-width: 0;
    position: relative;
    top: 65px;
}

/*
    We have additional styles in the global stylesheet, to shift the popup over to the left.
    Unfortunately, this is Syncfusion's best recommendation for how to change the popup open location:

    <https://blazor.syncfusion.com/documentation/drop-down-menu/how-to/position-popup>
*/
/* /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/NavBarComponent.razor.rz.scp.css */
nav[b-gy2i0qpxix] {
    padding: 0 10px;
    margin: 0 0 10px 0;
}

h1[b-gy2i0qpxix] {
    display: block;
    font-size: 1.2em; /* 1.5em */
    padding: 5px 0 5px 15px;
    margin: 0 0 24px 0;
    width: 100%;
    text-transform: uppercase;
}

[b-gy2i0qpxix] .rz-accordion {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--ov-text) !important;
    font-family: inherit !important;
}

/* Accordion header */
[b-gy2i0qpxix] .rz-accordion-header {
    background: inherit !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--ov-text) !important;
    padding: 0 !important;
    font-family: var(--ov-font-family);
}

[b-gy2i0qpxix] .rz-accordion-header [role=tab],
[b-gy2i0qpxix] .rz-accordion-header a {
    color: var(--ov-text) !important;
    font-weight: 400 !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

[b-gy2i0qpxix] .ov-navbar-has-icons .rz-accordion-header [role=tab],
[b-gy2i0qpxix] .ov-navbar-has-icons .rz-accordion-header a {
    padding-left: 11px !important;
}

[b-gy2i0qpxix] .rz-accordion-content {
    padding: 2px 0 !important;
}

[b-gy2i0qpxix] .rz-accordion-content {
    padding-left: 12px !important;
}

[b-gy2i0qpxix] .ov-navbar-has-icons .rz-accordion-content {
    padding-left: 41px !important;
}

[b-gy2i0qpxix] .ov-navbar-has-icons [data-ov-navbar-has-icon="false"].rz-accordion-header [role=tab],
[b-gy2i0qpxix] .ov-navbar-has-icons [data-ov-navbar-has-icon="false"].rz-accordion-header a,
[b-gy2i0qpxix] .ov-navbar-has-icons [data-ov-navbar-has-icon="false"] .rz-accordion-header [role=tab],
[b-gy2i0qpxix] .ov-navbar-has-icons [data-ov-navbar-has-icon="false"] .rz-accordion-header a {
    padding-left: 45px !important;
}

[b-gy2i0qpxix] .rz-accordion-header .rzi {
    margin-right: 10px !important;
    font-weight: 300 !important;
}

[b-gy2i0qpxix] .rz-accordion-header .rz-accordion-toggle-icon {
    margin-right: 8px !important;
}

[b-gy2i0qpxix] .rz-accordion-header .rz-accordion-toggle-icon.rzi-chevron-down::before {
    font-weight: 200 !important;
    font-size: 1.3em;
    position: relative;
    top: -0.1em;
}

[b-gy2i0qpxix] .rz-accordion-header .rz-accordion-toggle-icon.rzi-chevron-right::before {
    font-weight: 200 !important;
    font-size: 1.3em;
    position: relative;
    top: -0.1em;
}
/* /Components/Shared/NavBars/NavBarGroupComponent.razor.rz.scp.css */
section[b-h0tufp8bi0] {
    padding: 0 0 8px 0;
}

h1[b-h0tufp8bi0] {
    padding: 0 10px;
    display: block;
    font-size: 16px; /* 1em */
}

ul[b-h0tufp8bi0] {
    list-style: none;
    padding: 0;
    margin: 0;
}

li[b-h0tufp8bi0] {
    margin: 0;
}

[b-h0tufp8bi0] .e-radio-wrapper.ov-nav-button {
    padding: 8px 0 6px 4px;
    width: 100%;
}

[b-h0tufp8bi0] .e-radio-wrapper.ov-nav-button:hover {
    background-color: var(--ov-nav-hover);
}

[b-h0tufp8bi0] .e-radio-wrapper.ov-nav-button:hover .e-label {
    text-decoration: underline;
}

[b-h0tufp8bi0] .e-btn.ov-nav-button {
    padding: 3px 0 3px 4px;
    width: 100%;
    text-align: left;
}

[b-h0tufp8bi0] .e-btn.ov-nav-button:hover {
    background-color: var(--ov-nav-hover);
}
/* /Components/Shared/NavBars/OVSidebar.razor.rz.scp.css */
/* This mimics Radzen's header-body-footer layout. */

.ov-sidebar-panel[b-cs4rvs6oqm] {
    background-color: var(--rz-base-background-color);
    width: 100%;
    height: 100%;
    padding-left: 4px;
    display: grid;
    grid-template-areas: "ov-h ov-h" "ov-s ov-b" "ov-f ov-f";
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: start;
}

.ov-sidebar-content[b-cs4rvs6oqm] {
    padding-top: 30px;
    padding-right: 5%;
    grid-column-end: ov-b;
    grid-column-start: ov-b;
    grid-row-end: ov-b;
    grid-row-start: ov-b;
    overflow-x: auto;
    overflow-y: auto;
    text-align: start;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
/* /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/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/Orders/OrderTransportationForm.razor.rz.scp.css */
.search-box-container[b-6zt7p3q5qd] {
    position: relative;
    width: 100%;
}

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

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

.ov-dispatch-comments-field[b-6zt7p3q5qd] {
    position: relative;
}

.ov-dispatch-comments-field[b-6zt7p3q5qd]  .ov-generate-dispatch-comments-btn {
    position: absolute;
    left: 140px;
    top: 4px;
    z-index: 5;
    padding: 0 2px;
    min-width: 0;
    min-height: 0;
    line-height: 1;
}
/* /Components/Shared/Orders/OrderUnitForm.razor.rz.scp.css */
.search-box-container[b-dqs14u1t5v] {
    position: relative;
    width: 100%;
}

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

.search-box-container[b-dqs14u1t5v]  .search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1.2em;
}
/* /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/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/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/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);
}