.stack-item-header {
    flex: 0 0 30px;
}

.k-window.k-dialog.telerik-blazor {
    border-radius: var(--kendo-border-radius-md, 0.25rem);
}

.k-window-titlebar {
    border-start-start-radius: var(--kendo-border-radius-md, 0.25rem);
    border-start-end-radius: var(--kendo-border-radius-md, 0.25rem);
}

div.k-tabstrip-items-wrapper.k-hstack > span.k-tabstrip-prev.k-icon-button.k-button {
    margin-bottom: 1rem;
}

div.k-tabstrip-items-wrapper.k-hstack > span.k-tabstrip-next.k-icon-button.k-icon-button {
    margin-bottom: 1rem;
}

/* Telerik Button - Fluent-like sizing */
html .k-button:not(.k-icon-button):not(.inner-grid-button),
html .k-button.k-button-md:not(.k-icon-button):not(.inner-grid-button) {
    padding-block: 5px !important;
    padding-inline: 12px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}



/* Title text */
.k-h5 {
    font-size: 16px !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
}

/* GRID OVERRIDES */
/* GRID OVERRIDES */
:root {
    --grid-tight-font-size: 11px;
    --grid-tight-row-height: 25px;
    --grid-tight-cell-padding-y: 0.35rem;
    --grid-tight-cell-padding-x: 0.6rem;
    --grid-tight-action-button-size: 1.45rem;
    --grid-tight-action-gap: 0.3rem;
    --grid-tight-header-padding-y: 0.65rem;
    --grid-tight-header-padding-x: 0.65rem;
}

.grid-tight .k-table,
.grid-tight .k-table td,
.grid-tight .k-table th {
    font-size: var(--grid-tight-font-size) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

/* Make every body row the same height */
.grid-tight .k-grid-content .k-table-row,
.grid-tight .k-grid-content-locked .k-table-row {
    height: var(--grid-tight-row-height) !important;
}

/* Normal cells */
.grid-tight .k-table td,
.grid-tight .k-table .k-table-td {
    height: var(--grid-tight-row-height) !important;
    padding-block: var(--grid-tight-cell-padding-y) !important;
    padding-inline: var(--grid-tight-cell-padding-x) !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Header cells */
.grid-tight .k-grid-header .k-table-th,
.grid-tight .k-grid-header th {
    padding-block: var(--grid-tight-header-padding-y) !important;
    padding-inline: var(--grid-tight-header-padding-x) !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Command/action cells must behave like table cells, not flex cells */
.grid-tight .k-table td.k-command-cell,
.grid-tight .k-table .k-table-td.k-command-cell {
    display: table-cell !important;
    height: var(--grid-tight-row-height) !important;
    min-height: var(--grid-tight-row-height) !important;
    padding-block: var(--grid-tight-cell-padding-y) !important;
    padding-inline: 0.45rem !important;
    vertical-align: middle !important;
    text-align: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* Action buttons: keep smaller than row height */
.grid-tight .k-command-cell .k-button,
.grid-tight .k-command-cell .k-button.k-icon-button,
.grid-tight .k-command-cell .k-button.k-button-md.k-icon-button {
    width: var(--grid-tight-action-button-size) !important;
    min-width: var(--grid-tight-action-button-size) !important;
    height: var(--grid-tight-action-button-size) !important;
    min-height: var(--grid-tight-action-button-size) !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

/* Space between action buttons */
.grid-tight .k-command-cell .k-button + .k-button {
    margin-left: var(--grid-tight-action-gap) !important;
}

/* Icons inside action buttons */
.grid-tight .k-command-cell .k-button .k-button-icon,
.grid-tight .k-command-cell .k-button .k-svg-icon,
.grid-tight .k-command-cell .k-button i,
.grid-tight .k-command-cell .k-button .bi {
    min-width: unset !important;
    min-height: unset !important;
    width: 0.95rem !important;
    height: 0.95rem !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
}

/* Optional: compact pager so it does not look oversized compared to tight rows */
.grid-tight .k-pager {
    font-size: 12px !important;
}

/* Last row border - normal and action cells */
.grid-tight .k-grid-content .k-table-row:last-child > td,
.grid-tight .k-grid-content .k-table-row:last-child > .k-table-td,
.grid-tight .k-grid-content-locked .k-table-row:last-child > td,
.grid-tight .k-grid-content-locked .k-table-row:last-child > .k-table-td {
    border-bottom: 1px solid color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 5%, transparent) !important;
    box-shadow: none !important;
}

/* BUTTON OVERRIDES */
.k-button.k-color-primary-emphasis {
    color: var(--kendo-color-primary-emphasis) !important;
}

/* Telerik Grid sticky/locked command column - same zebra colors */
.k-grid .k-table-row:not(.k-table-alt-row) > td.k-grid-content-sticky {
    background-color: var(--kendo-color-app-surface, #fff) !important;
    background-clip: padding-box !important;
}

.k-grid .k-table-alt-row > td.k-grid-content-sticky {
    background-color: color-mix( in srgb, var(--kendo-color-on-app-surface, #28323E) 5%, var(--kendo-color-app-surface, #fff) ) !important;
    background-clip: padding-box !important;
}

.k-grid .k-table-row:hover > td.k-grid-content-sticky {
    background-color: var(--kendo-color-base-hover, #E6EAEF) !important;
}

/* LOADER CONTAINERS */
/* INLINE / COMPONENT LOADER Template-based LoaderContainers do not render a panel. */
.k-loader-container:not(:has(.k-loader-container-panel)) > .k-loader-container-overlay {
    background-color: #fff !important;
}

/* PAGE LOADER */
.k-loader-container:has(.k-loader-container-panel) {
    /* Keep the overlay and loader stacking local to this container. */
    isolation: isolate;
}

/* Darken the page content. */
.k-loader-container:has(.k-loader-container-panel) > .k-loader-container-overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

/* Keep the loader content above the dark overlay. */
.k-loader-container:has(.k-loader-container-panel) > .k-loader-container-inner {
    position: relative;
    z-index: 1 !important;
}

/* Bright white loader box. */
.k-loader-container:has(.k-loader-container-panel)
.k-loader-container-panel {
    background-color: #fff !important;
    color: #212121 !important;
    opacity: 1 !important;
}