@import '_content/Imp.Common.OData.Blazor/Imp.Common.OData.Blazor.86qftklez6.bundle.scp.css';
@import '_content/Imp.Finance.Client.BlazorControls/Imp.Finance.Client.BlazorControls.1zz16zmapf.bundle.scp.css';
@import '_content/Imp.Purchasing.BlazorControls/Imp.Purchasing.BlazorControls.im5pbqnmc9.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/AccountAccessControl/AccountAccessControl.razor.rz.scp.css */
.account-access-section[b-fy3jgxmth3] {
    margin: 20px 0;
    max-width: 62rem;
}

.section-divider[b-fy3jgxmth3] {
    height: 5px;
    background-color: #5bc0de;
    margin-bottom: 0;
}

.section-header[b-fy3jgxmth3] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    background-color: white;
    border: 1px solid #ddd;
    cursor: pointer;
    user-select: none;
}

.section-header:hover[b-fy3jgxmth3] {
    background-color: #f9f9f9;
}

.expand-icon[b-fy3jgxmth3] {
    font-size: 14px;
    color: #333;
}

.section-header h3[b-fy3jgxmth3] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.badge[b-fy3jgxmth3] {
    padding: 4px 12px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid;
}

.badge-global.badge-on[b-fy3jgxmth3] {
    background-color: #e8f4fd;
    border-color: #0078d4;
    color: #0078d4;
}

.badge-global.badge-off[b-fy3jgxmth3] {
    background-color: #f0f0f0;
    border-color: #999;
    color: #666;
}

.badge-allow[b-fy3jgxmth3] {
    background-color: #d4edda;
    border-color: #28a745;
    color: #155724;
}

.badge-deny[b-fy3jgxmth3] {
    background-color: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
}

.rule-count[b-fy3jgxmth3] {
    margin-left: auto;
    font-size: 12px;
    color: #666;
    font-style: italic;
}

.section-content[b-fy3jgxmth3] {
    border: 1px solid #ddd;
    border-top: none;
    background-color: white;
    padding: 20px;
}

.global-access-toggle[b-fy3jgxmth3] {
    padding: 12px 15px;
    background-color: #e8f4fd;
    border: 1px solid #0078d4;
    border-radius: 3px;
    margin-bottom: 15px;
}

.toolbar[b-fy3jgxmth3] {
    display: flex;
    gap: 10px;
    padding: 12px 15px;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    margin-bottom: 0;
    align-items: center;
}

.filter-box[b-fy3jgxmth3] {
    margin-left: auto;
    width: 200px;
}

/* Tree item styling */
.tree-item[b-fy3jgxmth3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.level-icon[b-fy3jgxmth3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.icon-type[b-fy3jgxmth3] {
    background-color: #9c27b0;
}

.icon-ledger[b-fy3jgxmth3] {
    background-color: #2196f3;
}

.icon-account[b-fy3jgxmth3] {
    background-color: #009688;
}

.item-name[b-fy3jgxmth3] {
    font-size: 12px;
}

/* Row background colors by level */
[b-fy3jgxmth3] .row-level-type {
    background-color: #f3e5f5 !important;
}

[b-fy3jgxmth3] .row-level-ledger {
    background-color: #e3f2fd !important;
}

[b-fy3jgxmth3] .row-level-account {
    background-color: #e0f2f1 !important;
}

[b-fy3jgxmth3] .row-level-type td,
[b-fy3jgxmth3] .row-level-ledger td,
[b-fy3jgxmth3] .row-level-account td {
    background-color: inherit !important;
}

/* Policy dropdown styling */
[b-fy3jgxmth3] .policy-allow {
    background-color: #d4edda;
    border-color: #28a745;
    color: #155724;
}

[b-fy3jgxmth3] .policy-deny {
    background-color: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
}

[b-fy3jgxmth3] .policy-structural {
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #999;
}

.info-banner[b-fy3jgxmth3] {
    padding: 15px 20px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 11px;
    color: #856404;
    line-height: 1.6;
}

.info-banner strong[b-fy3jgxmth3] {
    font-weight: 600;
}

/* Add Rule Dialog Styling */
.add-rule-form[b-fy3jgxmth3] {
    padding: 10px 0;
}

.add-rule-form .form-group[b-fy3jgxmth3] {
    margin-bottom: 15px;
}

.add-rule-form .form-group label[b-fy3jgxmth3] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
    font-size: 13px;
}

.dialog-buttons[b-fy3jgxmth3] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

/* Inherited Deny styling - disabled dropdown with strikethrough */
[b-fy3jgxmth3] .policy-inherited-deny {
    opacity: 0.7;
}

[b-fy3jgxmth3] .policy-inherited-deny .k-input-value-text {
    text-decoration: line-through;
    color: #999;
}

.strikethrough[b-fy3jgxmth3] {
    text-decoration: line-through;
    color: #999;
}

/* TreeList auto-height with max */
[b-fy3jgxmth3] .account-access-treelist {
    max-height: 500px;
}

[b-fy3jgxmth3] .account-access-treelist .k-grid-content {
    max-height: 450px;
    overflow-y: scroll; /* Always show scrollbar */
}

/* Match header width to body by adding right padding for scrollbar */
[b-fy3jgxmth3] .account-access-treelist .k-grid-header {
    padding-right: 15px;
    box-sizing: border-box;
}

/* Newly added row highlight animation */
[b-fy3jgxmth3] .row-newly-added {
    animation: highlight-fade-b-fy3jgxmth3 3s ease-out;
}

[b-fy3jgxmth3] .row-newly-added td {
    animation: highlight-fade-b-fy3jgxmth3 3s ease-out;
}

@keyframes highlight-fade-b-fy3jgxmth3 {
    0% {
        background-color: #fff3cd !important;
        box-shadow: inset 0 0 0 2px #ffc107;
    }
    70% {
        background-color: #fff3cd !important;
        box-shadow: inset 0 0 0 2px #ffc107;
    }
    100% {
        background-color: inherit;
        box-shadow: none;
    }
}

/* Account MultiSelect column styles moved to app.css (global) since Telerik popups render outside component scope */
/* /Components/BudgetPotStatus.razor.rz.scp.css */

.status[b-iu4exmbg65] {
    border-radius: 10px;
    width: 140px;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    padding: 0.25em 0.5em;
    box-sizing: border-box;
}

.wide[b-iu4exmbg65] {
    width: 190px;
}

.status > span[b-iu4exmbg65] {
    flex-grow: 1;
    text-align: center;
     margin-left: 0.25rem; 
}

.status .fas[b-iu4exmbg65] {
    flex-shrink: 0;
     margin-right: 0.25rem; 
}
/* /Components/DashboardItem.razor.rz.scp.css */
.tile-heading[b-gkdfqxtgvh] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 8px 10px;
}

.tile-content[b-gkdfqxtgvh] {
    overflow-y: auto;
    flex: 1 1 auto;
    font-size: 0.85rem;
}
/* /Components/DelegateAlertBanner.razor.rz.scp.css */
.delegate-alert[b-g5numsbert] {
    color: #a17f1b;
    background-color: #fff3cd;
    border-color: #f9c62f;
}
/* /Components/Dialogs/DuplicateInvoiceDialog.razor.rz.scp.css */
.table-container[b-hlqjolihx8] {
    height: 500px;
    overflow: auto;
}

table[b-hlqjolihx8] {
    border-collapse: collapse;
    position: relative;
    text-align: center;
    width: 100%;
}

th[b-hlqjolihx8], td[b-hlqjolihx8] {
    padding: 10px;
    border: 1px solid #dddddd;
}

th[b-hlqjolihx8] {
    font-weight: bold;
    position: sticky;
    top: -1px;
    z-index: 1;
}

.row[b-hlqjolihx8] {
    width: 250px;
    margin-bottom: 5px;
    margin-left: 1px;
}

tr[b-hlqjolihx8] {
    background-color: #ffffff
}

.dup-btn[b-hlqjolihx8] {
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    padding: 0.375rem 0.75rem;
    font-size: .75rem;
    line-height: 1.5;
    text-align: center;
    font-size: 0.85rem;
}

.continue-button[b-hlqjolihx8] {
    
    background-color: #8DDF9F;
    color: black;
    
}

.continue-button:hover[b-hlqjolihx8] {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition: all 0.2s ease-in-out;
}

.cancel-button[b-hlqjolihx8] {
    background-color: #FF7883;
    color: black;
}

.cancel-button:hover[b-hlqjolihx8] {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition: all 0.2s ease-in-out;
}
/* /Components/Dialogs/LineApproversDialog.razor.rz.scp.css */
.table-container[b-ksjzf7uzvw] {
    height: 500px;
    overflow: auto;
}

table[b-ksjzf7uzvw] {
    border-collapse: collapse;
    position: relative;
    text-align: center;
    width: 100%;
}

th[b-ksjzf7uzvw], td[b-ksjzf7uzvw] {
    padding: 10px;
    border: 1px solid #dddddd;
}

th[b-ksjzf7uzvw] {
    font-weight: bold;
    position: sticky;
    top: -1px;
    z-index: 1;
}

.row[b-ksjzf7uzvw] {
    width: 250px;
    margin-bottom: 5px;
    margin-left: 1px;
}

tr[b-ksjzf7uzvw] {
    background-color: #ffffff
}
/* /Components/Dialogs/LineHistoryDialog.razor.rz.scp.css */
.table-container[b-mw22s7qcw3] {
    height: 500px;
    overflow: auto;
}

table[b-mw22s7qcw3] {
    border-collapse: collapse;
    position: relative;
    text-align: center;
    width: 100%;
}

th[b-mw22s7qcw3], td[b-mw22s7qcw3] {
    padding: 10px;
    border: 1px solid #dddddd;
}

th[b-mw22s7qcw3] {
    font-weight: bold;
    position: sticky;
    top: -1px;
    z-index: 1;
}

tr:nth-child(even)[b-mw22s7qcw3] {
    background-color: #f9f9f9;
}

td:hover[b-mw22s7qcw3] {
    background-color: #e6e6e6;
}

.row[b-mw22s7qcw3] {
    width: 250px;
    margin-bottom: 5px;
    margin-left: 1px;
}
/* /Components/Dialogs/OcrDocumentViewDialog.razor.rz.scp.css */
[b-5k69kkwg2e] .ocr-document-view-dialog.k-window {
    border: none !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
/* /Components/Dialogs/SelectExportDialog.razor.rz.scp.css */
[b-853ttwrfdm] .row-checkbox-disabled .k-checkbox {
    pointer-events: none;
    visibility: hidden;
}
/* /Components/DocumentCollapsedContent.razor.rz.scp.css */
/* /Components/DocumentContent.razor.rz.scp.css */
/* /Components/DocumentDetail.razor.rz.scp.css */
/* /Components/DocumentListItem.razor.rz.scp.css */
.selected-document[b-0dofm8be7y] {
    background: #f7f2f9;
}
/* /Components/DocumentStatus.razor.rz.scp.css */
.status[b-1t30nczhfo] {
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
    white-space: nowrap;
    min-height:17px;
}
/* /Components/Document/ActionButtons/AttachmentsButton.razor.rz.scp.css */
/* /Components/Document/ActionButtons/RefreshActionButton.razor.rz.scp.css */
.icon-rotate[b-jj8ooimet3] {
    display: inline-block;
    animation: spin-b-jj8ooimet3 1s linear infinite;
}

@keyframes spin-b-jj8ooimet3 {
    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Document/DocumentStatusPill.razor.rz.scp.css */
.status[b-66b56angi8] {
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px;
    white-space: nowrap;
    min-height:17px;
}
/* /Components/Ocr/OcrDocumentPreview.razor.rz.scp.css */
.document-preview-container[b-m9no1xhpxp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f2f4f7;
}

.document-preview-header[b-m9no1xhpxp] {
    padding: 16px 24px 8px 30px;
    background-color: #f2f4f7;
}

.document-filename[b-m9no1xhpxp] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2433;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.document-preview-content[b-m9no1xhpxp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #f2f4f7;
    padding: 12px 24px 30px 30px;
}

.document-preview-inner[b-m9no1xhpxp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e4e6eb;
}

.document-preview-inner[b-m9no1xhpxp]  .k-pdf-viewer {
    border: none;
    background: #fff;
    border-radius: 16px;
}

.document-preview-inner[b-m9no1xhpxp]  .k-pdf-viewer .k-toolbar {
    border-radius: 16px 16px 0 0;
}

.document-preview-inner[b-m9no1xhpxp]  .k-pdf-viewer .k-canvas {
    background: #fff;
}

.error-message[b-m9no1xhpxp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #991b1b;
    padding: 20px;
    text-align: center;
}

.document-preview-placeholder[b-m9no1xhpxp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
    height: 100%;
    gap: 15px;
}

.document-icon[b-m9no1xhpxp] {
    width: 72px;
    height: 72px;
    color: #b4b9cc;
}

.placeholder-text[b-m9no1xhpxp] {
    font-size: 1.25rem;
    font-weight: 500;
    color: #b4b9cc;
    line-height: 1.4;
    text-align: center;
}

.placeholder-text p[b-m9no1xhpxp] {
    margin: 0;
}
/* /Components/Ocr/OcrFilesGrid.razor.rz.scp.css */
.ocr-files-grid-container[b-pbff3aev7w] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 200px);
    min-height: 400px;
}

.ocr-files-grid-header[b-pbff3aev7w] {
    flex-shrink: 0;
}

.ocr-files-grid-content[b-pbff3aev7w] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* /Components/Ocr/OcrInvoiceDetailsPanel.razor.rz.scp.css */
.invoice-details-container[b-2vhcl85rs6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--kendo-color-surface-alt, white);
}

.invoice-details-header[b-2vhcl85rs6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--kendo-spacing-4, 16px) var(--kendo-spacing-7-5, 30px) var(--kendo-spacing-2, 8px);
    background-color: var(--kendo-color-surface-alt, white);
    flex-shrink: 0;
}

.invoice-details-title[b-2vhcl85rs6] {
    margin: 0;
    font-size: var(--kendo-h4-font-size, 20px);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-base-on-surface, #1f2433);
}

.invoice-details-content[b-2vhcl85rs6] {
    flex: 1;
    padding: var(--kendo-spacing-3, 12px) calc(var(--kendo-spacing-7-5, 30px) - 3px) var(--kendo-spacing-6, 24px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.invoice-details-content[b-2vhcl85rs6]  form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 3px;
}

.loader-text[b-2vhcl85rs6] {
    color: var(--kendo-color-subtle, #6b7280);
    font-size: var(--kendo-font-size-md, 14px);
}

.error-message[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    padding: var(--kendo-spacing-4, 16px);
    background-color: var(--kendo-color-error-subtle, #fef2f2);
    border: 1px solid var(--kendo-color-error, #fecaca);
    border-radius: var(--kendo-border-radius-xl, 8px);
    color: var(--kendo-color-error-on-subtle, #991b1b);
}

.validation-error-banner[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    margin-top: var(--kendo-spacing-4, 16px);
    padding: var(--kendo-spacing-2, 8px) var(--kendo-spacing-4, 16px);
    background-color: var(--kendo-color-error-subtle, #fef2f2);
    border: 1px solid var(--kendo-color-error, #fecaca);
    color: var(--kendo-color-error-on-subtle, #991b1b);
    font-size: var(--kendo-font-size-sm, 13px);
    flex-shrink: 0;
}

.ai-detected-fields-box[b-2vhcl85rs6] {
    background-color: #f8f8fc;
    border: 1px solid #e8e8f0;
    border-left: 4px solid #7c3aed;
    border-radius: var(--kendo-border-radius-lg, 4px);
    padding: var(--kendo-spacing-4, 16px) var(--kendo-spacing-5, 20px);
    margin-bottom: var(--kendo-spacing-6, 24px);
    flex-shrink: 0;
}

.ai-detected-title[b-2vhcl85rs6] {
    margin: 0 0 var(--kendo-spacing-2, 8px) 0;
    font-size: var(--kendo-font-size-md, 14px);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: #7c3aed;
}

.ai-detected-description[b-2vhcl85rs6] {
    margin: 0;
    font-size: var(--kendo-font-size-md, 14px);
    line-height: 1.5;
    color: var(--kendo-color-subtle, #6b7280);
}

.confidence-rating[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3, 12px);
}

.confidence-label[b-2vhcl85rs6] {
    font-size: var(--kendo-font-size-md, 14px);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: #7c3aed;
    white-space: nowrap;
}

.confidence-bar-wrapper[b-2vhcl85rs6] {
    flex: 1;
    display: flex;
    align-items: center;
}

[b-2vhcl85rs6] .confidence-progress {
    flex: 1;
}

[b-2vhcl85rs6] .confidence-progress.k-progressbar {
    height: 8px;
    border-radius: 4px;
    background-color: #e5e7eb;
}

[b-2vhcl85rs6] .confidence-progress .k-selected {
    border-radius: 4px;
}

[b-2vhcl85rs6] .confidence-progress .k-progress-status-wrap {
    display: none;
}

[b-2vhcl85rs6] .confidence-high .k-selected {
    background-color: #22c55e;
}

[b-2vhcl85rs6] .confidence-medium .k-selected {
    background-color: #eab308;
}

[b-2vhcl85rs6] .confidence-low .k-selected {
    background-color: #ef4444;
}

.form-section[b-2vhcl85rs6] {
    margin-bottom: var(--kendo-spacing-6, 24px);
    flex-shrink: 0;
}

.form-row[b-2vhcl85rs6] {
    display: flex;
    gap: var(--kendo-spacing-3, 12px);
    margin-bottom: var(--kendo-spacing-3, 12px);
}

.form-row.two-columns .form-field[b-2vhcl85rs6] {
    flex: 1;
}

.form-field[b-2vhcl85rs6] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-0-5, 2px);
}

.form-row:not(.two-columns) .form-field[b-2vhcl85rs6] {
    width: 100%;
}

.items-section[b-2vhcl85rs6] {
    margin-top: var(--kendo-spacing-4, 16px);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.items-header[b-2vhcl85rs6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--kendo-spacing-2, 8px);
    flex-shrink: 0;
}

.items-header-actions[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-4, 16px);
}

.items-title[b-2vhcl85rs6] {
    margin: 0;
    font-size: var(--kendo-h4-font-size, 20px);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-base-on-surface, #1f2433);
}

.view-all-columns-toggle[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
}

.toggle-label[b-2vhcl85rs6] {
    font-size: var(--kendo-font-size-md, 14px);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-base-on-surface, #1f2433);
}

.delete-button-container[b-2vhcl85rs6] {
    display: flex;
    justify-content: center;
}

.vat-cell[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.vat-revert-button[b-2vhcl85rs6] {
    padding: 2px;
    min-width: unset;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.grid-total-value[b-2vhcl85rs6] {
    display: block;
    text-align: left;
    font-size: var(--kendo-font-size-md, 14px);
    padding: 4px 0;
    white-space: nowrap;
}

[b-2vhcl85rs6] .is-tax-overridden .k-input-inner {
    color: var(--kendo-color-warning-on-surface, #92400e);
    font-style: italic;
}

.items-empty-placeholder[b-2vhcl85rs6] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--kendo-spacing-8, 32px);
    color: var(--kendo-color-subtle, #6b7280);
    font-size: var(--kendo-font-size-md, 14px);
    text-align: center;
    border: 1px dashed var(--kendo-color-component-border, #e4e6eb);
    border-radius: var(--kendo-border-radius-md, 4px);
    min-height: 120px;
}

.items-grid-wrapper[b-2vhcl85rs6] {
    flex: 1;
    min-height: 200px;
}

.items-summary[b-2vhcl85rs6] {
    display: flex;
    gap: var(--kendo-spacing-3, 12px);
    margin-top: var(--kendo-spacing-3, 12px);
    flex-shrink: 0;
}

.summary-field[b-2vhcl85rs6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-0-5, 2px);
}

.summary-value[b-2vhcl85rs6] {
    display: block;
    padding: var(--kendo-spacing-1, 4px) var(--kendo-spacing-2, 8px);
    border: 1px solid var(--kendo-color-component-border, #e4e6eb);
    border-radius: var(--kendo-border-radius-md, 4px);
    background-color: var(--kendo-color-surface, #f5f5f5);
    font-size: var(--kendo-font-size-md, 14px);
    color: var(--kendo-color-base-on-surface, #1f2433);
}

.invoice-details-footer[b-2vhcl85rs6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--kendo-spacing-2-5, 10px);
    padding: var(--kendo-spacing-4, 16px) var(--kendo-spacing-7-5, 30px);
    background-color: var(--kendo-color-surface-alt, white);
    border-top: 1px solid var(--kendo-color-component-border, #e4e6eb);
    flex-shrink: 0;
}

.footer-left[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
}

.footer-right[b-2vhcl85rs6] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2-5, 10px);
}
/* /Components/PunchOutBanner.razor.rz.scp.css */
.alert-punch-out-production[b-6f52odc77h]
{
    color: #65686b;
    background-color: #f7f7f4;
    border-color: #bcbebf;
}

.alert-punch-out-test[b-6f52odc77h]
{
    color: #a17f1b;
    background-color: #fff3cd;
    border-color: #f9c62f;
}
/* /Components/SentToSupplierBanner.razor.rz.scp.css */
.alert-sent-to-supplier[b-re69r38y7b]
{
    color: #a17f1b;
    background-color: #fff3cd;
    border-color: #f9c62f;
}
/* /Components/UserNotification.razor.rz.scp.css */
[b-zuzqli34bf] .imp-notification .k-notification-container {
    max-width: 480px;
    min-width: 320px;
}

[b-zuzqli34bf] .imp-notification .k-notification {
    border-radius: var(--kendo-border-radius-xl, 8px);
    padding: var(--kendo-spacing-5, 20px) var(--kendo-spacing-6, 24px);
    font-size: var(--kendo-font-size-md, 14px);
    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, .28), 0 6px 5px rgba(0, 0, 0, .24));
}

.notification-content[b-zuzqli34bf] {
    display: flex;
    align-items: flex-start;
    gap: var(--kendo-spacing-2, 8px);
}

[b-zuzqli34bf] .notification-icon {
    flex-shrink: 0;
    margin-top: 1px;
}

.notification-text[b-zuzqli34bf] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-1, 4px);
    line-height: var(--kendo-line-height-md, 1.4285714286);
}

.notification-link[b-zuzqli34bf] {
    color: inherit;
    font-weight: var(--kendo-font-weight-semibold, 600);
    text-decoration: underline;
}

.notification-link:hover[b-zuzqli34bf] {
    opacity: 0.8;
}
/* /Components/Workflow/WorkflowPreview.razor.rz.scp.css */
.table-container[b-715frqp1oi] {
    height: 400px;
    overflow: auto;
}

table[b-715frqp1oi] {
    border-collapse: collapse;
    position: relative;
    text-align: center;
    width: 100%;
}

th[b-715frqp1oi], td[b-715frqp1oi] {
    padding: 10px;
    border: 1px solid #dddddd;
}

th[b-715frqp1oi] {
    font-weight: bold;
    top: -1px;
    z-index: 1;
}

.row[b-715frqp1oi] {
    width: 250px;
    margin-bottom: 5px;
    margin-left: 1px;
}

tr[b-715frqp1oi] {
    background-color: #ffffff
}
/* /Pages/Admin/Pages/Audit.razor.rz.scp.css */
/*Workaround form narrow dropdown list*/
[b-74ukkcl2w7] .k-pager-md .k-pager-sizes .k-dropdownlist {
    width: 100px !important;
}
/* /Pages/Admin/Pages/BudgetPotRequests.razor.rz.scp.css */
.bpr-item-content[b-4eazl0ae1g] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.bpr-info[b-4eazl0ae1g] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
}

.bpr-name[b-4eazl0ae1g] {
    font-weight: bold;
    font-size: 0.95rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.btn[b-4eazl0ae1g] {
    width: 6rem;
}


.bpr[b-4eazl0ae1g] {
    --bpr-lavender: #ead7ef;
}

    .bpr[b-4eazl0ae1g]  .validation-message {
        display: block;
    }

.bpr-grid[b-4eazl0ae1g] {
    display: grid;
    grid-template-columns: 180px 1fr 30px 100px 100px min-content 1fr;
    grid-template-rows: repeat(6, minmax(48px, auto));
    gap: 0 16px;
    align-items: stretch;
    background: #fff;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(50, 20, 50, 0.03);
    padding: 0.5rem 0.5rem 1.5rem 0.5rem;
}

.bpr[b-4eazl0ae1g]  .bpr-label {
    background: var(--bpr-lavender);
    text-align: left;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
    padding-right: 0.5rem;
}

.bpr-field[b-4eazl0ae1g],
.bpr-year-field[b-4eazl0ae1g],
.bpr-notes-field[b-4eazl0ae1g],
.bpr-notes-row .bpr-field[b-4eazl0ae1g] {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start !important;
    border-radius: 0 !important; /* Removed rounded corners */
    padding: 0.5rem; /* optional padding */
}



.bpr-field[b-4eazl0ae1g]  > input:not([type="checkbox"]) {
    align-self: flex-start !important;
    width: 100%;
    min-width: 0;
}


.bpr-checkbox[b-4eazl0ae1g] {
    display: flex;
    justify-content: flex-start;
    align-items: center; /* Vertically centers checkbox */
    padding-left: .5rem;
    width: 100%;
    margin-top: .5rem;
}

.bpr-checkbox[b-4eazl0ae1g]  input[type="checkbox"] {
    margin-left: 0; /* Remove any left margin */
    margin-right: auto; /* Pushes it to left */
}

.bpr-year-label[b-4eazl0ae1g] {
    background: var(--bpr-lavender);
    text-align: left;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.75rem;
    padding-right: 0.5rem;
}

.bpr-notes-label[b-4eazl0ae1g] {
    background: var(--bpr-lavender);
    text-align: left;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.75rem;
    padding-right: 0.5rem;
    white-space: nowrap;
    border-radius: 0 !important; /* Removed left rounded corners */
}

.bpr-notes-field textarea[b-4eazl0ae1g] {
    width: 100%;
    min-width: 50px;
    resize: vertical;
    border-radius: 0 !important; /* Remove rounding on textareas too */
}

select.form-select[b-4eazl0ae1g], input[type='number'].form-control[b-4eazl0ae1g], textarea.form-control[b-4eazl0ae1g] {
    height: 38px;
    min-height: 38px;
    font-size: 1rem;
    border-radius: 0 !important; /* Remove rounding on inputs/selects */
}

textarea.form-control[b-4eazl0ae1g] {
    resize: vertical;
}

#budgetpot-request-description[b-4eazl0ae1g] {
    padding: 2px 6px; 
    font-size: 0.875rem; 
    height: auto; 
}

.bpr-notes-row[b-4eazl0ae1g] {
    display: flex; /* keep existing */
    align-items: stretch;
    margin-bottom: 1.5rem;
    margin-left: 10px; /* added to shift right and align */
}

.bpr-development-warning[b-4eazl0ae1g] {
    display: flex; /* keep existing */
    align-items: stretch;
    margin-bottom: 1rem;
    margin-left: 10px; /* added to shift right and align */
    font-size: larger;
}

.bpr-notes-row .bpr-label[b-4eazl0ae1g] {
    flex: 0 0 180px;
    padding: 1rem 1rem 1rem 1rem;
    font-size: 1rem;
    background: var(--bpr-lavender);
    border-radius: 0 !important; /* Removed left rounded corners */
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.bpr-notes-row .bpr-field[b-4eazl0ae1g] {
    flex: 1 1 auto;
    background: #fff;
    border-radius: 0 !important; /* Removed rounded corners */
    padding: 1rem;
}

.bpr-notes-row textarea.form-control[b-4eazl0ae1g] {
    min-height: 60px;
    width: 100%;
    border-radius: 0 !important; /* Remove rounding on big textarea */
}

.bpr-card-container[b-4eazl0ae1g]  .bpr-card{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.bpr-card-container[b-4eazl0ae1g] {
    display: flex;
    flex-direction: column;
}

.bpr-buttons[b-4eazl0ae1g] {
    flex-direction: column;
}

@media (min-width: 550px) {
    .bpr-buttons[b-4eazl0ae1g] {
        flex-direction: row;
    }
}

@media (min-width: 1500px) {
    .bpr-card-container[b-4eazl0ae1g]  .bpr-card {
        flex-direction: row;
    }

    .bpr-buttons[b-4eazl0ae1g] {
        flex-direction: column;
        margin-top: .5rem;
    }
}

.doc-data-container[b-4eazl0ae1g] {
    flex-wrap: nowrap;
}
/* /Pages/Admin/Pages/ImportExport.razor.rz.scp.css */
.upload-section[b-3gte9ez876] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.upload-container[b-3gte9ez876] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.file-input[b-3gte9ez876] {
    margin-bottom: 10px;
    width: 200px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    transition: border-color 0.3s ease;
}

    .file-input:hover[b-3gte9ez876] {
        border-color: #999;
    }

.upload-buttons[b-3gte9ez876] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.upload-btn[b-3gte9ez876] {
    width: 100px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background-color: #6A0F8E;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .upload-btn:hover[b-3gte9ez876] {
        background-color: #261342;
    }

    .upload-btn:disabled[b-3gte9ez876] {
        opacity: 0.6;
        background-color: #6F6F6F;
    }

.export-btn[b-3gte9ez876] {
    width: 100px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background-color: #6A0F8E;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .export-btn:hover[b-3gte9ez876] {
        background-color: #261342;
    }

    .export-btn:disabled[b-3gte9ez876] {
        opacity: 0.6;
        background-color: #6F6F6F;
    }

.progress-section[b-3gte9ez876] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.progress-container[b-3gte9ez876] {
    flex-direction: column;
    align-items: start;
    justify-content: center;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-height: 600px;
    max-width: 500px;
    overflow-y: auto;
}

.progress-text[b-3gte9ez876] {
    align-items: center;
    margin-top: 10px;
    color: #555;
}

.title[b-3gte9ez876] {
    text-align: center;
}

.error[b-3gte9ez876] {
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
}

.upload-components[b-3gte9ez876] {
    padding-top: 5px;
    padding-bottom: 5px;
}

.import-select[b-3gte9ez876] {
    text-align: end;
}

.import-file[b-3gte9ez876] {
    padding-left: 35px;
}
/* /Pages/Admin/Pages/Reports.razor.rz.scp.css */
.report-item[b-a5dxoxgtmn] {
    padding: 10px;
    margin: 5px 0;
    background-color: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.report-item:hover[b-a5dxoxgtmn] {
    background-color: #e0e0e0;
}

.report-name[b-a5dxoxgtmn] {
    margin: 0;
    font-weight: 500;
}

.report-embed-container[b-a5dxoxgtmn] {
    padding-top: 15px;
}

.report-actions[b-a5dxoxgtmn] {
    display: flex;
    justify-content: flex-start;
}
/* /Pages/Admin/Partials/FinanceExportTab.razor.rz.scp.css */
.org-details-label[b-resn6l8ip7] {
    font-weight: bold;
    font-size: 0.8rem;
    color: black;
}

.red-bullets[b-resn6l8ip7] {
    list-style-type: disc;
    padding-left: 20px;
    color: red;
}

.red-bullets li[b-resn6l8ip7]::marker {
    color: red;
}
/* /Pages/Admin/Partials/OrganisationDetailsTab.razor.rz.scp.css */
.org-details-label[b-wkib82zlvv] {
    font-weight: bold;
    font-size: 0.8rem;
    color: black;
}
/* /Pages/Admin/Partials/OrganisationSettingsTab.razor.rz.scp.css */
.align-items-center[b-azxl01ku0t] {
    display: flex;
    align-items: center;
}

h5[b-azxl01ku0t] {
   margin-bottom: 0; 
}

.flex-direct-row[b-azxl01ku0t] {
    display: flex;
    flex: auto;
    flex-direction: row;
}
/* /Pages/Admin/Partials/PunchOutSettingsTab.razor.rz.scp.css */
.poc-grid[b-afhm46bxe2] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(4,minmax(48px, auto));
    gap: 0 16px;
    align-items: stretch;
    background: #fff;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(50, 20, 50, 0.03);
    padding: 0.5rem 0.5rem 1.5rem 0.5rem;
}
.poc-grid .bpr-field:last-child[b-afhm46bxe2] {
    grid-column: 1 / -1;
}

.poc-label[b-afhm46bxe2] {
    flex: 0 0 180px;
    padding: 1rem 1rem 1rem 1rem;
    font-size: 1rem;
    background: var(--bpr-lavender);
    border-radius: 0 !important; /* Removed left rounded corners */
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.poc-field[b-afhm46bxe2] {
     flex: 1 1 auto;
     background: #fff;
     border-radius: 0 !important; /* Removed rounded corners */
     padding: 1rem;
 }
/* /Pages/Admin/Partials/SchoolDetailsTab.razor.rz.scp.css */
.sch-details-label[b-gc2dihvke1] {
    font-weight: bold;
    font-size: 0.8rem;
    color: black;
}

.selector[b-gc2dihvke1] {
    width: 60%
}
/* /Pages/Dashboard.razor.rz.scp.css */
.empty-message[b-wmvkt44apc] {
    padding: 12px;
    color: #8a7f96;
    font-size: 0.82rem;
}
/* /Pages/DetailEnquiry/DetailEnquiryRunPage.razor.rz.scp.css */
.document-container[b-cmjjzbxa5p] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px - 40px); /* header and footer */
    overflow: hidden;
}

.page-header[b-cmjjzbxa5p] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.page-title[b-cmjjzbxa5p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-title h3[b-cmjjzbxa5p] {
    margin: 0;
}

[b-cmjjzbxa5p] .page-header .k-button {
    padding: 8px 12px;
}

.grid-area[b-cmjjzbxa5p] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Override Telerik's .k-grid a { color: inherit; text-decoration: none } */
[b-cmjjzbxa5p] .detail-enquiry-grid.k-grid a {
    color: #2E145D;
    text-decoration: underline;
}

[b-cmjjzbxa5p] .detail-enquiry-grid.k-grid a:hover {
    color: #6A0F8E;
}
/* /Pages/Document/Pages/Documents.razor.rz.scp.css */
/* /Pages/Enquiries/DetailEnquiriesLandingPage.razor.rz.scp.css */
.document-container[b-jfxn1sw9ob] {
    --grid-header-radius: 0.5em;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 70px - 40px);
    overflow: hidden;
}

.page-header-bar[b-jfxn1sw9ob] {
    margin-bottom: 24px;
}

    .page-header-bar h3[b-jfxn1sw9ob] {
        margin-bottom: 0;
    }

[b-jfxn1sw9ob] .btn-grid-action {
    padding: 8px 16px;
}

/* Telerik Grid Fixes */
.grid-area[b-jfxn1sw9ob] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

[b-jfxn1sw9ob] .actions-header-cell .k-cell-inner {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    height: 100%;
}

[b-jfxn1sw9ob] .grid-full-width-header .k-grid-header th:first-child {
    padding-left: 24px;
}
[b-jfxn1sw9ob] .grid-full-width-header .k-grid-header th:last-child {
    padding-right: 24px;
}

[b-jfxn1sw9ob] .grid-full-width-header .k-table-tbody td:first-child {
    padding-left: 24px;
}

[b-jfxn1sw9ob] .grid-full-width-header .k-table-tbody td:not(:first-child) {
    padding-left: 12px;
}

[b-jfxn1sw9ob] .grid-full-width-header .k-grid-header {
    border-radius: var(--grid-header-radius) var(--grid-header-radius) 0 0;
    overflow: hidden;
    padding-right: 0 !important;
}
[b-jfxn1sw9ob] .grid-full-width-header .k-grid-header-wrap {
    border-right: 0;
}
/* /Pages/Finance/FinanceDocumentsPage.razor.rz.scp.css */
.row[b-5vrmc5dtk2] {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

[b-5vrmc5dtk2] .finance-documents-grid .k-pager-md .k-pager-sizes .k-dropdownlist {
    width: 100px;
}
/* /Pages/Ocr/Files.razor.rz.scp.css */
/* /Pages/Ocr/Upload.razor.rz.scp.css */
/* Fixes line height in Telerik FileUpload, just makes it line up with the icon, no functional changes*/
[b-deuzuyl0af] .k-file-name {
    line-height: 2rem !important;
}
/* /Pages/Privacy/Privacy.razor.rz.scp.css */
.privacy-container[b-1lhfxpetl2] {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.privacy-container h1[b-1lhfxpetl2] {
    font-size: 24px;
    margin-bottom: 4px;
}

.privacy-container h2[b-1lhfxpetl2] {
    font-size: 18px;
    margin-top: 24px;
    margin-bottom: 8px;
}

.privacy-container p[b-1lhfxpetl2] {
    margin-bottom: 8px;
}

.privacy-container .sub-clause[b-1lhfxpetl2] {
    margin-left: 1cm;
    text-indent: -1cm;
}

.privacy-container .sub-sub-clause[b-1lhfxpetl2] {
    margin-left: 70.9pt;
    text-indent: -42.55pt;
}

.privacy-container table[b-1lhfxpetl2] {
    border-collapse: collapse;
    width: 100%;
    margin: 12px 0;
}

.privacy-container table th[b-1lhfxpetl2],
.privacy-container table td[b-1lhfxpetl2] {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

.privacy-container table th[b-1lhfxpetl2] {
    background-color: #f5f5f5;
    font-weight: bold;
}

.privacy-container .last-updated[b-1lhfxpetl2] {
    color: #666;
    font-style: italic;
    margin-bottom: 16px;
}

.privacy-container .contact-block[b-1lhfxpetl2] {
    margin: 12px 0;
    padding-left: 1cm;
}

.privacy-container .contact-footer[b-1lhfxpetl2] {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #ccc;
    text-align: center;
    color: #666;
}
/* /Pages/PunchOut/PunchOut.razor.rz.scp.css */
.punchout-action-container[b-trl5zhcbqi] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 65px;
    justify-content: space-evenly;
}

.punchout-action-item[b-trl5zhcbqi] {
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    Width: -webkit-fill-available;
    height: 90px;
    width: 270px;
    border-radius: 6px;
    transition: box-shadow 0.3s ease-in-out;
    margin: 15px;
    margin-top: 25px;
    background-size: contain;
}

.punchout-action-item:disabled[b-trl5zhcbqi] {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(100%);
}


.punchout-action-item:hover[b-trl5zhcbqi] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-width:3px;
}

.punchout-item-container[b-trl5zhcbqi] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.punchout-label[b-trl5zhcbqi] {
    margin-top: 8px;
    text-align: center;
}
/* /Shared/AttachmentsControl.razor.rz.scp.css */
attachments-container[b-ekayikdrsr] {
    position: relative;
    display: inline-block;
}

.attachment-button-container[b-ekayikdrsr] {
    display: inline-flex;
    align-items: center;
}

.attachment-button-container .fluent-button[b-ekayikdrsr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.attachment-button-container .fluent-progress-ring[b-ekayikdrsr] {
    display: inline-block;
    vertical-align: middle;
}

/* Attachment button with simple icon and badge layout */
.attachment-button[b-ekayikdrsr] {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: none;
    padding: 6px 6px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s ease-in-out;
    margin-left: 3px;
}

/* Apply toolbar-button-dark styling to the attachment button */
.attachment-button.toolbar-button-dark[b-ekayikdrsr] {
    background-color: #261342;
    color: white;
    border-width: 1px;
}

.attachment-button.toolbar-button-dark:hover:not(:disabled)[b-ekayikdrsr] {
    background-color: #6A0F8E;
}

.attachment-button.toolbar-button-dark:disabled[b-ekayikdrsr] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Primary theme style - matches Telerik primary buttons */
.attachment-button.toolbar-button-primary[b-ekayikdrsr] {
    background-color: var(--kendo-color-primary, #5c3df5);
    color: white;
    border-width: 1px;
    border-radius: var(--kendo-border-radius-md, 0.25rem);
}

.attachment-button.toolbar-button-primary:hover:not(:disabled)[b-ekayikdrsr] {
    background-color: var(--kendo-color-primary-hover, #4e25f4);
}

.attachment-button.toolbar-button-primary:disabled[b-ekayikdrsr] {
    opacity: 0.6;
    cursor: not-allowed;
}

.attachment-content[b-ekayikdrsr] {
    position: relative; /* make this the positioning context */
    display: inline-block;
}

/* Custom badge styling - completely custom element */
.custom-badge[b-ekayikdrsr] {
    background-color: #dc3545; /* Red background */
    color: white; /* White text */
    font-size: 10px;
    font-weight: bold;
    min-width: 16px;
    height: 16px;
    border-radius: 50%; /* Make it circular */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    padding: 0 2px;
    box-sizing: border-box;
}

/* Target the SVG element directly */
[b-ekayikdrsr] svg.attachment-icon {
    z-index: 100 !important;
    position: relative;
}

/* Target any SVG inside attachment-content */
.attachment-content svg[b-ekayikdrsr] {
    z-index: 100 !important;
    position: relative;
}

/* Attachment badge positioning - component-scoped styles */
.attachment-badge[b-ekayikdrsr] {
    position: absolute !important;
    top: 11px !important;
    right: -5px !important;
    z-index: 1 !important;
}

/* Also target the badge container itself */
[b-ekayikdrsr] .attachment-badge {
    z-index: 1 !important;
}

.loading-badge[b-ekayikdrsr] {
    position: absolute !important;
    top: 10px !important;
    right: -2px !important;
    z-index: 1 !important;
}

[b-ekayikdrsr] .loading-badge {
    z-index: 1 !important;
}

/* Attachment overlay and popup styling */
.attachment-overlay[b-ekayikdrsr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-ekayikdrsr 0.2s ease-out;
}

.attachment-popup[b-ekayikdrsr] {
    background-color: var(--neutral-fill-rest);
    border-radius: 8px;
    padding: 24px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    position: relative;
    animation: slideUp-b-ekayikdrsr 0.2s ease-out;
}

@keyframes fadeIn-b-ekayikdrsr {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-ekayikdrsr {
    from { 
        transform: translateY(20px);
        opacity: 0;
    }
    to { 
        transform: translateY(0);
        opacity: 1;
    }
}

.attachment-header[b-ekayikdrsr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.attachment-header h3[b-ekayikdrsr] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    font-weight: 600;
}

.attachment-actions[b-ekayikdrsr] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.attachment-controls[b-ekayikdrsr] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 16px;
    background-color: var(--neutral-fill-subtle);
    border-radius: 6px;
}

.drop-zone[b-ekayikdrsr] {
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: var(--neutral-fill-subtle);
    flex: 1;
    overflow-y: auto;
    min-height: 200px;
}

.drop-zone:hover[b-ekayikdrsr],
.drop-zone.drag-active[b-ekayikdrsr],
.drop-zone.drag-over[b-ekayikdrsr] {
    border-color: var(--accent-fill-rest);
    background-color: var(--accent-fill-subtle);
}

.drop-zone.dragging[b-ekayikdrsr] {
    border-color: var(--accent-fill-rest);
    background-color: var(--accent-fill-subtle);
    transform: scale(1.02);
}

.drop-zone-content[b-ekayikdrsr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--neutral-foreground-hint);
    min-height: 150px;
}

.drop-zone-content p[b-ekayikdrsr] {
    margin: 0;
    font-size: 14px;
}

.file-list[b-ekayikdrsr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 300px;
    overflow-y: auto;
}

/* File item container */
.file-item[b-ekayikdrsr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background-color: var(--neutral-fill-rest);
    margin-bottom: 8px;
    transition: all 0.2s ease;
    position: relative;
}

.file-item:hover[b-ekayikdrsr] {
    background-color: var(--neutral-fill-hover);
    border-color: var(--neutral-stroke-hover);
}

.file-item.deleted[b-ekayikdrsr] {
    background-color: var(--palette-red-background1);
    border-color: var(--palette-red-border1);
    opacity: 0.8;
}

.file-item.read-only[b-ekayikdrsr] {
    opacity: 0.85;
    cursor: default;
}

.read-only-badge[b-ekayikdrsr] {
    font-size: 11px;
    font-weight: 600;
    color: #7c3aed;
    background-color: #f3f0ff;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

/* File name button (styled to look like clickable text) */
.file-name-button[b-ekayikdrsr] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    text-align: left;
    cursor: default;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.file-name-button:disabled[b-ekayikdrsr] {
    cursor: not-allowed;
    opacity: 0.6;
}

.file-name-button.strikethrough[b-ekayikdrsr] {
    text-decoration: line-through;
    color: var(--neutral-foreground-disabled);
}

.file-name-button:focus-visible[b-ekayikdrsr] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
    border-radius: 2px;
}

/* File info section */
.file-info[b-ekayikdrsr] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0; /* Allow text truncation */
    gap: 12px;
}

.file-size[b-ekayikdrsr] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    font-weight: 400;
    min-width: 60px;
    text-align: right;
}

/* File actions section */
.file-actions[b-ekayikdrsr] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-left: 12px;
}

/* Error message styling */
.error-message[b-ekayikdrsr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: var(--palette-red-background1);
    border: 1px solid var(--palette-red-border1);
    border-radius: 6px;
    margin-bottom: 16px;
    color: var(--palette-red-foreground1);
}

/* Responsive design */
@media (max-width: 768px) {
    .attachment-popup[b-ekayikdrsr] {
        width: 95%;
        max-height: 90vh;
        margin: 0 10px;
    }
    
    .attachment-header[b-ekayikdrsr] {
        padding: 12px 16px;
    }
    
    .attachment-controls[b-ekayikdrsr] {
        padding: 12px 16px;
    }
    
    .drop-zone[b-ekayikdrsr] {
        margin: 16px;
        min-height: 150px;
    }
    
    .file-item[b-ekayikdrsr] {
        padding: 10px 12px;
    }
    
    .file-info[b-ekayikdrsr] {
        gap: 8px;
    }
    
    .file-actions[b-ekayikdrsr] {
        gap: 2px;
    }
}
/* /Shared/Components/DetailView.razor.rz.scp.css */
.actions-wrapper[b-buwt4qu11z]{
    height: 2.25rem;
}
/* /Shared/Components/LhsVirtualizedList.razor.rz.scp.css */
.default-list-item[b-1thnejshzx] {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 10px;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    background-color: #fff;
    position: relative;
}

.default-list-item:hover[b-1thnejshzx] {
    background-color: #f5f5f5;
}

.default-list-item.selected[b-1thnejshzx] {
    background-color: #f0f0f0;
    border-left: none;
    padding-left: 10px;
}

.default-list-item[placeholder][b-1thnejshzx] {
    color: #888;
    font-style: italic;
    cursor: default;
}
.default-list-item[placeholder]:hover[b-1thnejshzx] {
    background-color: #fff;
}

.lhs-custom-scroll[b-1thnejshzx] {
    scrollbar-width: thin;
}

.lhs-custom-scroll[b-1thnejshzx]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.lhs-custom-scroll[b-1thnejshzx]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.lhs-custom-scroll[b-1thnejshzx]::-webkit-scrollbar-thumb {
    background-color: #a0a0a0;
    border-radius: 4px;
}

.lhs-custom-scroll[b-1thnejshzx]::-webkit-scrollbar-thumb:hover {
    background-color: #888888;
}

.lhs-custom-scroll[b-1thnejshzx]::-webkit-scrollbar-corner {
    background: transparent;
}

.lhs-custom-scroll[b-1thnejshzx]::-webkit-scrollbar-button {
    display: none;
}
/* /Shared/Components/ListCommandComponents/ListCommandPanel.razor.rz.scp.css */
.list-command-panel[b-nc3tbmn4zh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: .2rem;
}
.list-header[b-nc3tbmn4zh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.lcp-header-right[b-nc3tbmn4zh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    flex-wrap: wrap;
}
.lcp-quick-actions[b-nc3tbmn4zh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
}
.quick-filter-text[b-nc3tbmn4zh] {
    font-size: 0.9rem;
    text-decoration: revert;
    color: black;
}

.quick-action-link[b-nc3tbmn4zh] {
    font-size: 0.9rem;
    text-decoration: none;
    color: black;
    padding: 1px 2px;
    border-radius: 4px;
    transition: color 0.2s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.quick-action-link:hover[b-nc3tbmn4zh] {
    color: #0066cc;
    text-decoration: none;
}

.quick-action-link:active[b-nc3tbmn4zh] {
    background-color: transparent;
}

.quick-action-link i[b-nc3tbmn4zh] {
    font-size: 0.8rem;
}
/* /Shared/Components/ListCommandComponents/Models/FilterControlContainer.razor.rz.scp.css */
.custom-filter-container[b-5aospevxa4] {
    display: contents; /* This makes the container invisible and just passes through its children */
}
/* /Shared/Components/ListCommandComponents/RenderingParts/ActiveFilters.razor.rz.scp.css */
h3[b-kd1iuh1qrc] {
    color: steelblue;
}
/* /Shared/Components/ListCommandComponents/RenderingParts/CustomFilters/DecimalFilter.razor.rz.scp.css */
.decimal-filter-container[b-esybh3yiun] {
    display: flex;
    gap: 4px;
    align-items: center;
    max-width: 140px; /* Narrower container for up to �100,000 */
    min-width: 100px;
}

.decimal-filter-operator-section[b-esybh3yiun] {
    flex-shrink: 0;
}

.decimal-filter-operator-select[b-esybh3yiun] {
    padding: 4px 6px;
    border: none;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    min-width: 35px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.decimal-filter-operator-select:hover[b-esybh3yiun] {
    background: rgba(0, 0, 0, 0.05);
}

.decimal-filter-operator-select:focus[b-esybh3yiun] {
    outline: none;
    background: rgba(0, 122, 204, 0.15);
    box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.2);
}

.decimal-filter-operator-display[b-esybh3yiun] {
    padding: 4px 6px;
    font-size: 14px;
    min-width: 25px;
    text-align: center;
    cursor: pointer;
    color: #333;
    user-select: none;
    transition: background-color 0.2s ease;
}

.decimal-filter-operator-display:hover[b-esybh3yiun] {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.decimal-filter-input-section[b-esybh3yiun] {
    flex: 1;
    min-width: 0; /* Allow shrinking */
}

.decimal-input-with-currency[b-esybh3yiun] {
    display: flex;
    align-items: center;
    position: relative;
}

.currency-symbol[b-esybh3yiun] {
    font-size: 14px;
    color: #666;
    margin-right: 2px;
    font-weight: 500;
    flex-shrink: 0;
}

.decimal-filter-input[b-esybh3yiun] {
    width: 100%;
    max-width: 80px; /* Limit width for values up to �100,000 */
    padding: 4px 6px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background: transparent;
    text-align: left; /* Left-align numbers for more fluent appearance */
}

.decimal-filter-input:focus[b-esybh3yiun] {
    outline: none;
    background: rgba(0, 122, 204, 0.1);
}

.decimal-filter-value-display[b-esybh3yiun] {
    padding: 4px 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    user-select: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.decimal-filter-value-display:hover[b-esybh3yiun] {
    background: rgba(0, 0, 0, 0.05);
}

.decimal-filter-placeholder[b-esybh3yiun] {
    color: #999;
    font-size: 12px;
}

/* Hide number input spinners */
.decimal-filter-input[b-esybh3yiun]::-webkit-outer-spin-button,
.decimal-filter-input[b-esybh3yiun]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.decimal-filter-input[type=number][b-esybh3yiun] {
    -moz-appearance: textfield;
}
/* /Shared/Components/ListCommandComponents/RenderingParts/CustomFilters/FilterSelector.razor.rz.scp.css */
.filter-selector-container[b-42sku7f3o2] {
    position: relative;
    display: inline-block;
    width: fit-content;
}

.filter-selector-sizer[b-42sku7f3o2] {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    font-size: 0.75rem;
    padding: 2px 6px;
    line-height: 1.2;
    pointer-events: none;
}

.filter-selector-input[b-42sku7f3o2] {
    height: 1.4rem;
    font-size: 0.75rem;
    padding: 2px 6px;
    line-height: 1.2;
    border: none;
    outline: none;
    background: transparent;
    border-radius: 0;
    min-width: 60px;
    max-width: 300px;
}

.filter-selector-input:disabled[b-42sku7f3o2] {
    opacity: 0.6;
    cursor: not-allowed;
}

.filter-selector-input[b-42sku7f3o2]::placeholder {
    color: #999;
    font-style: italic;
}

.filter-selector-dropdown[b-42sku7f3o2] {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    min-width: 150px;
    white-space: nowrap;
}

.filter-selector-item[b-42sku7f3o2] {
    padding: 6px 8px;
    cursor: pointer;
    font-size: 0.75rem;
    border-bottom: 1px solid #eee;
}

.filter-selector-item:hover[b-42sku7f3o2],
.filter-selector-item.highlighted[b-42sku7f3o2] {
    background-color: #e6f3ff;
    color: #0066cc;
}

.filter-selector-item:last-child[b-42sku7f3o2] {
    border-bottom: none;
}

.filter-selector-loading[b-42sku7f3o2],
.filter-selector-no-results[b-42sku7f3o2] {
    padding: 8px;
    text-align: center;
    font-size: 0.75rem;
    color: #666;
    font-style: italic;
}

.filter-selector-loading[b-42sku7f3o2] {
    color: #0066cc;
}
/* /Shared/Components/ListCommandComponents/RenderingParts/CustomFilters/SimpleDropdownFilter.razor.rz.scp.css */
.simple-dropdown-filter[b-re75dtn54c] {
    display: inline-flex;
    align-items: center;
    gap: 4px; /* Reduced from 8px to 4px for tighter spacing */
    font-family: inherit;
    font-size: 14px;
}

.dropdown-label[b-re75dtn54c] {
    color: #323130;
    font-weight: 400;
    white-space: nowrap;
}

.dropdown-select[b-re75dtn54c] {
    padding: 2px 4px; /* Significantly reduced from 6px 8px to match filter pill dimensions */
    border: none;  /* Remove border to match filter pill style */
    border-radius: 3px; /* Slightly smaller border radius */
    background-color: transparent;  /* Make background transparent */
    font-size: 13px; /* Slightly smaller font to fit better */
    font-family: inherit;
    color: #323130;
    cursor: pointer;
    min-width: 80px; /* Reduced from 120px */
    max-width: 200px; /* Reduced from 250px */
    height: 20px; /* Fixed height to match filter pill better */
    line-height: 1; /* Tighter line height */
    transition: background-color 0.2s ease;
    outline: none;
    /* Remove any default browser styling that might add bulk */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Custom dropdown arrow to replace browser default */
.dropdown-select[b-re75dtn54c] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23605e5c' d='M12.78 6.22a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 7.28a.75.75 0 1 1 1.06-1.06L8 9.94l3.72-3.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 12px;
    padding-right: 20px; /* Make room for custom arrow */
}

.dropdown-select:hover[b-re75dtn54c] {
    background-color: rgba(0, 0, 0, 0.05);
    /* Keep the dropdown arrow on hover */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23605e5c' d='M12.78 6.22a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 7.28a.75.75 0 1 1 1.06-1.06L8 9.94l3.72-3.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E");
}

.dropdown-select:focus[b-re75dtn54c] {
    outline: none;
    background-color: rgba(0, 120, 212, 0.1);
    /* Keep the dropdown arrow on focus */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23605e5c' d='M12.78 6.22a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 7.28a.75.75 0 1 1 1.06-1.06L8 9.94l3.72-3.72a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E");
}

.dropdown-select:disabled[b-re75dtn54c] {
    background-color: #f3f2f1;
    color: #a19f9d;
    cursor: not-allowed;
}

.dropdown-select option[b-re75dtn54c] {
    padding: 3px 6px; /* Slightly reduced padding for options */
    background-color: white;
    color: #323130;
    font-size: 13px; /* Match the select font size */
}

.dropdown-select option:disabled[b-re75dtn54c] {
    color: #a19f9d;
    font-style: italic;
}
/* /Shared/Components/ListCommandComponents/RenderingParts/CustomFilters/TextFilter.razor.rz.scp.css */
.simple-text-filter[b-yq956271ak] {
    display: inline-flex;
    align-items: center;
    gap: 4px; /* Match dropdown spacing */
    font-family: inherit;
    font-size: 14px;
}

.text-label[b-yq956271ak] {
    color: #323130;
    font-weight: 400;
    white-space: nowrap;
}

.text-input[b-yq956271ak] {
    padding: 2px 4px; 
    border: none;
    border-radius: 3px;
    background-color: transparent;
    font-size: 13px;
    font-family: inherit;
    color: #323130;
    min-width: 140px;
    max-width: 250px;
    width: auto;
    height: 20px;
    line-height: 1;
    transition: background-color 0.2s ease;
    outline: none;
    box-sizing: border-box;
}

.text-input[b-yq956271ak]::placeholder {
    color: #a19f9d;
    font-style: italic;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

.text-input:hover[b-yq956271ak] {
    background-color: rgba(0, 0, 0, 0.05);
}

.text-input:focus[b-yq956271ak] {
    outline: none;
    background-color: rgba(0, 120, 212, 0.1);
}

.text-input:disabled[b-yq956271ak] {
    background-color: #f3f2f1;
    color: #a19f9d;
    cursor: not-allowed;
}
/* /Shared/Components/ListCommandComponents/RenderingParts/FilterPill.razor.rz.scp.css */
.filter-pill[b-q6cuokjp2q] {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px 2px 10px;
    margin: .2rem;
    height: auto;
    min-height: 1.7rem;
    background-color: white;
    border: 1px solid var(--neutral-primary, #605e5c);
    border-radius: 12px;
    font-size: 0.875rem;
    overflow: visible;
    gap: 4px;
    width: max-content;
    max-width: none;
}

.filter-pill__text[b-q6cuokjp2q] {
    margin-right: 6px;
    color: var(--neutral-primary, #605e5c);
    flex-shrink: 0;
    white-space: nowrap;
}

.filter-pill__remove[b-q6cuokjp2q] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

    .filter-pill__remove fluent-icon[b-q6cuokjp2q] {
        width: 16px;
        height: 16px;
    }
/* /Shared/Components/ListCommandComponents/RenderingParts/FilterSelectorButton.razor.rz.scp.css */
h3[b-mktuzegdkn] {
    color: steelblue;
}
/* /Shared/Components/ListCommandComponents/RenderingParts/SortDetailsButton.razor.rz.scp.css */
h3[b-cclqqxvnfg] {
    color: steelblue;
}

.sort-details[b-cclqqxvnfg] {
    position: relative;
}

.sort-details .sort-button[b-cclqqxvnfg] {
    padding: 8px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.sort-details .sort-button:hover[b-cclqqxvnfg] {
    background-color: rgba(0, 120, 212, 0.1);
}

/* Menu styling */
[b-cclqqxvnfg] fluent-menu {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.08);
    min-width: 200px;
}

/* Menu item styling */
[b-cclqqxvnfg] fluent-menu-item {
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
    margin: 2px 4px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-cclqqxvnfg] fluent-menu-item:hover {
    background-color: rgba(0, 120, 212, 0.08);
}

/* Selected item styling */
[b-cclqqxvnfg] fluent-menu-item.selected {
    background-color: rgba(0, 120, 212, 0.1);
    border-left: 3px solid #0078d4;
    font-weight: 600;
    color: #0078d4;
}

/* Menu item content wrapper */
.menu-item-content[b-cclqqxvnfg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
}

.menu-item-label[b-cclqqxvnfg] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 8px;
}

/* Checkmark area styling */
.selected-indicator[b-cclqqxvnfg] {
    width: 16px;
    height: 16px;
    color: #0078d4;
    flex-shrink: 0;
}

.checkmark-spacer[b-cclqqxvnfg] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.sort-name[b-cclqqxvnfg] {
    flex: 1;
}

/* Sort direction indicator */
.sort-direction[b-cclqqxvnfg] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #0078d4;
    background-color: rgba(0, 120, 212, 0.1);
    padding: 4px 8px;
    border-radius: 12px;
    min-width: 42px;
    justify-content: center;
    gap: 2px;
    flex-shrink: 0;
}

.sort-direction.ascending[b-cclqqxvnfg] {
    background-color: rgba(16, 124, 16, 0.1);
    color: #107c10;
}

.sort-direction.descending[b-cclqqxvnfg] {
    background-color: rgba(196, 43, 28, 0.1);
    color: #c42b1c;
}

/* Sort icon in direction indicator */
.sort-direction-icon[b-cclqqxvnfg] {
    width: 12px;
    height: 12px;
}
/* /Shared/Components/TabControl.razor.rz.scp.css */
.btn:focus[b-fgjcjrx427] {
    outline: none;
    box-shadow: none;
}
/* /Shared/LeftMenu.razor.rz.scp.css */
/* Left Menu - Scoped Styles */

.left-menu-wrapper[b-q3gezwuv9l] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--tb-azure-blue-color-1);
}

.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: visible;
    background-color: var(--tb-azure-blue-color-1);
}

.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer {
    background-color: var(--tb-azure-blue-color-1) !important;
}

.left-menu-wrapper[b-q3gezwuv9l]  .k-level-1 {
    margin-left: var(--tb-kendo-spacing-7) !important;
    padding-left: var(--tb-kendo-spacing-4) !important;
}

.custom-toolbar[b-q3gezwuv9l] {
    display: flex;
    justify-content: flex-end;
    padding: var(--tb-kendo-spacing-2);
}

.custom-toolbar[b-q3gezwuv9l]  .k-button .k-svg-icon {
    color: var(--tb-kendo-color-primary);
}

/* Drawer item state styles */
/* Parent item with active child */
.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item.k-state-selected {
    background-color: var(--tb-azure-blue-color-5) !important;
    font-weight: 700 !important;
}

.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item.k-state-selected:hover {
    background-color: var(--tb-azure-blue-color-5) !important;
}

/* Active/focused child item */
.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item.k-state-focused {
    background-color: var(--tb-azure-blue-color-3) !important;
    font-weight: 700 !important;
}

.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item.k-state-focused:hover {
    background-color: var(--tb-azure-blue-color-3) !important;
}

/* Left Menu Dropdown (collapsed state) */
.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown {
    position: relative;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-menu {
    display: none;
    position: fixed !important;
    min-width: 180px;
    padding: 0;
    background-color: var(--tb-kendo-color-surface, #fff);
    border-radius: var(--tb-kendo-border-radius-md, 4px);
    box-shadow: var(--tb-kendo-elevation-4, 0 4px 16px rgba(0,0,0,0.15));
    border: none;
    z-index: 12001 !important;
    margin-left: 8px;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-menu.show {
    display: block;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-header {
    padding: 8px 12px;
    font-size: var(--kendo-font-size, 14px);
    font-weight: 600;
    color: var(--tb-kendo-color-base-on-surface, #212529);
    background-color: transparent;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-item {
    padding: 8px 12px;
    font-size: var(--kendo-font-size, 14px);
    color: var(--tb-kendo-color-base-on-surface, #212529);
    transition: background-color 0.15s ease;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-item:hover,
.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-item:focus {
    background-color: var(--tb-primary-subtle-hover, #f4f1fb);
    color: var(--tb-kendo-color-base-on-surface, #212529);
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-item.active {
    background-color: var(--tb-primary-subtle-hover, #f4f1fb);
    font-weight: 500;
    color: var(--tb-kendo-color-base-on-surface, #212529);
}

/* Ensure the dropdown toggle link fills the drawer item space and is fully clickable */
.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-toggle-no-caret {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: var(--tb-kendo-spacing-2);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown .dropdown-toggle-no-caret:hover {
    text-decoration: none;
}

/* Fix vertical spacing for collapsed menu items with dropdowns */
.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown.k-drawer-item {
    padding: 0 !important;
}

/* Ensure the anchor tag fills the entire menu item for consistent click area */
.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-dropdown.k-drawer-item > .dropdown-toggle-no-caret {
    padding: var(--tb-kendo-spacing-2);
    min-height: 40px;
}

/* Left Menu Link Items - allows right-click "Open in new tab" */
.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-link-item {
    display: flex;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-link-item .left-menu-link {
    display: flex;
    align-items: center;
    flex: 1;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.left-menu-wrapper[b-q3gezwuv9l]  .left-menu-link-item .left-menu-link:hover {
    text-decoration: none;
}

/* Drawer item icons are always purple */
.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item .k-svg-icon {
    color: var(--tb-kendo-color-primary);
}

/* Hover: text goes purple and bold */
.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item:hover .k-item-text {
    color: var(--tb-kendo-color-primary);
    font-weight: 700;
}

/* Adjust drawer item padding: 14px left, 16px right */
.left-menu-wrapper[b-q3gezwuv9l]  .k-drawer-item {
    padding-left: 14px !important;
}

/* Hover effect for collapsed (mini mode) menu items */
.left-menu-wrapper.left-menu-collapsed[b-q3gezwuv9l]  .k-drawer-item:not(.k-state-selected):not(.k-state-focused):hover {
    background-color: var(--tb-azure-blue-color-3) !important;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* MainLayout - CSS Grid layout for sidebar */

.layout-grid[b-nfajisurpz] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "sidebar main";
    min-height: calc(100vh - 70px - 40px); /* Subtract header and footer */
}

.layout-sidebar[b-nfajisurpz] {
    grid-area: sidebar;
    background-color: var(--tb-color-1, #f4f1fb);
    border-right: 1px solid var(--tb-kendo-color-base-subtle, #edebe9);
    overflow: visible;
    position: sticky;
    top: 0;
    height: calc(100vh - 70px - 40px);
    z-index: 100; /* Ensure sidebar dropdowns appear above main content */
}

.sidebar-inner[b-nfajisurpz] {
    height: 100%;
}

.layout-main[b-nfajisurpz] {
    grid-area: main;
    min-width: 0;
    overflow-x: auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.layout-main[b-nfajisurpz]  .main {
    margin-top: 0;
    flex: 1 1 auto;
    height: auto;
    display: flex;
    flex-direction: column;
}