﻿:root {
    --kendo-chip-bg: rgba(0, 0, 0, 0.2);
    --kendo-chip-focused-bg: rgba(0, 0, 0, 0.2);
    --kendo-chip-hover-bg: rgba(0, 0, 0, 0.25);
    
    --kendo-component-border: rgba(0, 0, 0, 0.1);
    
    --kendo-editor-border: rgba(0, 0, 0, 0.2);
    
    --kendo-font-family: var(--SystemFont);
    
    --kendo-list-content-padding: 0;
    --kendo-list-item-border-radius: 0;
    --kendo-list-item-focus-shadow: inset 0 0 0 1px black;
    --kendo-list-item-selected-bg: rgba(0, 0, 0, 0.25);
    
    --kendo-popup-border: rgba(0, 0, 0, 0.3);
    
    --kendo-scrollview-pager-light-bg: rgba(0, 0, 0, 0.1);
    --kendo-scrollview-navigation-color: rgba(0, 0, 0, 0.3);
    
    --kendo-toolbar-bg: rgba(0, 0, 0, 0.1);
}

/* Input controls */
.input-control.k-input, .input-control.k-picker {
    border: 2px solid transparent;
    font-size: 0.75rem;
}

.input-control.k-input.k-focus::after, .input-control.k-input:focus-within::after, .input-control.k-input:focus::after,
.input-control.k-picker.k-focus::after, .input-control.k-picker:focus-within::after, .input-control.k-picker:focus::after,
.k-list-filter > .k-input:focus-within::after {
    border: none;
}

.input-control.k-disabled, .k-widget[disabled] {
    background: none;
    color: inherit;
}

.input-control.k-multiselect.k-disabled .k-chip-actions {
    display: none;
}

.input-control.k-combobox.k-disabled .k-button {
    display: none;
}

.input-control.k-input, .input-control.k-picker {
    border: 2px solid rgba(0, 0, 0, 0.1);
}

.input-control.k-input.k-disabled, .input-control.k-picker.k-disabled {
    border: none;
}

.input-control:focus, .input-control.k-picker:focus {
    border: 2px solid rgba(0, 0, 0, 0.3);
}

.input-control.k-input:hover, .input-control.k-picker:hover {
    border: 2px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(217, 217, 217, 0.6);
}

.input-control.k-input:hover .k-button, .input-control.k-picker:hover .k-button {
    background-color: rgba(217, 217, 217, 0.6);
}

.input-control.k-input .k-button.k-disabled, .input-control.k-input .k-button:disabled, .input-control.k-input .k-disabled .k-button,
.input-control.k-picker .k-button.k-disabled, .input-control.k-picker .k-button:disabled, .input-control.k-picker .k-disabled .k-button {
    visibility: hidden;
}

.input-control.k-editor {
    border-radius: 5px;
}

.k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
    background-color: var(--kendo-chip-focused-bg, var(--kendo-color-base-subtle, #f5f5f5));
}

.k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
    background-color: var(--kendo-chip-hover-bg, var(--kendo-color-base-subtle-hover, #ebebeb));
}

.k-list-filter svg {
    height: 75%;
}

.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: 9px 11px !important;
}

.k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease {
    padding: 7px !important;
}

.k-input, .k-picker {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.k-input:hover, .k-input.k-hover, .k-picker:hover, .k-picker.k-hover {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.k-input:focus, .k-input.k-focus, .k-input:focus-within {
    border-color: var(--SystemBlue);
}

.k-input::after, .k-picker::after {
    border-radius: 0;
}

/* Input Controls - Error */
.input-control.k-picker.input-error, .input-control.k-input.input-error {
    border-color: var(--SystemRed);
}

.input-control.k-picker[aria-expanded="true"] button span svg {
    transform: rotate(90deg);
}

.input-control.k-picker[aria-expanded="false"] button span svg {
    transform: rotate(0deg);
}

/* HTML editor */
.telerik-html-editor {
    max-width: 1115px;
}

.k-window-actions {
    margin: unset;
    justify-content: space-around;
    background-color: unset;
}

.ProseMirror-hideselection *::selection {
    background: transparent;
}

.ProseMirror-gapcursor {
    display: none;
    pointer-events: none;
    position: absolute;
}

.ProseMirror-gapcursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
    to {
        visibility: hidden;
    }
}

.ProseMirror-focused .ProseMirror-gapcursor {
    display: block;
}

.telerik-html-editor .k-editor-resize-wrap-element {
    display: inline-block;
    position: relative;
}

.html-editor table, .telerik-html-editor table {
    table-layout: fixed;
    width: 100%;
}

.telerik-html-editor .resize-cursor {
    cursor: col-resize;
}

.telerik-html-editor .resize-cursor-vertical {
    cursor: row-resize;
}

.html-editor p, .html-editor ol, .html-editor ul,
.telerik-html-editor p, .telerik-html-editor ol, .telerik-html-editor ul {
    margin: 0;
}

.toolbar-data-picker-button {
    padding-block: calc(var(--kendo-icon-button-md-padding-y, 0.375rem) - 1px);
    padding-inline: calc(var(--kendo-icon-button-md-padding-y, 0.532rem) - 1px);
}

.k-toolbar-item:has(.toolbar-data-picker) {
    width: 100%;
}

/* Image Carousel */
.carousel {
    margin-right: 12px;
}

.k-scrollview {
    max-height: 100%;
    max-width: 100%;
}

.k-scrollview-elements {
    display: none;
}

.k-scrollview:hover .k-scrollview-elements {
    display: block;
}

/* Widgets */
.data-quality-widget .k-tilelayout-item-body {
    overflow: auto;
}

.placeholder-tile > .k-tilelayout-item-header.k-card-header,
.redirect-tile > .k-tilelayout-item-header.k-card-header,
.summary-tile > .k-tilelayout-item-header.k-card-header,
.asset-share-tile > .k-tilelayout-item-header.k-card-header {
    padding: 0;
}

/* PDF Viewer */
.k-pdf-viewer {
    border-radius: 5px 5px 10px 10px;
}

.k-pdf-viewer-pages .k-icon-xxxl, .k-pdf-viewer-pages .k-upload, .k-pdf-viewer-pages .k-blank-page {
    display: none;
}