/* Right editor uses the Solarized pair following the site theme. */
html[data-sunion-theme="light"] body .js-right .CodeMirror {background:var(--sun-panel)!important;color:#52656b!important;text-shadow:none!important}
html[data-sunion-theme="light"] body .js-right .CodeMirror-gutters {background:var(--sun-soft)!important;border-color:var(--sun-line)!important}
html[data-sunion-theme="light"] body .js-right .CodeMirror-linenumber {color:#596c73!important;text-shadow:none!important}
html[data-sunion-theme="light"] body .js-right .CodeMirror-cursor {border-left-color:#52656b!important}
html[data-sunion-theme="light"] body .js-right .CodeMirror-activeline-background {background:var(--sun-soft)!important}
html[data-sunion-theme="light"] body .js-right .CodeMirror-selected {background:#cbdce8!important}
html[data-sunion-theme="light"] body .js-right .cm-variable {color:#52656b!important}
html[data-sunion-theme="light"] body .js-right .cm-def,html[data-sunion-theme="light"] body .js-right .cm-property {color:#137c76!important}
html[data-sunion-theme="light"] body .js-right .cm-keyword,html[data-sunion-theme="light"] body .js-right .cm-bracket {color:#a44314!important}
html[data-sunion-theme="light"] body .js-right .cm-atom,html[data-sunion-theme="light"] body .js-right .cm-number {color:#a42f69!important}
html[data-sunion-theme="light"] body .js-right .cm-string,html[data-sunion-theme="light"] body .js-right .cm-meta {color:#586800!important}
html[data-sunion-theme="dark"] body .js-right .CodeMirror {background:var(--sun-panel)!important;color:#b8cbd0!important;text-shadow:none!important}
html[data-sunion-theme="dark"] body .js-right .CodeMirror-gutters {background:var(--sun-soft)!important;border-color:var(--sun-line)!important}
html[data-sunion-theme="dark"] body .js-right .CodeMirror-linenumber {color:#a0b6bd!important;text-shadow:none!important}
html[data-sunion-theme="dark"] body .js-right .CodeMirror-cursor {border-left-color:#b8cbd0!important}
html[data-sunion-theme="dark"] body .js-right .CodeMirror-activeline-background {background:var(--sun-soft)!important}
html[data-sunion-theme="dark"] body .js-right .CodeMirror-selected {background:#29415b!important}
html[data-sunion-theme="dark"] body .js-right .cm-variable {color:#b8cbd0!important}
html[data-sunion-theme="dark"] body .js-right .cm-comment {color:#a0b6bd!important}
html[data-sunion-theme="dark"] body .js-right .cm-keyword,html[data-sunion-theme="dark"] body .js-right .cm-bracket {color:#f09b64!important}
html[data-sunion-theme="dark"] body .js-right .cm-atom,html[data-sunion-theme="dark"] body .js-right .cm-number {color:#ec87ba!important}
html[data-sunion-theme="dark"] body .js-right .cm-string,html[data-sunion-theme="dark"] body .js-right .cm-meta {color:#b8c66a!important}
/* Self-test panels, tabs, editable and readonly textareas share site tokens. */
html[data-sunion-theme] body .el-drawer,html[data-sunion-theme] body .el-drawer__body {background:var(--sun-panel)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important}
html[data-sunion-theme] body .el-drawer .el-tabs__item {color:var(--sun-muted)!important}
html[data-sunion-theme] body .el-drawer .el-tabs__item.is-active {color:var(--sun-accent)!important}
html[data-sunion-theme] body .el-drawer .el-tabs__content {background:var(--sun-panel)!important;color:var(--sun-text)!important}
html[data-sunion-theme] body .el-drawer .el-textarea__inner,
html[data-sunion-theme] body .tj-res-item .el-textarea__inner[readonly] {background:var(--sun-code)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;-webkit-text-fill-color:var(--sun-text)!important;opacity:1!important}
html[data-sunion-theme] body .el-drawer .el-textarea__inner::placeholder {color:var(--sun-muted)!important;opacity:1}
html[data-sunion-theme] body .el-drawer .el-input__count {background:var(--sun-code)!important;color:var(--sun-muted)!important}
html[data-sunion-theme] body .tj-res-item .name {color:var(--sun-text)!important}
html[data-sunion-theme] body .el-drawer .color-gray {color:var(--sun-muted)!important}
html[data-sunion-theme] body .el-drawer .tj-test-tag {background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;border-color:var(--sun-accent)!important}
html[data-sunion-theme] body .el-drawer .tj-test-tag.el-tag--dark {background:var(--sun-accent)!important;color:var(--sun-on-accent)!important}
html[data-sunion-theme] body .el-drawer .tj-btn {background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;border-color:var(--sun-accent)!important}
html[data-sunion-theme] body .el-drawer .el-card__header {background:var(--sun-soft)!important;color:var(--sun-text)!important}
html[data-sunion-theme] body .el-drawer .ce-title {color:var(--sun-text)!important}
html[data-sunion-theme] body .el-drawer .tj-res-tab pre {background:var(--sun-code)!important;color:var(--sun-text)!important;white-space:pre-wrap;overflow-wrap:anywhere}

html[data-sunion-theme] body .el-drawer .el-tabs__header .el-tabs__item {color:var(--sun-text)!important}
html[data-sunion-theme] body .el-drawer .el-tabs__header .el-tabs__item.is-active {background:var(--sun-panel)!important;color:var(--sun-accent)!important;border-color:var(--sun-line)!important}

/* Editor settings labels inherit the site palette, including dark mode. */
html[data-sunion-theme] body .el-popover .setting-title {color:var(--sun-text)!important;border-color:var(--sun-line)!important}
html[data-sunion-theme] body .el-popover .setting-item-name,
html[data-sunion-theme] body .el-popover .setting-item-name i {color:var(--sun-text)!important}
html[data-sunion-theme] body .el-popover .setting-item-name svg {fill:currentColor!important}
html[data-sunion-theme] body .el-popover .setting-item-value .el-input__inner {color:var(--sun-text)!important;-webkit-text-fill-color:var(--sun-text)!important;opacity:1!important}
html[data-sunion-theme] body .el-popover .setting-item-value .el-input__suffix {color:var(--sun-muted)!important}

/* Self-test toggle stays readable when its drawer is open. */
html[data-sunion-theme] body .tj-btn.el-tag.non-active {background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;border-color:var(--sun-accent)!important}
html[data-sunion-theme] body .tj-btn.el-tag.active {background:var(--sun-accent)!important;color:var(--sun-on-accent)!important;border-color:var(--sun-accent)!important}
html[data-sunion-theme] body .tj-btn.el-tag.non-active:hover {background:var(--sun-accent)!important;color:var(--sun-on-accent)!important}
html[data-sunion-theme] body .tj-btn.el-tag.active:hover {filter:brightness(.95)}
html[data-sunion-theme] body .tj-btn.el-tag.active span,
html[data-sunion-theme] body .tj-btn.el-tag.non-active span {color:inherit!important}
html[data-sunion-theme] body .tj-btn.el-tag.active svg path,
html[data-sunion-theme] body .tj-btn.el-tag.non-active svg path {fill:currentColor!important}