/* Admin Markdown editor only; reuse the existing SUNION light/dark tokens. */
html[data-sunion-theme] body .admin-container .mavonEditor :is(.v-note-wrapper,.v-note-op,.v-note-panel,.v-note-show,.v-show-content,.v-show-content-html,.v-note-navigation-wrapper,.popup-dropdown) {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor :is(.v-note-edit,.content-input-wrapper,.content-input,.auto-textarea-wrapper,.auto-textarea-input,.content-div) {
  background:var(--sun-code)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor :is(textarea,input) {
  background:var(--sun-code)!important;color:var(--sun-text)!important;-webkit-text-fill-color:var(--sun-text)!important;caret-color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor :is(textarea,input)::placeholder {
  color:var(--sun-muted)!important;-webkit-text-fill-color:var(--sun-muted)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .auto-textarea-input:focus-visible {
  outline:2px solid var(--sun-accent)!important;outline-offset:-2px;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-note-op .op-icon {
  background:transparent!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-note-op .op-icon:is(:hover,:focus-visible,.selected) {
  background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-note-op .op-icon-divider {
  border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,summary,th,td) {
  color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content a {
  color:var(--sun-accent)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content :is(pre,code,blockquote) {
  background:var(--sun-code)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content :is(table,tr,th,td) {
  background:var(--sun-panel)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content :is(.hljs,.hljs span) {
  color:var(--sun-text)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content .hljs .hljs-comment {
  color:var(--sun-muted)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content .hljs .hljs-keyword {
  color:var(--sun-accent)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content .hljs .hljs-string {
  color:var(--sun-success)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-show-content .hljs .hljs-number {
  color:var(--sun-warn)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-note-op .dropdown-item {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body .admin-container .mavonEditor .v-note-op .dropdown-item:is(:hover,:focus-visible) {
  background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;
}

/* Discussion editor: same surfaces and controls; preserve existing syntax colors. */
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor :is(.v-note-wrapper,.v-note-op,.v-note-panel,.v-note-show,.v-show-content,.v-show-content-html,.v-note-navigation-wrapper,.popup-dropdown),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor :is(.v-note-wrapper,.v-note-op,.v-note-panel,.v-note-show,.v-show-content,.v-show-content-html,.v-note-navigation-wrapper,.popup-dropdown) {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor :is(.v-note-edit,.content-input-wrapper,.content-input,.auto-textarea-wrapper,.auto-textarea-input,.content-div),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor :is(.v-note-edit,.content-input-wrapper,.content-input,.auto-textarea-wrapper,.auto-textarea-input,.content-div) {
  background:var(--sun-code)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor :is(textarea,input),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor :is(textarea,input) {
  background:var(--sun-code)!important;color:var(--sun-text)!important;-webkit-text-fill-color:var(--sun-text)!important;caret-color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor :is(textarea,input)::placeholder,
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor :is(textarea,input)::placeholder {
  color:var(--sun-muted)!important;-webkit-text-fill-color:var(--sun-muted)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .auto-textarea-input:focus-visible,
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .auto-textarea-input:focus-visible {
  outline:2px solid var(--sun-accent)!important;outline-offset:-2px;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-note-op .op-icon,
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-note-op .op-icon {
  background:transparent!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-note-op .op-icon:is(:hover,:focus-visible,.selected),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-note-op .op-icon:is(:hover,:focus-visible,.selected) {
  background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-note-op .op-icon-divider,
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-note-op .op-icon-divider {
  border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-show-content :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,summary,th,td),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-show-content :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,summary,th,td) {
  color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-show-content a,
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-show-content a {
  color:var(--sun-accent)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-show-content :is(pre,code,blockquote),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-show-content :is(pre,code,blockquote) {
  background:var(--sun-code)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-show-content :is(table,tr,th,td),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-show-content :is(table,tr,th,td) {
  background:var(--sun-panel)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-note-op .dropdown-item,
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-note-op .dropdown-item {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .mavonEditor .v-note-op .dropdown-item:is(:hover,:focus-visible),
html[data-sunion-theme] body #oj-content > .container:has(.discussion-header) .mavonEditor .v-note-op .dropdown-item:is(:hover,:focus-visible) {
  background:var(--sun-accent-soft)!important;color:var(--sun-accent)!important;
}
/* Discussion details/comments: change surfaces and gutter only, not code tokens. */
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) :is(.container,.title-article,.body-article) {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) #sharetitle {
  color:var(--sun-text)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .title-msg,
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .title-msg .c999 {
  color:var(--sun-muted)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) :is(.body-article > .markdown-body,.comment .markdown-content) {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .comment :is(.content,.reply-content) {
  color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .comment :is(.date,.control,.reply-bottom,.reply-text) {
  color:var(--sun-muted)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .comment :is(.reply,.reply .item) {
  border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) :is(.own-input,.input-wrapper) .el-textarea__inner {
  background:var(--sun-code)!important;color:var(--sun-text)!important;-webkit-text-fill-color:var(--sun-text)!important;caret-color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .input-bottom :is(.markdown-key,.emotionSelect) {
  color:var(--sun-muted)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .loading-text a {
  background:var(--sun-panel)!important;color:var(--sun-accent)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .markdown-body pre :is(ol.pre-numbering,.oi-template-gutter) {
  background:var(--sun-soft)!important;color:var(--sun-muted)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .markdown-body pre ol.pre-numbering li,
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .markdown-body pre ol.pre-numbering li::before {
  color:var(--sun-muted)!important;
}

/* V2: discussion title badge and notifications only in admin/discussion contexts. */
html[data-sunion-theme] body #oj-content > div:has(> .container > .title-article > #sharetitle) .title-msg .el-tag {
  background:var(--sun-accent-soft)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;border-color:var(--sun-line)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__title {
  background:transparent!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__content,
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__content p {
  background:transparent!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__closeBtn {
  color:var(--sun-muted)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__closeBtn:hover {
  color:var(--sun-accent)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__icon {
  color:var(--sun-accent)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__icon.el-icon-success {
  color:var(--sun-success)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__icon.el-icon-warning {
  color:var(--sun-warn)!important;
}
html[data-sunion-theme] body:has(.admin-container,#oj-content .title-article > #sharetitle,#oj-content .discussion-header) .el-notification .el-notification__icon.el-icon-error {
  color:var(--sun-danger)!important;
}

/* Dark discussion function/section names use the existing readable accent. */
html[data-sunion-theme="dark"] body #oj-content > div:has(> .container > .title-article > #sharetitle) .body-article .markdown-body pre code :is(.hljs-title,.hljs-section) {
  color:var(--sun-accent)!important;
}

/* Admin header: readable account menu and breadcrumbs in either theme. */
html[data-sunion-theme] body .admin-container #header .breadcrumb-container {
  background:var(--sun-panel)!important;color:var(--sun-text)!important;
}
html[data-sunion-theme] body .admin-container #header :is(.el-dropdown,.el-breadcrumb__inner,.el-breadcrumb__inner a) {
  color:var(--sun-text)!important;
}
html[data-sunion-theme] body .admin-container #header .el-breadcrumb__separator {
  color:var(--sun-muted)!important;
}