/* _content/IQ.Blazor.DataControls/BoundControl.razor.rz.scp.css */
/* _content/IQ.Blazor.DataControls/CustomElements/QryContent.razor.rz.scp.css */
.qry-content-editor[b-h1imurpj36] {
    width: 100%;
}

.editor-container[b-h1imurpj36] {
    position: relative;
    overflow: hidden;
    /* Height is set via inline style or inherited from parent */
}

.monaco-editor-wrapper[b-h1imurpj36] {
    width: 100%;
    height: 100%;
    min-height: 200px;  /* Ensure minimum usable height */
}

/* Keep Bootstrap/theme line-height from clipping Monaco glyphs */
.monaco-editor-wrapper[b-h1imurpj36],
.monaco-editor-wrapper .monaco-editor[b-h1imurpj36] {
    line-height: normal;
}

.nav-tabs[b-h1imurpj36] {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link[b-h1imurpj36] {
    border: none;
    background: none;
    padding: 0.5rem 1rem;
    color: #6c757d;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

.nav-tabs .nav-link:hover[b-h1imurpj36] {
    color: #495057;
    border-bottom-color: #dee2e6;
}

.nav-tabs .nav-link.active[b-h1imurpj36] {
    color: #0d6efd;
    border-bottom-color: #0d6efd;
    font-weight: 500;
}

/* _content/IQ.Blazor.DataControls/DataFieldControl.razor.rz.scp.css */
/* DataFieldControl styles */
.datafield-control-wrapper[b-67xk9g8np4] {
    position: relative;
}

.custom-field-control-wrapper[b-67xk9g8np4] {
    position: relative;
    /* Height is now dynamically passed to custom controls via Height parameter */
}

.datafield-control-wrapper.recently-updated[b-67xk9g8np4] {
    border: 2px solid #198754;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.35);
    transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

.form-control[b-67xk9g8np4] {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-67xk9g8np4] {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

input.form-control.saving[b-67xk9g8np4] {
    padding-right: 2.5rem; /* Make room for spinner (textareas keep their padding so text does not reflow) */
}

.form-control-plaintext[b-67xk9g8np4] {
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-check-input[b-67xk9g8np4] {
    width: 1rem;
    height: 1rem;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    color-adjust: exact;
}

.form-check-input:checked[b-67xk9g8np4] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.text-muted[b-67xk9g8np4] {
    color: #6c757d !important;
}

/* Saving spinner - positioned absolutely to not shift layout */
.saving-spinner[b-67xk9g8np4] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 10;
    color: #0d6efd;
}

/* Tall textareas: keep spinner in the visible top-right corner */
.saving-spinner-textarea[b-67xk9g8np4] {
    top: 0.65rem;
    transform: none;
}

.saving-spinner-checkbox[b-67xk9g8np4] {
    position: absolute;
    left: 1.5rem;
    top: 0;
    pointer-events: none;
    z-index: 10;
    color: #0d6efd;
}

.spinner-border-sm[b-67xk9g8np4] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

/* Subtle visual feedback while saving */
.form-control.saving[b-67xk9g8np4] {
    background-color: #f8f9fa;
}

.text-danger[b-67xk9g8np4] {
    color: #dc3545 !important;
}

.datafield-photo-img[b-67xk9g8np4] {
    max-height: 180px;
    width: auto;
    object-fit: contain;
    display: block;
}

.datafield-photo-placeholder[b-67xk9g8np4] {
    width: 96px;
    height: 96px;
    font-size: 1.75rem;
}

/* Popup is teleported to document.body; keep option text readable even when the input is a narrow table cell. */
[b-67xk9g8np4] .datafield-combo,
[b-67xk9g8np4] .e-ddl {
    min-width: 10rem;
}

/* Popup is teleported to document.body. Cap to the viewport so max-content
   cannot horizontally scroll the page under the fixed left menu. Share Search
   applies a tighter max-width in ShareSearch.razor.css. */
:global(.e-ddl.e-popup)[b-67xk9g8np4] {
    min-width: min(max-content, calc(100vw - 2rem)) !important;
    max-width: calc(100vw - 2rem);
}
/* _content/IQ.Blazor.DataControls/DatasetEditor.razor.rz.scp.css */
.dataset-editor[b-vycu7iohse] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.dataset-editor-chrome[b-vycu7iohse] {
    flex: 0 0 auto;
    z-index: 5;
    padding: 0.5rem 0.5rem 0;
    background: var(--iq-surface-alt, var(--iq-bg, #f5f6f8));
}

.dataset-editor-chrome[b-vycu7iohse]  > .mb-3 {
    margin-bottom: 0.75rem !important;
}

.dataset-editor-scroll[b-vycu7iohse] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0 0.5rem 0.5rem;
    -webkit-overflow-scrolling: touch;
}

.dataset-editor-sections[b-vycu7iohse] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dataset-editor-section[b-vycu7iohse] {
    scroll-margin-top: 0.5rem;
    overflow: hidden;
}

/* Grid keeps title left + count pill hard against the right edge */
.dataset-editor-section-heading[b-vycu7iohse] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0.5rem 0.75rem;
    box-sizing: border-box;
    text-align: left !important;
    cursor: pointer;
    user-select: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--iq-border, #dee2e6) !important;
    border-radius: 0;
    box-shadow: none !important;
    color: inherit;
    font: inherit;
}

.dataset-editor-section.is-collapsed .dataset-editor-section-heading[b-vycu7iohse] {
    border-bottom: 0 !important;
}

.dataset-editor-section-heading:hover[b-vycu7iohse] {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.dataset-editor-section-heading-main[b-vycu7iohse] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    justify-self: start;
}

.dataset-editor-section-chevron[b-vycu7iohse] {
    flex: 0 0 auto;
    width: 1rem;
    font-size: 0.85rem;
    line-height: 1;
    color: var(--iq-muted-text, #6c757d);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dataset-editor-section-title[b-vycu7iohse] {
    margin: 0;
    min-width: 0;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--iq-text, #212529);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataset-editor-section-count[b-vycu7iohse] {
    justify-self: end;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.35rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background-color: var(--iq-primary, #0d6efd);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.dataset-editor-section-body[b-vycu7iohse] {
    padding: 0.375rem 0.5rem 0.5rem;
    min-height: 0;
}

.dataset-editor-section-body .dataset-screen-container[b-vycu7iohse] {
    padding: 0;
}

.dataset-editor-section-body .screen-section[b-vycu7iohse] {
    padding: 0;
    margin-bottom: 0 !important;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.dataset-editor-section-body .screen-flow-container[b-vycu7iohse] {
    padding: 0.45rem 0.55rem 0.5rem;
}

.dataset-editor-section-body .screen-flow-panel-heading[b-vycu7iohse] {
    margin-bottom: 0.4rem;
    padding-bottom: 0.25rem;
}

.dataset-editor-section-body .screen-row[b-vycu7iohse] {
    margin-bottom: 0.35rem;
}

.dataset-editor-section-body .control-wrapper[b-vycu7iohse] {
    margin-bottom: 0.35rem;
    padding: 0.3rem 0.4rem 0.35rem;
}

.dataset-editor-section.is-collapsed .dataset-editor-section-body[hidden][b-vycu7iohse] {
    display: none !important;
}

#dataset-editor-scroll-pad[b-vycu7iohse] {
    width: 100%;
}
/* _content/IQ.Blazor.DataControls/DatasetList.razor.rz.scp.css */
/* Give Virtualize a bounded scrollport so large child lists do not mount every row. */
.dataset-list-scroll[b-9gbrcg6n7e] {
    max-height: min(70vh, 40rem);
    overflow: auto;
}
/* _content/IQ.Blazor.DataControls/DatasetScreen.razor.rz.scp.css */
/* DatasetScreen styles */
.dataset-screen-container[b-c50a9ldl3f] {
    width: 100%;
    padding: 0;
}

.screen-section[b-c50a9ldl3f] {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.screen-title[b-c50a9ldl3f] {
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.screen-grid[b-c50a9ldl3f] {
    display: flex;
    flex-direction: column;
}

.screen-row[b-c50a9ldl3f] {
    margin-bottom: 0.35rem;
}

.screen-row > [class*="col"][b-c50a9ldl3f] {
    display: flex;
    flex-direction: column;
}

.screen-row > [class*="col"] > .screen-flow-container[b-c50a9ldl3f] {
    flex: 1 1 auto;
    width: 100%;
}

.control-wrapper[b-c50a9ldl3f] {
    width: 100%;
    margin-bottom: 0.35rem;
}

.control-wrapper:last-child[b-c50a9ldl3f] {
    margin-bottom: 0;
}

.form-label[b-c50a9ldl3f] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.5rem;
}

.compact-label[b-c50a9ldl3f] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.25rem;
    line-height: 1.2;
    display: block;
}

.screen-flow-container[b-c50a9ldl3f] {
    margin-bottom: 0;
    height: 100%;
    padding: 0.5rem 0.6rem 0.55rem;
    border-radius: 0.375rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(180deg, #f7f8fa 0%, #f3f4f6 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.screen-flow-panel-heading[b-c50a9ldl3f] {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #212529;
    line-height: 1.25;
    margin: 0 0 0.45rem;
    padding: 0 0 0.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.form-control-plaintext[b-c50a9ldl3f] {
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
}

.card[b-c50a9ldl3f] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

.card-body[b-c50a9ldl3f] {
    padding: 1.25rem;
}

.card-title[b-c50a9ldl3f] {
    margin-bottom: 0.75rem;
    color: #495057;
    font-size: 1.1rem;
}

.text-muted[b-c50a9ldl3f] {
    color: #6c757d !important;
}

.alert[b-c50a9ldl3f] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
}

.alert-danger[b-c50a9ldl3f] {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-info[b-c50a9ldl3f] {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .screen-title[b-c50a9ldl3f] {
        font-size: 1.25rem;
    }
}

/* _content/IQ.Blazor.DataControls/DatasetSearch/ShareSearch.razor.rz.scp.css */
.share-search-staff[b-r5cyadtcjh] {
    max-width: 100%;
    min-width: 0;
}

/* Popup is appended to document.body. Keep it to the field width so it cannot
   expand the page and slide content under the fixed left menu. */
:global(.e-popup.share-search-staff-select)[b-r5cyadtcjh],
:global(.share-search-staff-select.e-popup)[b-r5cyadtcjh] {
    min-width: 0 !important;
    max-width: min(32rem, calc(100vw - 2rem)) !important;
    box-sizing: border-box;
}

:global(.e-popup.share-search-staff-select .e-list-item)[b-r5cyadtcjh],
:global(.share-search-staff-select.e-popup .e-list-item)[b-r5cyadtcjh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/IQ.Blazor.DataControls/DynamicEmail.razor.rz.scp.css */
.dynamic-email-recipients[b-u0rx1dbuwl] {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
    padding: 1rem;
    background: var(--bs-body-bg, #fff);
}

.dynamic-email-recipients-table[b-u0rx1dbuwl] {
    max-height: 480px;
    overflow-y: auto;
}

.dynamic-email-recipients-table thead th[b-u0rx1dbuwl] {
    background-color: var(--bs-light, #f8f9fa);
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 2px solid var(--bs-border-color, #dee2e6);
    font-size: 0.875rem;
    white-space: nowrap;
}

.dynamic-email-recipients-table tbody td[b-u0rx1dbuwl] {
    vertical-align: middle;
}

.dynamic-email-recipient-card[b-u0rx1dbuwl] {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
}

.dynamic-email-recipient-card .card-body[b-u0rx1dbuwl] {
    padding: 0.75rem;
}

.dynamic-email-recipient-preview[b-u0rx1dbuwl] {
    overflow: visible;
    min-width: 0;
    cursor: pointer;
    border-radius: 0.25rem;
}

.dynamic-email-recipient-preview:hover[b-u0rx1dbuwl] {
    outline: 1px solid var(--bs-primary, #0d6efd);
    outline-offset: 2px;
}

.dynamic-email-recipient-toolbar[b-u0rx1dbuwl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.dynamic-email-recipient-toolbar .btn[b-u0rx1dbuwl] {
    min-height: 31px;
    font-size: 0.875rem;
    line-height: 1.25;
}

.dynamic-email-inline-field .form-label[b-u0rx1dbuwl] {
    width: 6.5rem;
    min-width: 6.5rem;
    flex-shrink: 0;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 600;
}

.dynamic-email-inline-field .dynamic-email-inline-row[b-u0rx1dbuwl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
}

.dynamic-email-inline-field .dynamic-email-inline-row.align-items-start[b-u0rx1dbuwl] {
    align-items: flex-start;
}

.dynamic-email-inline-field .dynamic-email-inline-row.align-items-start .form-label[b-u0rx1dbuwl] {
    padding-top: 0.375rem;
}

.dynamic-email-inline-field .dynamic-email-inline-input[b-u0rx1dbuwl] {
    flex: 1 1 auto;
    min-width: 0;
}

.dynamic-email-inline-field[b-u0rx1dbuwl]  .e-multiselect,
.dynamic-email-inline-field[b-u0rx1dbuwl]  .e-input-group.e-control-wrapper {
    width: 100%;
    min-height: calc(1.5em + 0.75rem + 2px);
}

.dynamic-email-inline-field .dynamic-email-inline-actions[b-u0rx1dbuwl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    white-space: nowrap;
}
/* _content/IQ.Blazor.DataControls/LogViewer.razor.rz.scp.css */
.log-viewer-container[b-4khk9daone] {
    width: 100%;
}

.log-type-picker .log-type-suggestions[b-4khk9daone] {
    position: absolute;
    z-index: 1050;
    left: 0;
    right: 0;
    top: calc(100% + 0.25rem);
    max-height: 22rem;
    overflow-y: auto;
}

.log-type-picker .log-type-suggestions .list-group-item[b-4khk9daone] {
    text-align: left;
    white-space: normal;
}

.log-type-picker .log-type-suggestions code[b-4khk9daone] {
    font-size: 0.75rem;
}

.log-value-container[b-4khk9daone] {
    max-width: 800px;
    word-break: break-word;
}

.log-value-container pre[b-4khk9daone] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-family: 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
}

.log-value-container code[b-4khk9daone] {
    font-size: 0.75rem;
    background-color: #f8f9fa;
    padding: 0.125rem 0.25rem;
    border-radius: 0.125rem;
}

.table-responsive[b-4khk9daone] {
    max-height: 70vh;
    overflow-y: auto;
}

.table thead[b-4khk9daone] {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 10;
}

.badge[b-4khk9daone] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* _content/IQ.Blazor.DataControls/MergeFieldPalette.razor.rz.scp.css */
.merge-field-palette[b-a2bsk2qldq] {
    padding-left: 0.25rem;
}

.merge-field-palette-label[b-a2bsk2qldq] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color, #6c757d);
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.merge-field-palette-tokens[b-a2bsk2qldq] {
    max-height: 440px;
    overflow-y: auto;
    margin: -0.15rem;
}

.merge-field-palette-token[b-a2bsk2qldq] {
    display: inline-block;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
    font-size: 0.75rem;
    line-height: 1.4;
    background: var(--bs-tertiary-bg, #fafbfc);
    margin: 0.15rem;
    cursor: pointer;
    color: inherit;
}

.merge-field-palette-token:hover:not(:disabled)[b-a2bsk2qldq],
.merge-field-palette-token:focus-visible:not(:disabled)[b-a2bsk2qldq] {
    border-color: var(--bs-primary, #0d6efd);
    background: var(--bs-primary-bg-subtle, #e7f1ff);
    outline: none;
}

.merge-field-palette-token:disabled[b-a2bsk2qldq] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* _content/IQ.Blazor.DataControls/ScreenFlowLayoutEditor.razor.rz.scp.css */
/* Intentionally empty — styles live in wwwroot/screenFlowLayoutEditor.css
   because scoped CSS does not apply to RenderFragment-built markup. */
/* _content/IQ.Blazor.DataControls/Uploader.razor.rz.scp.css */
.help-guide-button[b-g51za0wsjp] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.help-guide-button span:first-child[b-g51za0wsjp] {
    font-weight: bold;
    font-size: 1rem;
}

.help-overlay[b-g51za0wsjp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.help-overlay-content[b-g51za0wsjp] {
    background: var(--iq-surface, #ffffff);
    color: var(--iq-text, #212529);
    border-radius: 0.5rem;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--iq-border, #dee2e6);
}

.help-overlay-header[b-g51za0wsjp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--iq-border, #dee2e6);
}

.help-overlay-header h3[b-g51za0wsjp] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--iq-text, #212529);
}

.close-button[b-g51za0wsjp] {
    background: none;
    border: none;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    color: var(--iq-muted-text, #6c757d);
    padding: 0;
}

.close-button:hover[b-g51za0wsjp] {
    color: var(--iq-text, #212529);
}

.help-overlay-body[b-g51za0wsjp] {
    padding: 1.5rem;
    overflow-y: auto;
}

.help-guide-content[b-g51za0wsjp] {
    line-height: 1.6;
    color: var(--iq-text, #212529);
}

.uploader-format-description[b-g51za0wsjp]  p {
    margin-bottom: 0.5rem;
}

.uploader-format-description[b-g51za0wsjp]  p:last-child {
    margin-bottom: 0;
}

.uploader-format-table-wrap[b-g51za0wsjp] {
    max-height: 18rem;
    overflow: auto;
}

.uploader-format-table[b-g51za0wsjp] {
    font-size: 0.875rem;
}

.uploader-format-table thead th[b-g51za0wsjp] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--iq-surface-alt, #f8f9fa);
}

.uploader-alert[b-g51za0wsjp] {
    white-space: normal;
}

.uploader-alert-text[b-g51za0wsjp] {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    padding-right: 1.5rem;
}

.uploader-mismatch[b-g51za0wsjp] {
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem 1rem 1rem;
    border: 1px solid #f1aeb5;
    border-left: 4px solid #dc3545;
    border-radius: 0.5rem;
    background-color: #fff8f8;
    color: #212529;
}

.uploader-mismatch-close[b-g51za0wsjp] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.uploader-mismatch-header[b-g51za0wsjp] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding-right: 1.75rem;
    margin-bottom: 0.85rem;
}

.uploader-mismatch-icon[b-g51za0wsjp] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8d7da;
    color: #b02a37;
}

.uploader-mismatch-copy[b-g51za0wsjp] {
    min-width: 0;
    flex: 1;
}

.uploader-mismatch-title-row[b-g51za0wsjp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.2rem;
}

.uploader-mismatch-title-row strong[b-g51za0wsjp] {
    font-size: 1rem;
    color: #842029;
}

.uploader-mismatch-count[b-g51za0wsjp] {
    display: inline-block;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background-color: #f8d7da;
    color: #842029;
    font-size: 0.75rem;
    font-weight: 600;
}

.uploader-mismatch-hint[b-g51za0wsjp] {
    color: #6c757d;
    font-size: 0.875rem;
}

.uploader-mismatch-table-wrap[b-g51za0wsjp] {
    max-height: 18rem;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #f1aeb5;
    border-radius: 0.375rem;
}

.uploader-mismatch-table[b-g51za0wsjp] {
    --bs-table-color: #212529;
    --bs-table-bg: #fff;
    --bs-table-border-color: #f1e4e5;
    font-size: 0.875rem;
    color: #212529;
    background-color: #fff;
}

.uploader-mismatch-table thead th[b-g51za0wsjp] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #fff5f5;
    color: #842029;
    font-weight: 600;
    border-bottom-color: #f1aeb5;
}

.uploader-mismatch-table tbody td[b-g51za0wsjp] {
    vertical-align: middle;
    border-color: #f6eaea;
}

.uploader-mismatch-col[b-g51za0wsjp] {
    width: 5.5rem;
}

.uploader-mismatch-letter[b-g51za0wsjp] {
    display: inline-block;
    min-width: 1.75rem;
    padding: 0.1rem 0.4rem;
    text-align: center;
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    color: #212529;
}

.uploader-mismatch-row-missing[b-g51za0wsjp] {
    background-color: #fff8f0;
}

.uploader-mismatch-actual[b-g51za0wsjp] {
    color: #212529;
}

.uploader-mismatch-pill[b-g51za0wsjp] {
    display: inline-block;
    margin-right: 0.4rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.uploader-mismatch-pill-missing[b-g51za0wsjp] {
    background-color: #fff3cd;
    color: #664d03;
}

.uploader-mismatch-pill-extra[b-g51za0wsjp] {
    background-color: #e2e3e5;
    color: #41464b;
}

.uploader-mismatch-actions[b-g51za0wsjp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.uploader-format-icon[b-g51za0wsjp] {
    width: 48px;
    height: 48px;
    background-color: var(--iq-accent-blue-tint, #e7f3ff);
}

.uploader-preview-header[b-g51za0wsjp] {
    background-color: var(--iq-surface-alt, #f8f9fa);
    color: var(--iq-text, #212529);
    border-bottom: 1px solid var(--iq-border, #dee2e6);
}

.uploader-preview-header h6[b-g51za0wsjp] {
    color: var(--iq-text, #212529);
}

.uploader-preview-table[b-g51za0wsjp] {
    --bs-table-color: var(--iq-text, #212529);
    --bs-table-bg: var(--iq-surface, #ffffff);
    --bs-table-border-color: var(--iq-border, #dee2e6);
    --bs-table-striped-color: var(--iq-text, #212529);
    --bs-table-striped-bg: var(--iq-surface-alt, rgba(0, 0, 0, 0.05));
    --bs-table-hover-color: var(--iq-text, #212529);
    --bs-table-hover-bg: var(--iq-primary-tint, rgba(0, 0, 0, 0.075));
    color: var(--iq-text, #212529);
    background-color: var(--iq-surface, #ffffff);
}

.uploader-preview-table[b-g51za0wsjp]  thead th,
.uploader-preview-table[b-g51za0wsjp]  tbody td,
.uploader-preview-table[b-g51za0wsjp]  tbody th {
    color: var(--iq-text, #212529);
    background-color: inherit;
    border-color: var(--iq-border, #dee2e6);
}

.uploader-preview-table[b-g51za0wsjp]  thead th {
    background-color: var(--iq-surface-alt, #f8f9fa);
}

.help-overlay-content-sm[b-g51za0wsjp] {
    max-width: 520px;
}

.uploader-reason-cell[b-g51za0wsjp] {
    vertical-align: top;
    min-width: 16rem;
    max-width: 22rem;
    width: 18rem;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
}

.uploader-preview-table[b-g51za0wsjp]  td.uploader-reason-cell {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
    max-width: 22rem;
}

.uploader-reason-text[b-g51za0wsjp] {
    display: block;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.35;
}

.uploader-reason-link[b-g51za0wsjp] {
    text-decoration: none;
    white-space: normal;
    text-align: left;
    overflow-wrap: break-word;
}

.uploader-reason-link:hover[b-g51za0wsjp] {
    text-decoration: underline;
}

.badge.uploader-status-warning[b-g51za0wsjp] {
    background-color: #fd7e14;
    color: #fff;
}

.uploader-detail-section[b-g51za0wsjp] {
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    border-left: 4px solid;
}

.uploader-detail-section:last-child[b-g51za0wsjp] {
    margin-bottom: 0;
}

.uploader-detail-heading[b-g51za0wsjp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.uploader-detail-error[b-g51za0wsjp] {
    background-color: #f8d7da;
    border-left-color: #dc3545;
    color: #842029;
}

.uploader-detail-error .uploader-detail-heading[b-g51za0wsjp] {
    color: #842029;
}

.uploader-detail-warning[b-g51za0wsjp] {
    background-color: #ffe8cc;
    border-left-color: #fd7e14;
    color: #984c0c;
}

.uploader-detail-warning .uploader-detail-heading[b-g51za0wsjp] {
    color: #984c0c;
}

.uploader-detail-info[b-g51za0wsjp] {
    background-color: #d1e7dd;
    border-left-color: #198754;
    color: #0f5132;
}

.uploader-detail-info .uploader-detail-heading[b-g51za0wsjp] {
    color: #0f5132;
}

.uploader-reason-list[b-g51za0wsjp] {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.uploader-reason-list li[b-g51za0wsjp] {
    margin-bottom: 0.25rem;
}

.uploader-preview-table[b-g51za0wsjp]  td.uploader-invalid-date {
    background-color: #fff3cd !important;
    box-shadow: inset 0 0 0 2px #dc3545;
    vertical-align: top;
}

.uploader-invalid-date-hint[b-g51za0wsjp] {
    color: #dc3545;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.25rem;
    white-space: nowrap;
}

.uploader-checking-banner[b-g51za0wsjp] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid var(--iq-accent-blue, #0d6efd);
    background-color: var(--iq-accent-blue-tint, #e7f3ff);
    color: var(--iq-text, #212529);
    box-shadow: 0 0.25rem 0.75rem rgba(13, 110, 253, 0.15);
}

.uploader-checking-banner-icon .spinner-border[b-g51za0wsjp] {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--iq-primary, #0d6efd);
    border-width: 0.2rem;
}

.uploader-checking-banner-copy[b-g51za0wsjp] {
    flex: 1;
    min-width: 0;
}

.uploader-checking-banner-copy strong[b-g51za0wsjp] {
    display: block;
    font-size: 1.05rem;
    margin-bottom: 0.2rem;
}

.uploader-checking-banner-copy p[b-g51za0wsjp] {
    color: var(--iq-muted-text, #495057);
}

.uploader-checking-progress[b-g51za0wsjp] {
    height: 0.65rem;
    background-color: rgba(13, 110, 253, 0.15);
}

.uploader-page-loading[b-g51za0wsjp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    gap: 0.75rem;
}

.uploader-page-loading-text[b-g51za0wsjp] {
    color: var(--iq-muted-text, #6c757d);
    font-size: 0.95rem;
}