/* =============================================================================================
   dx-brand.css — GENERATED by Tools/DesignSystem/make-dx-brand.py. Do not edit by hand.

   DevExtreme's accent color, pointed at our brand token. Every declaration below is one that used
   DevExtreme's literal blue (#337ab7 light / #1ca8dd dark), rewritten to var(--ie-brand) — which
   is purple in light mode and lavender in dark — under the same selector. Loaded right after the
   DevExtreme theme in _Layout so it wins at equal specificity. Re-run the script after a
   DevExtreme upgrade. See docs/design-system.md §2.
   ============================================================================================= */

.dx-theme-generic-typography a {
    color:var(--ie-brand);
}

.dx-theme-accent-as-text-color {
    color:var(--ie-brand)!important;
}

.dx-theme-accent-as-background-color {
    background-color:var(--ie-brand)!important;
    fill:var(--ie-brand)!important;
}

.dx-theme-accent-as-border-color {
    border-color:var(--ie-brand)!important;
}

.dx-button-mode-contained.dx-button-default {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-button-mode-outlined.dx-button-default.dx-state-selected {
    background-color:rgba(var(--ie-brand-rgb), .3);
}

.dx-button-mode-text.dx-button-default.dx-state-selected {
    background-color:rgba(var(--ie-brand-rgb), .3);
}

.dx-splitter .dx-resize-handle.dx-state-active,
.dx-splitter .dx-resize-handle.dx-state-focused {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border-color:var(--ie-brand);
}

.dx-checkbox-checked .dx-checkbox-icon {
    color:var(--ie-brand);
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    color:var(--ie-brand);
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    background-color:var(--ie-brand);
}

.dx-switch.dx-state-active .dx-switch-container {
    border-color:var(--ie-brand);
}

.dx-switch.dx-state-hover .dx-switch-handle::before {
    background-color:var(--ie-brand);
}

.dx-switch.dx-state-hover .dx-switch-container {
    border-color:var(--ie-brand);
}

.dx-switch.dx-state-focused .dx-switch-container {
    border-color:var(--ie-brand);
}

.dx-switch.dx-state-focused .dx-switch-handle::before {
    background-color:var(--ie-brand);
}

.dx-switch-on-value .dx-switch-handle::before {
    background-color:var(--ie-brand);
}

:root {
    --dx-color-primary:var(--ie-brand);
    --dx-color-link:var(--ie-brand);
}

.dx-tabs.dx-state-focused .dx-tab.dx-state-focused::after {
    -webkit-border-before:1px solid var(--ie-brand);
    border-block-start:1px solid var(--ie-brand);
    -webkit-border-end:1px solid var(--ie-brand);
    border-inline-end:1px solid var(--ie-brand);
    -webkit-border-after:1px solid var(--ie-brand);
    border-block-end:1px solid var(--ie-brand);
    -webkit-border-start:1px solid var(--ie-brand);
    border-inline-start:1px solid var(--ie-brand);
}

.dx-tabs-vertical.dx-state-focused .dx-tab.dx-state-focused::after {
    -webkit-border-before:1px solid var(--ie-brand);
    border-block-start:1px solid var(--ie-brand);
    -webkit-border-end:1px solid var(--ie-brand);
    border-inline-end:1px solid var(--ie-brand);
    -webkit-border-after:1px solid var(--ie-brand);
    border-block-end:1px solid var(--ie-brand);
    -webkit-border-start:1px solid var(--ie-brand);
    border-inline-start:1px solid var(--ie-brand);
}

.dx-badge {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
    background-color:rgba(var(--ie-brand-rgb), .07);
}

.dx-texteditor.dx-state-hover {
    border-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-texteditor.dx-state-hover.dx-editor-filled {
    background-color:rgba(var(--ie-brand-rgb), .1);
}

.dx-texteditor.dx-state-focused .dx-texteditor-label {
    color:var(--ie-brand);
}

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color:var(--ie-brand);
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-before {
    border-color:rgba(var(--ie-brand-rgb), .4);
    border-bottom-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
    border-color:var(--ie-brand);
}

.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color:rgba(var(--ie-brand-rgb), .2);
}

.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color:rgba(var(--ie-brand-rgb), .3);
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon {
    border:1px solid var(--ie-brand);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color:rgba(var(--ie-brand-rgb), .7);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    border-top:1px solid rgba(var(--ie-brand-rgb), .5);
    border-bottom:1px solid rgba(var(--ie-brand-rgb), .5);
}

.dx-list-slide-menu-button-menu {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-calendar-cell.dx-calendar-today span {
    border:2px solid var(--ie-brand);
}

.dx-calendar-cell.dx-state-hover span {
    background-color:rgba(var(--ie-brand-rgb), .24);
}

.dx-calendar-cell.dx-state-active span {
    background-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-calendar-cell.dx-calendar-selected-date span {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-calendar-cell.dx-calendar-contoured-date span {
    box-shadow:0 0 0 2px rgba(var(--ie-brand-rgb), .5);
}

.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
    background-color:rgba(var(--ie-brand-rgb), .24);
}

.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span {
    background-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
    background-color:var(--ie-brand);
}

.dx-calendar-cell-in-range::before {
    background-color:rgba(var(--ie-brand-rgb), .24);
    border-color:rgba(var(--ie-brand-rgb), .6) transparent;
}

.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
    border-inline-start-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
    border-inline-start-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
    border-inline-start-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover::after {
    border-color:rgba(var(--ie-brand-rgb), .6) transparent;
}

.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
    border-inline-start-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
    border-inline-start-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
    border-inline-start-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
    border-inline-end-color:rgba(var(--ie-brand-rgb), 0.6);
}

.dx-daterangebox .dx-texteditor.dx-state-hover::before {
    border-bottom-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-daterangebox .dx-texteditor.dx-state-focused::before {
    border-bottom-color:var(--ie-brand);
}

.dx-treeview-item-without-checkbox.dx-state-focused>.dx-treeview-item {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-treeview-item-with-checkbox.dx-state-focused>.dx-treeview-item .dx-checkbox .dx-checkbox-icon {
    border:1px solid var(--ie-brand);
}

.dx-menu-item a {
    color:var(--ie-brand);
}

.dx-menu-item.dx-state-focused {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-menu-item-selected.dx-state-focused {
    background-color:rgba(var(--ie-brand-rgb), .7);
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-selected {
    background-color:rgba(var(--ie-brand-rgb), .3);
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border:1px solid var(--ie-brand);
}

.dx-tile.dx-state-focused,
.dx-tile.dx-state-hover {
    border-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-toast-info {
    background-color:var(--ie-brand);
}

.dx-progressbar-range {
    border:1px solid var(--ie-brand);
    background-color:var(--ie-brand);
}

.dx-progressbar-animating-container {
    background-image:linear-gradient(-90deg,transparent 5%,var(--ie-brand),transparent 95%);
}

.dx-state-disabled .dx-progressbar-range {
    background-color:rgba(var(--ie-brand-rgb), .6);
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
    background-image:linear-gradient(-90deg,transparent 5%,var(--ie-brand),transparent 95%);
}

.dx-slider-range.dx-slider-range-visible {
    border:1px solid var(--ie-brand);
    background:var(--ie-brand);
}

.dx-slider-handle {
    background-color:var(--ie-brand);
}

.dx-gallery .dx-gallery-nav-button-next.dx-state-hover::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover::after {
    background-color:rgba(var(--ie-brand-rgb), .5);
}

.dx-gallery .dx-gallery-nav-button-next.dx-state-active::after,
.dx-gallery .dx-gallery-nav-button-prev.dx-state-active::after {
    background-color:rgba(var(--ie-brand-rgb), .7);
}

.dx-gallery-indicator-item {
    border:1px solid var(--ie-brand);
}

.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    background:var(--ie-brand);
}

.dx-state-focused.dx-gallery {
    border-color:var(--ie-brand);
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color:var(--ie-brand);
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon {
    border-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-radiobutton.dx-state-focused .dx-radiobutton-icon {
    border-color:var(--ie-brand);
}

.dx-state-focused.dx-accordion-item {
    border-color:var(--ie-brand);
}

.dx-sortable-dragging>div>.dx-gridbase-container>.dx-datagrid-rowsview {
    border-color:rgba(var(--ie-brand-rgb), .5);
}

.dx-datagrid .dx-link {
    color:var(--ie-brand);
}

.dx-datagrid-drag-header {
    border:1px solid rgba(var(--ie-brand-rgb), .5);
}

.dx-datagrid-columns-separator {
    background-color:var(--ie-brand);
}

.dx-datagrid-drop-highlight>td {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-datagrid-search-text {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-datagrid-group-panel .dx-block-separator {
    background-color:var(--ie-brand);
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-icon-filter {
    color:var(--ie-brand);
}

.dx-sortable-dragging>div>.dx-gridbase-container>.dx-treelist-rowsview {
    border-color:rgba(var(--ie-brand-rgb), .5);
}

.dx-treelist .dx-link {
    color:var(--ie-brand);
}

.dx-treelist-drag-header {
    border:1px solid rgba(var(--ie-brand-rgb), .5);
}

.dx-treelist-columns-separator {
    background-color:var(--ie-brand);
}

.dx-treelist-drop-highlight>td {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-treelist-search-text {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
    color:var(--ie-brand);
}

.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
    border:1px solid rgba(var(--ie-brand-rgb), .5);
}

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
    border-color:var(--ie-brand);
}

.dx-tabpanel.dx-state-focused .dx-tabpanel-tab.dx-state-focused::after {
    border-color:var(--ie-brand);
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-active::after {
    -webkit-border-after:1px solid var(--ie-brand);
    border-block-end:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
    -webkit-border-after:1px solid var(--ie-brand);
    border-block-end:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-active::after {
    -webkit-border-start:1px solid var(--ie-brand);
    border-inline-start:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
    -webkit-border-start:1px solid var(--ie-brand);
    border-inline-start:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-active::after {
    -webkit-border-before:1px solid var(--ie-brand);
    border-block-start:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
    -webkit-border-before:1px solid var(--ie-brand);
    border-block-start:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-active::after {
    -webkit-border-end:1px solid var(--ie-brand);
    border-inline-end:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
    -webkit-border-end:1px solid var(--ie-brand);
    border-inline-end:1px solid var(--ie-brand);
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper.dx-state-focused {
    border-color:var(--ie-brand);
}

.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabs-nav-button,
.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabs-wrapper {
    -webkit-border-after:1px solid var(--ie-brand);
    border-block-end:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabs-nav-button,
.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabs-wrapper {
    -webkit-border-start:1px solid var(--ie-brand);
    border-inline-start:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabs-nav-button,
.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabs-wrapper {
    -webkit-border-before:1px solid var(--ie-brand);
    border-block-start:1px solid var(--ie-brand);
}

.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabs-nav-button,
.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabs-wrapper {
    -webkit-border-end:1px solid var(--ie-brand);
    border-inline-end:1px solid var(--ie-brand);
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
.dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
    background:var(--ie-brand);
}

.dx-scheduler-appointment {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker {
    background-color:var(--ie-brand);
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
    color:var(--ie-brand);
    background-color:rgba(var(--ie-brand-rgb), .15);
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    color:var(--ie-brand);
}

.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
    color:var(--ie-brand);
}

.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
    box-shadow:inset 0 0 0 1px var(--ie-brand);
}

.dx-scheduler-appointment-collector {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-scheduler-appointment-collector.dx-button,
.dx-scheduler-appointment-collector.dx-button.dx-state-active,
.dx-scheduler-appointment-collector.dx-button.dx-state-focused,
.dx-scheduler-appointment-collector.dx-button.dx-state-hover {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
    background-color:rgba(var(--ie-brand-rgb), .3);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
    background-color:rgba(var(--ie-brand-rgb), .5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-htmleditor-content .dx-variable>span {
    background:rgba(var(--ie-brand-rgb), .15);
}

.dx-htmleditor.dx-htmleditor-outlined.dx-state-hover {
    border-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-htmleditor.dx-htmleditor-outlined.dx-state-active,
.dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
    border-color:var(--ie-brand);
}

.dx-htmleditor.dx-htmleditor-filled.dx-state-hover,
.dx-htmleditor.dx-htmleditor-filled.dx-state-hover.dx-invalid.dx-state-readonly:not(.dx-state-focused) {
    background-color:rgba(var(--ie-brand-rgb), .07);
}

.dx-htmleditor.dx-htmleditor-filled.dx-state-active,
.dx-htmleditor.dx-htmleditor-filled.dx-state-focused {
    border-color:var(--ie-brand);
}

.dx-htmleditor.dx-htmleditor-underlined.dx-state-hover {
    border-bottom-color:rgba(var(--ie-brand-rgb), .4);
}

.dx-htmleditor.dx-htmleditor-underlined.dx-state-active,
.dx-htmleditor.dx-htmleditor-underlined.dx-state-focused {
    border-bottom-color:var(--ie-brand);
}

.dx-resize-frame {
    border-color:var(--ie-brand);
}

.dx-resize-frame .dx-resizable-handle-bottom::after,
.dx-resize-frame .dx-resizable-handle-corner-bottom-left,
.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-resize-frame .dx-resizable-handle-left::after,
.dx-resize-frame .dx-resizable-handle-right::after,
.dx-resize-frame .dx-resizable-handle-top::after {
    background-color:var(--ie-brand);
}

.dx-table-resize-frame>.dx-draggable-dragging+.dx-htmleditor-highlighted-column,
.dx-table-resize-frame>.dx-draggable-dragging+.dx-htmleditor-highlighted-row {
    background-color:rgba(var(--ie-brand-rgb), .5);
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content {
    background-color:var(--ie-brand);
    color:var(--ie-on-brand);
}

.dx-splitter-bar {
    background-color:rgba(var(--ie-brand-rgb), .5);
}

.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder {
    border:2px solid var(--ie-brand);
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected {
    background:rgba(var(--ie-brand-rgb), .8);
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-focused {
    border:1px solid var(--ie-brand);
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected.dx-state-focused {
    background:rgba(var(--ie-brand-rgb), .7);
}

.dx-diagram .dxdi-control .dxdi-canvas .connector-multi-selection,
.dx-diagram .dxdi-control .dxdi-canvas .connector-point-mark,
.dx-diagram .dxdi-control .dxdi-canvas .connector-selection,
.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark,
.dx-diagram .dxdi-control .dxdi-canvas .extension-line path,
.dx-diagram .dxdi-control .dxdi-canvas .item-multi-selection-rect,
.dx-diagram .dxdi-control .dxdi-canvas .item-selection-rect,
.dx-diagram .dxdi-control .dxdi-canvas .items-selection-rect,
.dx-diagram .dxdi-control .dxdi-canvas .selection-mark {
    stroke:var(--ie-brand);
}

.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark,
.dx-diagram .dxdi-control .dxdi-canvas .extension-line text {
    fill:var(--ie-brand);
}

.dx-diagram .dxdi-text-input-container.connector-text .dxdi-text-input {
    border-color:var(--ie-brand);
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task {
    background-color:var(--ie-brand);
}

.dx-gantt .dx-gantt-tm {
    border-left:1px dashed var(--ie-brand);
}

.dx-gantt .dx-gantt-ti {
    border-left:1px dashed var(--ie-brand);
    border-right:1px dashed var(--ie-brand);
    background-color:rgba(var(--ie-brand-rgb), .15);
}

.dx-sortable-placeholder {
    border:1px solid var(--ie-brand);
}

.dx-sortable-dragging>* {
    border-color:rgba(var(--ie-brand-rgb), .5);
}

/* ---- hand-written: states the generator cannot see (they are not the accent color) ---- */
.dx-widget, .dx-widget input, .dx-widget textarea { font-family: var(--ie-font); }
.dx-button-mode-contained.dx-button-default .dx-button-content,
.dx-button-mode-contained.dx-button-default .dx-icon { color: var(--ie-on-brand); }
.dx-button-mode-contained.dx-button-default.dx-state-hover { background-color: var(--ie-brand-hover); }
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { background-color: var(--ie-brand); }
/* Not the checkbox: its tick is a glyph drawn in `color` on a white box, and the generated rule
   already paints it the brand. Setting --ie-on-brand here made it white on white. */