/* Kendo uses a single swappable vendor theme. These rules preserve contrast
   where the application-level grid styles intentionally use transparent surfaces. */
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid {
    --kendo-color-app-surface: #080b1d;
    --kendo-color-surface: #080b1d;
    --kendo-color-surface-alt: #11162a;
    --kendo-color-subtle: #11162a;
    --kendo-color-on-app-surface: #d7dce8;
    --kendo-color-on-surface: #d7dce8;
    --kendo-color-border: #252b45;
    --kendo-color-border-alt: #2a314d;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-container,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-aria-root,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-content,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-content-locked,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-footer,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid table {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header-wrap,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header table,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-thead,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid thead,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid thead tr,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid th,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-header,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-th {
    background-color: #11162a !important;
    background-image: none !important;
    color: #eef2ff !important;
    border-color: #2a314d !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header .k-link,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header .k-column-title,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header .k-cell-inner,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header .k-icon,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header .k-svg-icon,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-header .k-button {
    color: #eef2ff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-tbody,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-td {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr.k-alt td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr.k-table-alt-row td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr:nth-child(even) td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-tbody .k-table-row:nth-child(even) .k-table-td {
    background-color: #0c1024 !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr:hover td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr.k-hover td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-row:hover .k-table-td {
    background-color: #151b34 !important;
    color: #ffffff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid tbody tr.k-selected td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-row.k-selected .k-table-td {
    background-color: #1f3f73 !important;
    color: #ffffff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grouping-row,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grouping-row td,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-group-cell {
    background-color: #11162a !important;
    color: #eef2ff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-content a,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-table-td a {
    color: #8fbaff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-pager,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager-wrap {
    background-color: #080b1d !important;
    border-color: #252b45 !important;
    color: #d7dce8 !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager .k-button,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager .k-link,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager .k-icon,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager .k-svg-icon {
    color: #d7dce8 !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager .k-selected,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-pager .k-link.k-selected {
    background-color: #17203d !important;
    color: #ffffff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-pager-sizes .k-picker,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-pager-sizes .k-input-inner,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-pager-sizes .k-input-button,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-filter-row .k-input,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-filter-row .k-input-inner,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-filter-row .k-picker,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-filter-row .k-input-button {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #eef2ff !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-column-menu,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-menu-group,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-menu.k-context-menu,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-filterable.k-content,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-popup,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-list,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-animation-container .k-list-content {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #d7dce8 !important;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-norecords,
:is([data-theme="dark"], [data-bs-theme="dark"]) .k-grid .k-grid-norecords td {
    background-color: #080b1d !important;
    color: #aeb8cf !important;
}