html[data-ys-theme=moonlight]{--ys-field-bg: #323a45;--ys-field-color: #c8cdd3;--ys-field-border: #323a45;--ys-field-edit-bg: #1f2a35;--ys-field-edit-color: #ffffff;--ys-text-fill-disabled: #c8cdd3;--ys-root-color: #ffffff;--ys-root-bg: #414550;--ys-toolbar-bg: #414550;--ys-grid-chrome-bg: #414550;--ys-field-radius: 0px;--ys-editable-border: rgba(255, 170, 0, .3)}html[data-ys-theme=blueopal]{--ys-field-bg: #ffffff;--ys-field-color: #668c9b;--ys-field-border: #93c8df;--ys-field-edit-bg: #ffffff;--ys-field-edit-color: #003f59;--ys-text-fill-disabled: #668c9b;--ys-root-color: #003f59;--ys-root-bg: #ffffff;--ys-toolbar-bg: #d9ecf5;--ys-grid-chrome-bg: #d9ecf5;--ys-field-radius: 4px;--ys-editable-border: rgba(19, 104, 140, .5)}html[data-ys-theme=default]{--ys-field-bg: #ffffff;--ys-field-color: #666666;--ys-field-border: rgba(0, 0, 0, .08);--ys-field-edit-bg: #ffffff;--ys-field-edit-color: #3d3d3d;--ys-text-fill-disabled: #666666;--ys-root-color: #3d3d3d;--ys-root-bg: #ffffff;--ys-toolbar-bg: #fafafa;--ys-grid-chrome-bg: #fafafa;--ys-field-radius: 4px;--ys-editable-border: rgba(255, 99, 88, .4)}html[data-ys-theme=bootstrap]{--ys-field-bg: #ffffff;--ys-field-color: #6c757d;--ys-field-border: rgba(33, 37, 41, .13);--ys-field-edit-bg: #ffffff;--ys-field-edit-color: #212529;--ys-text-fill-disabled: #6c757d;--ys-root-color: #212529;--ys-root-bg: #ffffff;--ys-toolbar-bg: #f8f9fa;--ys-grid-chrome-bg: #f8f9fa;--ys-field-radius: 4px;--ys-editable-border: rgba(13, 110, 253, .4)}html[data-ys-theme=material]{--ys-field-bg: #FEFBFF;--ys-field-color: #49454F;--ys-field-border: rgba(29, 27, 32, .12);--ys-field-edit-bg: #FEFBFF;--ys-field-edit-color: #1D1B20;--ys-text-fill-disabled: #49454F;--ys-root-color: #1D1B20;--ys-root-bg: #FEFBFF;--ys-toolbar-bg: #F7F3FA;--ys-grid-chrome-bg: #F7F3FA;--ys-field-radius: 4px;--ys-editable-border: rgba(101, 85, 143, .4)}html[data-ys-theme=fluent]{--ys-field-bg: #fafafa;--ys-field-color: #616161;--ys-field-border: rgba(36, 36, 36, .72);--ys-field-edit-bg: #ffffff;--ys-field-edit-color: #242424;--ys-text-fill-disabled: #616161;--ys-root-color: #242424;--ys-root-bg: #fafafa;--ys-toolbar-bg: #ffffff;--ys-grid-chrome-bg: #ffffff;--ys-field-radius: 4px;--ys-editable-border: rgba(15, 108, 189, .4)}html[data-ys-theme=classic]{--ys-field-bg: #ffffff;--ys-field-color: #666666;--ys-field-border: #cacaca;--ys-field-edit-bg: #ffffff;--ys-field-edit-color: #272727;--ys-text-fill-disabled: #666666;--ys-root-color: #272727;--ys-root-bg: #ffffff;--ys-toolbar-bg: #f0f0f0;--ys-grid-chrome-bg: #f0f0f0;--ys-field-radius: 4px;--ys-editable-border: rgba(243, 88, 0, .4)}.ys-react,.ys-react .k-grid,.ys-react .k-grid td,.ys-react .k-grid th,.ys-react .k-grid .k-table-td,.ys-react .k-grid .k-table-th,.ys-react .k-pager,.ys-react .k-grid-toolbar,.ys-react .k-filtercell,.ys-react .k-input{font-size:var(--ys-font-size, 11px)!important}.ys-react .k-grid tbody tr{cursor:pointer}.ys-react .k-grid table{width:100%!important}.ys-checkbox-filter{padding:8px 12px;min-width:200px}.ys-cbf-search{position:relative;margin-bottom:8px}.ys-cbf-search .k-i-search{position:absolute;left:8px;top:50%;transform:translateY(-50%);opacity:.5}.ys-cbf-search input{width:100%;padding:4px 28px;border:1px solid var(--kendo-color-border, rgba(255,255,255,.2));border-radius:4px;background:transparent;color:inherit;font-size:inherit;outline:none}.ys-cbf-search input:focus{border-color:var(--kendo-color-primary, rgba(255, 170, 0, .6))}.ys-cbf-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.5}.ys-cbf-clear:hover{opacity:1}.ys-cbf-list{max-height:220px;overflow-y:auto;margin-bottom:6px}.ys-cbf-item{display:flex;align-items:center;padding:4px 0;cursor:pointer;gap:8px}.ys-cbf-item:hover{background:var(--kendo-color-base-subtle, rgba(255, 255, 255, .05))}.ys-cbf-item input[type=checkbox]{accent-color:var(--kendo-color-primary, #ffaa00);margin:0;flex-shrink:0}.ys-cbf-count{font-size:.85em;opacity:.6;margin-bottom:8px}.ys-cbf-buttons{display:flex;gap:8px}.ys-react .k-button,.ys-react .k-picker,.ys-react .k-input,.ys-react .k-popup,.ys-react .k-columnmenu,.ys-react .k-column-menu,.ys-react .k-animation-container,.ys-react .k-grid-header,.ys-react .k-grid-header-wrap,.ys-react .k-grid-toolbar,.ys-react .k-pager,.ys-react .k-header,.ys-react .k-grid .k-header,.ys-react .k-grid-header .k-header>.k-link,.ys-react .k-filter-row>th,.ys-react .k-grid-header .k-grid-header-sticky,.ys-react .k-grid-header .k-filter-row .k-grid-header-sticky{background-image:none!important}.ys-react .k-header,.ys-react .k-grid .k-header,.ys-react .k-grid-header .k-header>.k-link,.ys-react .k-grid-header-wrap,.ys-react .k-filter-row>th,.ys-react .k-widget,.ys-react .k-pager-wrap,.ys-react .k-block{background-color:transparent!important;color:inherit!important}.ys-react .k-content{background-color:var(--kendo-color-surface-alt)!important}.ys-react .k-popup{background-color:var(--kendo-color-surface-alt)!important;color:var(--kendo-color-on-app-surface)!important;border-color:var(--kendo-color-border)!important}.ys-react .k-grid tr:hover{background-color:transparent!important;background-image:none!important}.ys-react .k-alt,.ys-react .k-state-default,.ys-react .k-state-selected,.ys-react .k-state-hover,.ys-react .k-state-focused,.ys-react .k-master-row .k-grid-content-sticky,.ys-react .k-master-row.k-alt .k-grid-content-sticky{background-color:transparent;background-image:none;color:inherit;border-color:inherit}.ys-react .k-grid .k-selected,.ys-react .k-grid .k-selected>td,.ys-react .k-grid .k-selected>.k-table-td,.ys-react .k-table-tbody .k-table-row.k-selected,.ys-react .k-table-tbody .k-table-row.k-selected>.k-table-td,.ys-react .k-table-list .k-table-row.k-selected{background-color:color-mix(in srgb,var(--kendo-color-primary) 75%,transparent)!important;color:var(--kendo-color-on-primary)!important}.ys-react .k-list-item.k-selected{background-color:color-mix(in srgb,var(--kendo-color-primary) 75%,transparent)!important;color:var(--kendo-color-on-primary)!important}.ys-react{color:var(--ys-root-color, #ffffff)!important;background-color:var(--ys-root-bg, #414550)!important}.ys-react .k-tabstrip-items .k-item{background-color:transparent!important;background-image:none!important;color:inherit!important;border-color:var(--kendo-color-border)!important}.ys-react .k-tabstrip-items .k-item.k-active,.ys-react .k-tabstrip-items .k-item.k-selected{background-color:var(--kendo-color-app-surface)!important;color:var(--kendo-color-primary)!important}.ys-react .k-tabstrip-items .k-link{color:inherit!important}.ys-react .k-tabstrip-items-wrapper{background-color:transparent!important;background-image:none!important;border-color:var(--kendo-color-border)!important}.ys-react .k-button,.ys-react .k-button:hover{background-image:none!important}.ys-react .k-button .k-icon{color:inherit!important}.ys-react .k-grid-toolbar{background-color:var(--ys-grid-chrome-bg, #414550)!important;color:inherit!important;border-color:var(--kendo-color-border)!important}.ys-react .k-pager,.ys-react .k-pager-wrap{background-color:var(--ys-grid-chrome-bg, #414550)!important;background-image:none!important;color:inherit!important;border-color:var(--kendo-color-border)!important}.ys-react .k-grid-header,.ys-react .k-grid-header-wrap{background-color:var(--ys-grid-chrome-bg, #414550)!important;color:inherit!important}.ys-react .k-grid .k-input,.ys-react .k-grid .k-picker{background-color:var(--kendo-color-app-surface)!important;color:inherit!important;border-color:var(--kendo-color-border)!important;background-image:none!important}.ys-react .ys-toolbar{background-color:var(--ys-toolbar-bg, #1f2a35);border-bottom:1px solid var(--kendo-color-border)}.ys-react .k-tabstrip-items-wrapper{background-color:var(--ys-toolbar-bg, #1f2a35)!important}.ys-react .k-tabstrip-items .k-link,.ys-react .k-tabstrip-items .k-item,.ys-react .tabform,.ys-react .tabform label{font-size:var(--ys-font-size, 11px)!important}.ys-react .tabform .row{display:flex;flex-wrap:wrap;align-items:flex-start}.ys-react .tabform .row>[class*=col-]{float:none}.ys-react :is(.tabform,.k-form,.ys-form) input,.ys-react :is(.tabform,.k-form,.ys-form) select,.ys-react :is(.tabform,.k-form,.ys-form) textarea,.ys-react :is(.tabform,.k-form,.ys-form) .k-picker,.ys-react :is(.tabform,.k-form,.ys-form) .k-input-inner,.ys-react :is(.tabform,.k-form,.ys-form) .k-numerictextbox,.ys-react :is(.tabform,.k-form,.ys-form) .k-numerictextbox .k-input-inner,.ys-react :is(.tabform,.k-form,.ys-form) .k-datepicker,.ys-react :is(.tabform,.k-form,.ys-form) .k-datetimepicker,.ys-react :is(.tabform,.k-form,.ys-form) .k-dropdownlist,.ys-react :is(.tabform,.k-form,.ys-form) .k-multiselect{background-color:var(--ys-field-bg, #323a45)!important;color:var(--ys-field-color, #c8cdd3)!important;border-color:var(--ys-field-border, #323a45)!important;border-radius:var(--ys-field-radius, 0px)!important}.ys-react :is(.tabform,.k-form,.ys-form) input:disabled,.ys-react :is(.tabform,.k-form,.ys-form) select:disabled,.ys-react :is(.tabform,.k-form,.ys-form) textarea:disabled,.ys-react :is(.tabform,.k-form,.ys-form) .k-disabled,.ys-react :is(.tabform,.k-form,.ys-form) .k-disabled *{background-color:var(--ys-field-bg, #323a45)!important;color:var(--ys-field-color, #c8cdd3)!important;border-color:var(--ys-field-border, #323a45)!important;opacity:1!important;-webkit-text-fill-color:var(--ys-text-fill-disabled, #c8cdd3)!important}.ys-react :is(.tabform,.k-form,.ys-form) span.k-picker.k-disabled,.ys-react :is(.tabform,.k-form,.ys-form) span.k-picker.k-disabled *,.ys-react :is(.tabform,.k-form,.ys-form) span.k-input.k-disabled,.ys-react :is(.tabform,.k-form,.ys-form) span.k-input.k-disabled *,.ys-react :is(.tabform,.k-form,.ys-form) span.k-numerictextbox.k-disabled,.ys-react :is(.tabform,.k-form,.ys-form) span.k-numerictextbox.k-disabled *,.ys-react :is(.tabform,.k-form,.ys-form) span.k-datepicker.k-disabled,.ys-react :is(.tabform,.k-form,.ys-form) span.k-datepicker.k-disabled *,.ys-react :is(.tabform,.k-form,.ys-form) span.k-datetimepicker.k-disabled,.ys-react :is(.tabform,.k-form,.ys-form) span.k-datetimepicker.k-disabled *{background-color:var(--ys-field-bg, #323a45)!important;color:var(--ys-field-color, #c8cdd3)!important;border-color:var(--ys-field-border, #323a45)!important;opacity:1!important;-webkit-text-fill-color:var(--ys-text-fill-disabled, #c8cdd3)!important}.ys-react :is(.tabform,.k-form,.ys-form) input:enabled,.ys-react :is(.tabform,.k-form,.ys-form) select:enabled,.ys-react :is(.tabform,.k-form,.ys-form) textarea:enabled,.ys-react :is(.tabform,.k-form,.ys-form) .k-picker:not(.k-disabled),.ys-react :is(.tabform,.k-form,.ys-form) .k-numerictextbox:not(.k-disabled),.ys-react :is(.tabform,.k-form,.ys-form) .k-numerictextbox:not(.k-disabled) .k-input-inner,.ys-react :is(.tabform,.k-form,.ys-form) .k-datepicker:not(.k-disabled),.ys-react :is(.tabform,.k-form,.ys-form) .k-datetimepicker:not(.k-disabled),.ys-react :is(.tabform,.k-form,.ys-form) .k-dropdownlist:not(.k-disabled),.ys-react :is(.tabform,.k-form,.ys-form) .k-multiselect:not(.k-disabled),.ys-react :is(.tabform,.k-form,.ys-form) .k-picker:not(.k-disabled) .k-input-inner,.ys-react :is(.tabform,.k-form,.ys-form) .k-input-inner:not(:disabled){background-color:var(--ys-field-edit-bg, #1f2a35)!important;color:var(--ys-field-edit-color, #ffffff)!important;border-color:var(--ys-editable-border, rgba(255, 170, 0, .3))!important}@keyframes ys-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ys-suggestion-item:hover{background:var(--kendo-color-base-hover, rgba(255,255,255,.08))}
