/* Match the administration palette, including CKEditor menus portalled to body. */
.rc-rich-field,
body:has(.rc-rich-field) .ck {
    color-scheme: dark;
    --ck-color-base-foreground: #1a2029;
    --ck-color-base-background: #0f141b;
    --ck-color-base-border: #363c46;
    --ck-color-base-border-light: #2b323d;
    --ck-color-base-text: #edf1f6;
    --ck-color-base-text-light: #a4adbb;
    --ck-color-base-action: #edbb6b;
    --ck-color-base-action-hover: #ffdaa1;
    --ck-color-base-action-muted: #edbb6b26;
    --ck-color-base-action-disabled: #73634b;
    --ck-color-base-focus: #edbb6b;
    --ck-color-base-active: #edbb6b;
    --ck-color-base-active-focus: #ffdaa1;
    --ck-color-base-hover: #2a3340;
    --ck-color-base-hover-strong: #343f4f;
    --ck-color-base-selected: #edbb6b26;
    --ck-color-base-selected-hover: #edbb6b38;
    --ck-color-base-error: #ffb1ac;
    --ck-color-surface-canvas: #0f141b;
    --ck-color-surface-control: #0f141b;
    --ck-color-surface-container: #1a2029;
    --ck-color-surface-inverse: #303947;
    --ck-color-border-control: #363c46;
    --ck-color-border-container: #363c46;
    --ck-color-divider: #363c46;
    --ck-color-text-primary: #edf1f6;
    --ck-color-text-secondary: #a4adbb;
    --ck-color-text-disabled: #7d8998;
    --ck-color-text-inverse: #edf1f6;
    --ck-color-text-error: #ffb1ac;
    --ck-color-text: #edf1f6;
    --ck-color-interactive-hover-surface: #2a3340;
    --ck-color-interactive-hover-surface-strong: #343f4f;
    --ck-color-interactive-active-surface: #343f4f;
    --ck-color-interactive-selected-surface: #edbb6b26;
    --ck-color-interactive-selected-surface-hover: #edbb6b38;
    --ck-color-interactive-selected-text: #edbb6b;
    --ck-color-interactive-primary-surface: #edbb6b;
    --ck-color-interactive-primary-surface-hover: #ffdaa1;
    --ck-color-interactive-primary-surface-muted: #edbb6b26;
    --ck-color-interactive-primary-surface-disabled: #73634b;
    --ck-color-interactive-primary-text: #171b22;
    --ck-focus-border-color: #edbb6b;
    --ck-color-interactive-focus-border: #edbb6b;
    --ck-color-focus-border: #edbb6b;
    --ck-color-focus-outer-shadow: #edbb6b33;
    --ck-color-interactive-focus-shadow: #edbb6b33;
    --ck-color-engine-placeholder-text: #8f9cac;
    --ck-color-link-default: #edbb6b;
    --ck-color-shadow-drop: #0006;
    --ck-color-shadow-drop-active: #0008;

    --ck-border-control: 1px solid #363c46;
    --ck-border-surface: 1px solid #363c46;
    --ck-toolbar-border: 1px solid #363c46;
    --ck-dropdown-panel-border: 1px solid #363c46;
    --ck-balloon-panel-border: 1px solid #363c46;
    --ck-dropdown-panel-background-color: #1a2029;
    --ck-dropdown-panel-border-color: #363c46;
    --ck-balloon-panel-background-color: #1a2029;
    --ck-balloon-panel-border-color: #363c46;
    --ck-input-background-color: #0f141b;
    --ck-input-text-color: #edf1f6;
    --ck-input-border: 1px solid #363c46;
    --ck-input-disabled-background-color: #1a2029;
    --ck-input-disabled-text-color: #7d8998;
    --ck-button-default-hover-background-color: #2a3340;
    --ck-button-default-active-background-color: #343f4f;
    --ck-button-on-background-color: #edbb6b26;
    --ck-button-on-hover-background-color: #edbb6b38;
    --ck-button-on-active-background-color: #edbb6b38;
    --ck-button-on-disabled-background-color: #303541;
    --ck-button-on-text-color: #edbb6b;
    --ck-button-action-background-color: #edbb6b;
    --ck-button-action-hover-background-color: #ffdaa1;
    --ck-button-action-text-color: #171b22;
    --ck-tooltip-background-color: #303947;
    --ck-tooltip-text-color: #edf1f6;
    --ck-font-family: Arial, sans-serif;
}
.rc-rich-field { min-width: 0; max-width: 100%; }
.rc-rich-field .ck-editor { width: 100%; min-width: 0; color: #edf1f6; }
.rc-rich-field .ck-editor__editable { min-height: 12rem; max-height: 65vh; overflow: auto; background: #0f141b; color: #edf1f6; font-size: 1rem; line-height: 1.6; }
.rc-rich-field .ck-editor__editable a { color: #edbb6b; }
.rc-rich-field .ck.ck-toolbar { flex-wrap: wrap; background: #171c24; border-color: #363c46; }
.rc-rich-error { display: block; color: #ffb7a8; margin: .5rem 0; }
.rc-rich-counter { display: block; font-size: .85rem; margin: .3rem 0; }
.rc-rich-content { overflow-wrap: anywhere; }
.rc-rich-content p { margin: 0 0 1em; }
.rc-rich-content h2 { font-size: 1.4rem; margin: 1em 0 .5em; }
.rc-rich-content h3 { font-size: 1.15rem; margin: 1em 0 .5em; }
.rc-rich-content ul,.rc-rich-content ol { padding-left: 1.6rem; margin: .5em 0 1em; }
@media (max-width: 600px) { .rc-rich-field .ck-editor__editable { min-height: 10rem; } .rc-rich-field .ck.ck-button { min-width: 2.5rem; min-height: 2.5rem; } }

/* Component tokens may be resolved on :root by the upstream theme; set visible states explicitly. */
body:has(.rc-rich-field) .rc-rich-field .ck.ck-editor .ck.ck-toolbar { border: 1px solid #363c46; }
body:has(.rc-rich-field) .ck.ck-dropdown__panel,
body:has(.rc-rich-field) .ck.ck-balloon-panel,
body:has(.rc-rich-field) .ck.ck-dialog { background: #1a2029; color: #edf1f6; border-color: #363c46; }
body:has(.rc-rich-field) .ck.ck-list .ck.ck-button.ck-list-item-button { background: transparent; color: #edf1f6; }
body:has(.rc-rich-field) .ck.ck-list .ck.ck-button.ck-list-item-button:hover { background: #2a3340; }
body:has(.rc-rich-field) .ck.ck-list .ck.ck-button.ck-list-item-button.ck-on { background: #edbb6b26; color: #edbb6b; }
body:has(.rc-rich-field) .ck.ck-button:focus-visible,
body:has(.rc-rich-field) .ck.ck-list .ck.ck-button.ck-list-item-button:focus { border-color: #edbb6b; box-shadow: 0 0 0 2px #edbb6b26; }
body:has(.rc-rich-field) .rc-rich-field .ck.ck-editor__editable.ck-focused { border-color: #edbb6b; box-shadow: 0 0 0 2px #edbb6b26; }
body:has(.rc-rich-field) .ck.ck-input { background: #0f141b; color: #edf1f6; border-color: #363c46; }
body:has(.rc-rich-field) .ck.ck-input:focus { border-color: #edbb6b; box-shadow: 0 0 0 2px #edbb6b26; }

body:has(.rc-rich-field) .rc-rich-field .ck.ck-sticky-panel__content { border-color: #363c46; }
/* Preserve the upstream badge contrast rather than applying the dark popup palette to its logo. */
body:has(.rc-rich-field) .ck.ck-balloon-panel.ck-powered-by-balloon { background: #f5f6f8; border-color: #c9d1dc; color: #17212c; }