.jexcel > tbody tr td,
.jexcel > thead tr td {
    white-space: normal !important;
    word-wrap: break-word;
    white-space: normal;
}

/* 1) Keep your sticky header as before… */
/*.jexcel > thead,
.jspreadsheet table > thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;*/ /* sit above everything else */
    /*background: #fff !important;
}*/

/* 2) …then nudge the whole table’s flow down by your header’s height */
/*.jspreadsheet .jexcel_content_table > table {*/
    /* adjust “32px” to the exact height of your header row */
    /*margin-top: 32px;
}*/

.jexcel_content { 
    scroll-behavior: smooth;
}

.jexcel_filter {
    position: absolute;
    top: 21px;
    right: 4px;
}

.pagination {
    --bs-pagination-active-bg: var(--theme-default) !important;
    --bs-pagination-active-border-color: none;
    --bs-pagination-color: rgb(63, 71, 90) !important;
}

.merged-cell {
    border: none !important;
}

/*SmartGrid*/
.vars[theme='default'] {
    /*--row-header-bg-color: var(--light2) !important;
    --col-header-bg-color: var(--light2) !important;*/

    --row-header-bg-color: var(--light2) !important;
    --col-header-bg-color: var(--light2) !important;

    --row-header-foreground-color: black !important; 
    --col-header-foreground-color: black !important;

    --sheet-foreground-color: black !important;
    --sheet-foreground-color: black !important;
    --sheet-font-family: 'Roboto' !important;
    --sheet-border-style: 1px solid #0c0c0c;
}

.vars[theme='dark'] { 
    --sheet-font-family: 'Roboto' !important;
}


/* bds select popup - editor*/
/* Individual dropdown items */
.bds-select-item {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    will-change: transform;
}

/* Overlay created by BlazorDatasheet */
.editor-overlay {
    position: absolute;
    z-index: 100; /* base layer, dropdown will go above */
}

/* Dropdown list */
.bds-select-list {
    position: fixed; /* 🔥 critical: escape sticky rows */
    max-height: 240px;
    overflow-y: auto;
    z-index: 10000; /* always above frozen rows */
    border-radius: 0;
    border: 1px solid var(--theme-default);
    background: var(--sheet-bg-color);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Open upward when needed */
.editor-overlay.open-up .bds-select-list {
    /* positioning handled by JS */
}

/* Active item */
.bds-select-item.active {
    background: var(--bs-primary-bg-subtle);
}

/*-----------------------*/