/* Kendo appearance is themed via CSS variables on .theme-light / .theme-dark
   (WHM_BSOL pattern). We do not swap the Kendo stylesheet; only tokens + scoped
   class mappings below change. Functionality is untouched. */
:root,
.theme-light {
    --kendo-grid-font-size: 12px;
    --kendo-button-radius: 6px;
    --kendo-gird-header-bg: #eff6ff;
    --kendo-gird-header-color: #2683f5;
    --kendo-gird-filter-color: #2683f5;
    --kendo-gird-filter-active-bg: #cfe6f4;
    --kendo-gird-row-hover: #eaeaea;
    --kendo-color-primary: #0053E9;
    --kendo-color-primary-hover: #0243b9;
    --kendo-grid-header-bg: #eff6ff;
    --kendo-grid-header-color: #1e40af;
    --kendo-grid-bg: #ffffff;
    --kendo-grid-color: #0f172a;
    --kendo-grid-border-color: #e2e8f0;
    --kendo-grid-toolbar-bg: #f8fafc;
    --kendo-grid-toolbar-border: #e2e8f0;
    --kendo-grid-row-hover-bg: #eef5ff;
    --kendo-grid-edit-bg: #ffffff;
    --kendo-grid-norecords-bg: #ffffff;
    --kendo-grid-norecords-color: #64748b;
    --kendo-grid-footer-color: #334155;
    --kendo-input-bg: #ffffff;
    --kendo-input-color: #0f172a;
    --kendo-input-border: #e2e8f0;
    --kendo-popup-bg: #ffffff;
    --kendo-popup-color: #0f172a;
    --kendo-window-bg: #ffffff;
    --kendo-window-color: #0f172a;
    --kendo-highlight-color: rgba(0, 83, 233, 0.22);
    --kendo-grid-selected-bg: rgba(0, 83, 233, 0.14);
    --kendo-grid-alt-bg: #f8fafc;
    --kendo-filter-row-bg: #f8fafc;
}

.theme-dark {
    --kendo-gird-header-bg: #1f2a3d;
    --kendo-gird-header-color: #93c5fd;
    --kendo-gird-filter-color: #93c5fd;
    --kendo-gird-filter-active-bg: #25324a;
    --kendo-gird-row-hover: #25324a;
    --kendo-color-primary: #60a5fa;
    --kendo-color-primary-hover: #93c5fd;
    --kendo-grid-header-bg: #1f2a3d;
    --kendo-grid-header-color: #e5e7eb;
    --kendo-grid-bg: #172033;
    --kendo-grid-color: #e5e7eb;
    --kendo-grid-border-color: #334155;
    --kendo-grid-toolbar-bg: #1f2a3d;
    --kendo-grid-toolbar-border: #334155;
    --kendo-grid-row-hover-bg: #25324a;
    --kendo-grid-edit-bg: #111827;
    --kendo-grid-norecords-bg: #172033;
    --kendo-grid-norecords-color: #a8b3c5;
    --kendo-grid-footer-color: #e5e7eb;
    --kendo-input-bg: #111827;
    --kendo-input-color: #e5e7eb;
    --kendo-input-border: #334155;
    --kendo-popup-bg: #172033;
    --kendo-popup-color: #e5e7eb;
    --kendo-window-bg: #172033;
    --kendo-window-color: #e5e7eb;
    --kendo-highlight-color: rgba(147, 197, 253, 0.28);
    --kendo-grid-selected-bg: rgba(59, 130, 246, 0.28);
    --kendo-grid-alt-bg: #1a2438;
    --kendo-filter-row-bg: #1f2a3d;
}

/****************** Grid - Start ******************************/
.k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-grid-header .k-header {
    background-color: var(--kendo-gird-header-bg);
}
    .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
        color: var(--kendo-gird-header-color);
    }
.k-grid .k-column-title, .k-grid tr td {
    font-size: 12px;
}
.k-grid .k-column-title {
    font-weight: 500;
}
.k-grid tr td {
    padding: .3em .5em;
}
.k-icon {
    color: var(--kendo-gird-filter-color);
}
/****************** Grid - End ******************************/
.k-widget input:not(.k-textbox):not(.k-checkbox):not(.k-radio) {
    border: 0 !important;
}
.k-loading-image {
    background-image: url(/images/loading_2x.gif);
}
.k-i-loading {
    background-image: url(/images/loading.gif);
}
.k-input, .k-widget.k-input {
    border-color: var(--kendo-input-border);
}

.k-widget {
    background-color: var(--kendo-input-bg);
}

.k-widget.k-timepicker {
    width: auto;
}

/* kendo styles changes list*/

.k-input-inner {
    padding: 3px;
    font-size: 12px;
}

.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    background-color: var(--kendo-input-bg);
    color: var(--kendo-input-color);
    font-size: 12px !important;
    border: 1px solid var(--kendo-input-border);
}
.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-widget {
    color: var(--kendo-popup-color);
}
.k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    padding: 3px;
}
.k-textbox[disabled="disabled"], textarea[disabled="disabled"] {
    background-color: #BFC5CC;
}

/*.k-widget input:not(.k-textbox) {
    border: 0 !important;
}*/
.k-widget input:not(.k-textbox):not(.text-box):not(.k-checkbox):not(.k-radio) {
    border: 0 !important;
}
.k-widget.k-input {
    padding: 0;
}


.k-switch-label-off {
    text-align: right;
    right: calc(8px - 1px);
}
.k-switch-label-off, .k-switch-label-on {
    display: inline;
    width: calc(100% - 2em - calc(8px + 2px) - 2px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
    line-height: 2em;
    overflow: hidden;
}


.k-rounded-full {
    border-radius: 9999px;
}
.k-switch-thumb {
    border-radius: 5em;
    width: 2em;
    height: 2em;
    border-width: 1px;
    border-style: solid;
    background-position: 50%;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: left .2s ease-out 0s;
}

.k-multiselect .k-button {
    color: var(--kendo-input-color);
    border-color: var(--kendo-input-border);
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-multiselect .k-select {
    color: var(--kendo-input-color);
}

.k-multiselect-wrap li.k-button {
    background-color: var(--kendo-grid-toolbar-bg);
    border-color: var(--kendo-input-border);
    padding: 2px 18px 2px 3px;
    border-radius: 4px;
}

.k-multiselect-wrap li.k-button > span:first-child {
    color: var(--NavBarBgClr);
    font-weight: bold;
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 2px !important;
    bottom: 0 !important;
    right: 1px !important;
}

.k-multiselect-wrap li span.k-i-close {
    font-size: 13px;
    border-radius: 50%;
    color: #fb2222;
    padding: 10px 6px 4px 8px;
    font-weight: bold;
}

.k-multiselect .k-multiselect-wrap {
    display: flex;
}

.k-multiselect-wrap ul {
    display: block;
}
.k-dropdown-wrap, .k-picker-wrap {
    border-color: var(--kendo-input-border) !important;
    background-color: var(--kendo-input-bg) !important;
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    /*border-width: 0 0 0 1px;*/
    border-width: 0;
}

.k-numerictextbox, .k-datepicker, .k-combobox, .k-dropdownlist, .k-timepicker {
    border-radius: 0;
}

.k-toolbar.k-editor-toolbar {
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-textarea.k-editor-textarea {
    width: auto;
}


.k-editor .k-editable-area .k-content {
    border-width: 1px 0 0 0;
    border-color: #ccc;
}

.k-editor.k-editor-widget {
    background-color: var(--kendo-window-bg);
    color: var(--kendo-window-color);
}

table.k-editor {
    /*border-color: gray;*/
    border-color: #d9d7d7 !important;
}

.k-editor-dropdown .k-editor-widget, .k-colorpicker.k-editor-widget {
    color: #040404;
}


.k-editor-inline ::-moz-selection {
    background-color: #2a3f54;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::selection {
    background-color: #2a3f54;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #2a3f54;
    text-shadow: none;
    color: #fff;
}


.k-grid-toolbar {
    background-color: var(--kendo-grid-toolbar-bg);
    border-color: var(--kendo-grid-toolbar-border);
    text-align: center;
    display: block;
}

.k-grid-toolbar .k-grid-excel {
    float: right;
}

.k-grid-toolbar .k-button {
    border-radius: var(--kendo-button-radius);
    background-color: var(--kendo-grid-toolbar-bg);
    color: var(--kendo-grid-color);
    border-color: var(--kendo-grid-toolbar-border);
}

.k-grid-toolbar .k-grid-add {
    border-color: var(--btn-add-bg, #24af54);
    background-color: var(--btn-add-bg, #24af54);
    color: #ffffff;
    float: left;
    height: 23px;
    min-height: 23px;
    padding: 1px 9px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}

.k-grid-toolbar .k-grid-add:hover {
    border-color: var(--btn-add-hover, #1e9a49);
    background-color: var(--btn-add-hover, #1e9a49);
}

.k-grid-toolbar .cstm-btn {
    border-radius: 0;
}

.k-grid-toolbar .k-i-add {
    left: 2px;
    opacity: 1;
}

.k-grid-toolbar .tb-text {
    color: var(--kendo-grid-color) !important;
    background-color: transparent !important;
    border-width: 0 !important;
}

.k-tool-text {
    background-color: transparent !important;
    border: 0 !important;
    color: var(--kendo-grid-color) !important;
    font-size: 14px !important;
    pointer-events: none !important;
}

.k-grid-save-changes {
    float: right;
}
.k-grid-save-changes, .k-grid-save-changes:hover, .k-grid-excel, .k-grid-excel:hover {
    color: white;
    margin-right: 5px !important;
    background-color: var(--BtnNavBarBgClr) !important;
    border-color: var(--BtnNavBarBgClr) !important;
}

.k-grid-cancel-changes {
    display: none;
}

.k-widget.k-window.k-alert-window {
    z-index: 100001 !important;
}

.k-daterangepicker .k-label {
    top: -3px;
    left: 0;
    transform: scale(1);
}

.k-rating-item.k-selected span{
    width:24px;
    height:24px;
}

/**************** Actions in grid - START ****************/

.grp-btn .dropdown-btn-content .fa,
#kendo-grid-kebab-float .fa {
    margin-right: 10px;
    font-size: 15px;
}

.grp-btn .fa-cloud-download {
    color: #45459f;
}

.grp-btn .fa-cloud-upload {
    color: #2bd5e2;
}

.grp-btn .fa-trash-o {
    color: #d9534f;
}

/* Unique kebab (⋮) for every Kendo grid — same look on Booking, Taxes, Resorts, etc. */
.k-grid td:has(.dropdown-btn),
.k-grid .k-table-td:has(.dropdown-btn) {
    overflow: visible !important;
    text-align: center;
    vertical-align: middle;
}

.k-grid .dropdown-btn,
.grp-btn.dropdown-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 auto;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background: transparent;
    color: var(--kendo-grid-color, #0f172a);
    cursor: pointer;
    line-height: 1;
    box-sizing: border-box;
}

.k-grid .dropdown-btn:hover,
.k-grid .dropdown-btn.active,
.grp-btn.dropdown-btn:hover,
.grp-btn.dropdown-btn.active {
    background: var(--kendo-grid-row-hover-bg, #eef5ff);
    border-color: var(--kendo-grid-border-color, #e2e8f0);
    color: var(--kendo-grid-color, #0f172a);
}

.k-grid .dropdown-btn .fa,
.k-grid .dropdown-btn .fa-ellipsis-v,
.grp-btn.dropdown-btn .fa {
    font-size: 0.9375rem;
    line-height: 1;
    color: inherit;
}

/* Source menu stays in the cell (hidden). The floating copy on body is what the user sees. */
.k-grid .dropdown-btn > .dropdown-btn-content {
    display: none !important;
}

.dropdown-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dropdown-btn-content {
    display: none;
    position: absolute;
    background-color: var(--kendo-popup-bg, #ffffff);
    min-width: 10.5rem;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
    z-index: 1;
    text-align: left;
}

.dropdown-btn-content a {
    color: var(--kendo-popup-color, #1e293b);
    padding: 0.45rem 0.625rem;
    text-decoration: none;
    display: block;
}

.dropdown-btn-content a:hover {
    background-color: var(--kendo-grid-row-hover-bg, #eef5ff);
}

.dropdown-btn.active .dropdown-btn-content {
    display: block;
}

.dropdown-btn.active .dropbtn {
    background-color: #3e8e41;
}

.dropdown-btn .fa-caret-down {
    margin-left: 5px;
    font-size: 10px;
}

#kendo-grid-kebab-float.dropdown-btn-content {
    position: fixed;
    z-index: 10050;
    display: none;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 10.5rem;
    max-width: min(16rem, calc(100vw - 12px));
    margin: 0;
    padding: 0.25rem;
    border: 1px solid var(--kendo-grid-border-color, #e2e8f0);
    border-radius: 0.5rem;
    background: var(--kendo-popup-bg, #ffffff);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
    text-align: left;
}

#kendo-grid-kebab-float.is-open {
    display: flex;
}

#kendo-grid-kebab-float a {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0.45rem 0.625rem;
    border: 0;
    border-radius: 0.375rem;
    background: transparent;
    color: var(--kendo-popup-color, #1e293b);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer;
}

#kendo-grid-kebab-float a:hover,
#kendo-grid-kebab-float a:focus {
    background: var(--kendo-grid-row-hover-bg, #eef5ff);
    color: var(--kendo-grid-color, #0f172a);
    outline: none;
}

/* Header column-menu kebab — same unique popup chrome as row kebab */
.k-grid .k-header-column-menu,
.k-grid .k-grid-header-menu {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.375rem;
}

.k-column-menu,
.k-popup.k-column-menu,
.k-grid-columnmenu-popup,
.k-animation-container .k-column-menu {
    padding: 0.25rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
}

.k-column-menu .k-menu-item,
.k-column-menu .k-item,
.k-column-menu .k-column-list-item {
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

/**************** Actions in grid - END ****************/
.grid-auto .k-grid-content {
    height: auto !important;
    min-height: 200px;
    max-height: 80vh;
}

.fa-minus-circle {
    color: tomato !important;
}

.aln-center {
    text-align: center;
}

    .aln-center:not(.k-filterable) .k-link {
        justify-content: center;
    }

.aln-right {
    text-align: right;
}

    .aln-right:not(.k-filterable) .k-link {
        justify-content: right;
    }

.fs-11 {
    font-size: 11px !important;
}

.grid-editable .editable-cell {
    background-color: var(--kendo-grid-edit-bg);
}

.inl-grid img.lightbox {
    max-height: 32px;
}
.k-grid {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-bg);
}

.k-grid-content,
.k-grid-content-locked {
    background-color: var(--kendo-grid-bg);
}

.k-widget {
    color: var(--kendo-input-color);
}

.k-input,
.k-widget.k-input,
.k-multiselect-wrap,
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
textarea.k-textbox,
textarea.k-textbox:hover {
    background-color: var(--kendo-input-bg);
    color: var(--kendo-input-color);
    border-color: var(--kendo-input-border);
}

.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-animation-container .k-popup {
    color: var(--kendo-popup-color);
    background-color: var(--kendo-popup-bg);
}

.k-list-item {
    color: var(--kendo-popup-color);
}

.k-list-item.k-selected,
.k-list-item.k-focus {
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-pager,
.k-pager-wrap {
    border-color: var(--kendo-grid-toolbar-border);
    color: var(--kendo-grid-footer-color);
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-window,
.k-dialog {
    background-color: var(--kendo-window-bg);
    color: var(--kendo-window-color);
}

.k-grid tr:hover td {
    background-color: var(--kendo-grid-row-hover-bg);
}

/* Inputs, popups, calendar, chips, windows — token-driven (WHM_BSOL pattern) */
.k-input-solid,
.k-picker-solid,
.k-list,
.k-list-container,
.k-popup,
.k-animation-container .k-popup,
.k-calendar,
.k-calendar-container,
.k-filter-menu,
.k-column-menu {
    background-color: var(--kendo-popup-bg);
    color: var(--kendo-popup-color);
    border-color: var(--kendo-input-border);
}

.k-input-inner,
.k-input-value-text,
.k-list-item-text {
    color: var(--kendo-input-color);
}

.k-list-item.k-hover,
.k-list-item:hover {
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-chip,
.k-chip-solid-base {
    background-color: var(--kendo-grid-toolbar-bg);
    color: var(--kendo-grid-color);
    border-color: var(--kendo-grid-border-color);
}

.k-window-titlebar {
    background-color: var(--kendo-grid-toolbar-bg);
    color: var(--kendo-window-color);
    border-color: var(--kendo-grid-border-color);
}

.k-grid-toolbar {
    background-color: var(--kendo-grid-toolbar-bg);
    border-color: var(--kendo-grid-toolbar-border);
}

.k-grid th,
.k-grid td {
    border-color: var(--kendo-grid-border-color);
    color: var(--kendo-grid-color);
}

.k-grid-norecords-template {
    background-color: var(--kendo-grid-norecords-bg);
    color: var(--kendo-grid-norecords-color);
}

.k-edit-cell input,
.k-edit-cell .k-input {
    background-color: var(--kendo-grid-edit-bg);
    color: var(--kendo-input-color);
}

.grid-editable .editable-cell {
    background-color: var(--kendo-grid-edit-bg);
}

/* Completion pass — WHM token mapping. Kendo fiori hardcodes light colors;
   .theme-light/.theme-dark tokens restyle chrome only. Grid behavior unchanged. */
.k-grid,
.k-grid-content,
.k-grid-content-locked {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-bg);
}

.k-grid-header,
.k-grid-header .k-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grouping-header,
.k-grid-footer,
.k-grid-add-row {
    color: var(--kendo-grid-header-color);
    background-color: var(--kendo-grid-header-bg);
    border-color: var(--kendo-grid-border-color);
}

.k-grid .k-column-title,
.k-grid-header .k-header .k-link,
.k-grid-header .k-link {
    color: var(--kendo-grid-header-color);
}

.k-filter-row,
.k-filter-row > td,
.k-filter-row > th {
    background-color: var(--kendo-filter-row-bg);
    border-color: var(--kendo-grid-border-color);
    color: var(--kendo-grid-header-color);
}

.k-grid tr.k-alt,
.k-grid tr.k-alt > td {
    background-color: var(--kendo-grid-alt-bg);
}

.k-grid tbody > tr:not(.k-detail-row):hover,
.k-grid tbody > tr:not(.k-detail-row).k-hover,
.k-grid tbody > tr:not(.k-detail-row):hover > td,
.k-grid tr:hover td {
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-grid tr.k-selected,
.k-grid tr.k-state-selected,
.k-grid tr.k-selected > td,
.k-grid tr.k-state-selected > td {
    background-color: var(--kendo-grid-selected-bg);
    color: var(--kendo-grid-color);
}

.k-grid td,
.k-grid th,
.k-grid-content-locked,
.k-grid-footer-wrap,
.k-grouping-header .k-group-indicator {
    border-color: var(--kendo-grid-border-color);
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td,
tbody .k-group-cell {
    color: var(--kendo-grid-header-color);
    background-color: var(--kendo-grid-header-bg);
}

.k-grid .k-grid-filter,
.k-grid .k-header-column-menu,
.k-grid .k-grid-header-menu,
.k-grid .k-icon,
.k-grid .k-svg-icon {
    color: var(--kendo-gird-filter-color);
}

.k-grid-header .k-grid-filter:hover,
.k-grid-header .k-header-column-menu:hover {
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-pager,
.k-pager-wrap,
.k-grid-pager,
.k-pager-info {
    border-color: var(--kendo-grid-toolbar-border);
    color: var(--kendo-grid-footer-color);
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-pager-nav.k-link,
.k-pager-refresh,
.k-pager-numbers .k-link {
    color: var(--kendo-grid-color);
}

.k-pager-nav.k-link:hover,
.k-pager-refresh:hover,
.k-pager-numbers .k-link:hover {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-pager-numbers .k-link.k-selected,
.k-pager-numbers .k-state-selected,
.k-pager-nav.k-link.k-selected {
    color: #ffffff;
    background-color: var(--kendo-color-primary);
}

.k-pager .k-dropdownlist,
.k-pager .k-picker,
.k-pager .k-input {
    background-color: var(--kendo-input-bg);
    color: var(--kendo-input-color);
    border-color: var(--kendo-input-border);
}

.k-filter-menu,
.k-column-menu,
.k-popup.k-grid-filter-popup {
    background-color: var(--kendo-popup-bg);
    color: var(--kendo-popup-color);
    border-color: var(--kendo-input-border);
}

.k-multiselect .k-button,
.k-multiselect-wrap li.k-button {
    background-color: var(--kendo-grid-toolbar-bg);
    border-color: var(--kendo-grid-border-color);
    color: var(--kendo-grid-color);
}

.k-filter-row .k-input,
.k-filter-row .k-picker,
.k-filter-row .k-dropdownlist,
.k-filter-row .k-datepicker,
.k-filter-row .k-numerictextbox {
    background-color: var(--kendo-input-bg);
    color: var(--kendo-input-color);
    border-color: var(--kendo-input-border);
}

.k-picker-solid {
    background-color: var(--kendo-input-bg);
    background-image: none;
    color: var(--kendo-input-color);
}

.k-input-solid,
.k-list,
.k-list-container,
.k-popup,
.k-animation-container .k-popup,
.k-calendar,
.k-calendar-container {
    background-color: var(--kendo-popup-bg);
    color: var(--kendo-popup-color);
    border-color: var(--kendo-input-border);
}

.k-content,
.k-tabstrip-content,
.k-tabstrip > .k-content {
    border-color: var(--kendo-input-border);
    color: var(--kendo-popup-color);
    background-color: var(--kendo-popup-bg);
}

.k-input-inner,
.k-input-value-text,
.k-list-item-text {
    color: var(--kendo-input-color);
}

.k-list-item.k-hover,
.k-list-item:hover {
    background-color: var(--kendo-grid-toolbar-bg);
    color: var(--kendo-popup-color);
}

.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
    background-color: var(--kendo-color-primary);
    color: #ffffff;
}

.k-list-item.k-selected .k-list-item-text {
    color: #ffffff;
}

.k-picker-solid.k-hover,
.k-picker-solid:hover {
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-chip-solid-base {
    border-color: var(--kendo-input-border);
    color: var(--kendo-input-color);
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-calendar .k-header {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
    background-color: var(--kendo-color-primary);
}

.k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-hover .k-link,
.k-calendar .k-calendar-td:hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td:hover .k-link {
    border-color: var(--kendo-input-border);
    color: var(--kendo-popup-color);
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-calendar-navigation {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-toolbar-bg);
}

.k-checkbox,
.k-radio {
    accent-color: var(--kendo-color-primary);
}

/* Cover every Kendo grid chrome (locked, virtual, table component, pager).
   Fiori hardcodes #fff on cells — tokens must paint td/table too. */
.k-grid.k-widget,
.k-grid .k-grid-container,
.k-grid .k-virtual-scrollable-wrap,
.k-grid table,
.k-grid .k-table,
.k-grid-header table,
.k-grid-content table,
.k-grid-content-locked table,
.k-grid-footer table {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-bg);
    border-color: var(--kendo-grid-border-color);
}

.k-grid td,
.k-grid .k-table-td,
.k-grid .k-master-row > td,
.k-grid tbody > tr > td {
    color: var(--kendo-grid-color);
    background-color: var(--kendo-grid-bg);
    border-color: var(--kendo-grid-border-color);
}

.k-grid th,
.k-grid .k-table-th,
.k-grid-header .k-header,
.k-grid-header .k-table-th {
    color: var(--kendo-grid-header-color);
    background-color: var(--kendo-grid-header-bg);
    border-color: var(--kendo-grid-border-color);
}

.k-grid tr.k-table-alt-row,
.k-grid tr.k-table-alt-row > td,
.k-grid tr.k-alt,
.k-grid tr.k-alt > td {
    background-color: var(--kendo-grid-alt-bg);
}

.k-grid .k-table-row:hover > td,
.k-grid .k-table-tbody > tr:hover > td {
    background-color: var(--kendo-grid-row-hover-bg);
}

.k-grid-pager,
.k-grid .k-pager,
.k-grid .k-pager-wrap,
.k-grid .k-grid-pager {
    color: var(--kendo-grid-footer-color);
    background-color: var(--kendo-grid-toolbar-bg);
    border-color: var(--kendo-grid-toolbar-border);
}