﻿/* ============================================================
   kendo2026.css  —  Kendo UI 2026.3.811 grid/toolbar compatibility
   ------------------------------------------------------------
   Rules the Puget Sound theme (safesound_current_theme) added to
   skin.css. Here they are loaded only by skins that use Kendo UI
   2026.3.811 (Utils.ThemeSetup(true), i.e. StyleChange), right after
   skin.css, so the other DNNTheme3 skins (still on older Kendo
   versions) are not affected — skin.css is loaded by every skin.
   ============================================================ */

.k-toolbar .k-picker,
.k-toolbar .k-input {
    width: auto;
    min-width: 6em;
}

.k-grid {
    font-family: inherit;
}

/* Hide only the Kendo Grid loading spinner; the mask (and its click blocking) and the AJAX lifecycle stay.
   2026 draws the circle as .k-loading-image::before; older Kendo uses a background GIF. Kendo prepends
   the mask directly into .k-grid or .k-grid-content, so other components' loaders are not matched. */
.k-grid > .k-loading-mask > .k-loading-image,
.k-grid-content > .k-loading-mask > .k-loading-image {
    background-image: none;
}

.k-grid > .k-loading-mask > .k-loading-image::before,
.k-grid-content > .k-loading-mask > .k-loading-image::before {
    display: none;
}

/* Kendo UI 2026 compatibility (Stage 1): Kendo 2026 sets .k-grid { overflow: hidden },
   which clips non-scrollable grids (scrollable: false). Those grids render their <table>
   as a direct child of .k-grid; scrollable grids wrap it in .k-grid-header and
   .k-grid-container > .k-grid-content, so they do not match this rule. */
.k-grid:has(> table) {
    overflow: visible;
}

/* Kendo UI 2026 compatibility: Kendo 2019 bolded group header rows (.k-grouping-row td);
   2026 resets grid cells to font-weight: inherit, and the header text (<p class="k-reset">)
   inherits through font: inherit. Scoped to grid group rows, so other .k-reset uses are unaffected. */
.k-grid .k-grouping-row > .k-table-td {
    font-weight: bold;
}
