/* =============================================================================
   nx-midnight-tinymce — plain midnight luxury (platinum #C5CDD8)
   Covers TinyMCE 4 chrome: editor shell, tooltips, windows, tabs, menus, forms.
   Scope: html[data-bs-theme="midnight"] / html.midnight, NOT AUR.
   ============================================================================= */

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) {
  --nx-mce-canvas: #121212;
  --nx-mce-surface: #272c33;
  --nx-mce-surface-2: #21262c;
  --nx-mce-field: #1e2329;
  --nx-mce-border: rgba(197, 205, 216, 0.28);
  --nx-mce-border-strong: rgba(197, 205, 216, 0.45);
  --nx-mce-platinum: #C5CDD8;
  --nx-mce-text: rgba(245, 248, 255, 0.92);
  --nx-mce-muted: rgba(197, 205, 216, 0.78);
  --nx-mce-ink: #0c0c0c;
  --nx-mce-radius: 12px;
  --nx-mce-radius-sm: 10px;
}

/* -------------------------------------------------------------------------- */
/* Editor shell                                                               */
/* -------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce.mce-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce.mce-panel {
  background: var(--nx-mce-surface) !important;
  background-color: var(--nx-mce-surface) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: var(--nx-mce-radius) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce .mce-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce .mce-container-body,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce .mce-panel,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce .mce-stack-layout,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce .mce-stack-layout-item,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce table,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce td,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tinymce tr {
  background: var(--nx-mce-surface) !important;
  background-color: var(--nx-mce-surface) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-toolbar,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-toolbar-grp,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-top-part,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-container-body .mce-toolbar {
  background: var(--nx-mce-surface-2) !important;
  background-color: var(--nx-mce-surface-2) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nx-mce-border) !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-btn,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-btn button,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-flow-layout-item {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--nx-mce-muted) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-btn:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-btn:hover button,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-btn.mce-active,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-btn.mce-active button {
  background: rgba(197, 205, 216, 0.14) !important;
  color: #fff !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-toolbar button i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-ico {
  color: var(--nx-mce-platinum) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-edit-area,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-edit-area.mce-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-edit-area iframe {
  background: var(--nx-mce-field) !important;
  background-color: var(--nx-mce-field) !important;
  border: 0 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-statusbar,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-path,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-resizehandle {
  background: var(--nx-mce-surface) !important;
  border: 0 !important;
  color: var(--nx-mce-muted) !important;
}

/* -------------------------------------------------------------------------- */
/* Tooltips                                                                   */
/* -------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip {
  opacity: 1 !important;
  filter: none !important;
  padding: 6px !important;
  z-index: 200000 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-inner {
  background: var(--nx-mce-surface) !important;
  background-color: var(--nx-mce-surface) !important;
  color: var(--nx-mce-platinum) !important;
  border: 1px solid var(--nx-mce-border-strong) !important;
  border-radius: var(--nx-mce-radius-sm) !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.3 !important;
  padding: 7px 12px !important;
  max-width: 240px !important;
  text-align: center !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-arrow {
  border: 6px solid transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-n .mce-tooltip-arrow,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-nw .mce-tooltip-arrow,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-ne .mce-tooltip-arrow {
  border-bottom-color: var(--nx-mce-surface) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-s .mce-tooltip-arrow,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-sw .mce-tooltip-arrow,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-se .mce-tooltip-arrow {
  border-top-color: var(--nx-mce-surface) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-e .mce-tooltip-arrow {
  border-left-color: var(--nx-mce-surface) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tooltip-w .mce-tooltip-arrow {
  border-right-color: var(--nx-mce-surface) !important;
}

/* -------------------------------------------------------------------------- */
/* Windows / dialogs (Insert image, link, table, code, media…)                */
/* -------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window.mce-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window.mce-panel,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-floatpanel.mce-window {
  background: var(--nx-mce-surface) !important;
  background-color: var(--nx-mce-surface) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: var(--nx-mce-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.65) !important;
  color: var(--nx-mce-text) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window *,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-floatpanel.mce-window * {
  color: inherit;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-container,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-container-body,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-panel,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-abs-layout,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-abs-layout-item,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-form,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-formitem,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window table,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window td,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window tr {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--nx-mce-text) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window-head,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-window-head {
  background: var(--nx-mce-surface-2) !important;
  background-color: var(--nx-mce-surface-2) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nx-mce-border) !important;
  padding: 12px 14px !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window-head .mce-title,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-title {
  color: var(--nx-mce-text) !important;
  font-weight: 650 !important;
  font-size: 14px !important;
  text-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window-head .mce-close,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-close {
  color: var(--nx-mce-platinum) !important;
  opacity: 0.9 !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window-head .mce-close:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-close:hover {
  color: #fff !important;
  background: rgba(197, 205, 216, 0.12) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window-body,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-window-body {
  background: var(--nx-mce-surface) !important;
  background-color: var(--nx-mce-surface) !important;
  color: var(--nx-mce-text) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-foot,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-foot {
  background: var(--nx-mce-surface-2) !important;
  background-color: var(--nx-mce-surface-2) !important;
  border: 0 !important;
  border-top: 1px solid var(--nx-mce-border) !important;
}

/* Tabs */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tab,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tabs {
  background: transparent !important;
  border-color: var(--nx-mce-border) !important;
  color: var(--nx-mce-muted) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tab {
  border: 1px solid var(--nx-mce-border) !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: var(--nx-mce-field) !important;
  color: var(--nx-mce-muted) !important;
  text-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tab:hover {
  background: rgba(197, 205, 216, 0.10) !important;
  color: var(--nx-mce-text) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-tab.mce-active {
  background: var(--nx-mce-surface) !important;
  color: var(--nx-mce-platinum) !important;
  border-color: var(--nx-mce-border-strong) !important;
}

/* Labels / checkbox text */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-label,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-checkbox .mce-label,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window label {
  color: var(--nx-mce-muted) !important;
  text-shadow: none !important;
}

/* Inputs */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-textbox,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-combobox,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-combobox input,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-listbox,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-listbox button,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window input,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window textarea,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window select {
  background: var(--nx-mce-field) !important;
  background-color: var(--nx-mce-field) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: 8px !important;
  color: var(--nx-mce-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-textbox:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-combobox input:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window input:focus,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window textarea:focus {
  border-color: var(--nx-mce-platinum) !important;
  box-shadow: 0 0 0 2px rgba(197, 205, 216, 0.18) !important;
  outline: none !important;
}

/* Dialog footer buttons */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-foot .mce-btn,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-foot .mce-btn button,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-btn.mce-abs-layout-item {
  background: var(--nx-mce-field) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: 10px !important;
  color: var(--nx-mce-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-foot .mce-btn:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-foot .mce-btn:hover button {
  border-color: var(--nx-mce-border-strong) !important;
  background: rgba(197, 205, 216, 0.10) !important;
  color: #fff !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-primary,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-primary button,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-primary,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-primary button {
  background: var(--nx-mce-platinum) !important;
  background-color: var(--nx-mce-platinum) !important;
  border: 1px solid var(--nx-mce-platinum) !important;
  border-radius: 10px !important;
  color: var(--nx-mce-ink) !important;
  font-weight: 650 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-primary:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-primary:hover button,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-primary:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-primary:hover button {
  filter: brightness(1.06);
  color: var(--nx-mce-ink) !important;
}

/* Upload / dropzone inside dialogs */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-window .mce-dropzone,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-dropzone {
  background: var(--nx-mce-field) !important;
  border: 1px dashed var(--nx-mce-border-strong) !important;
  border-radius: 10px !important;
  color: var(--nx-mce-muted) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-browsebutton,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-browsebutton button {
  background: var(--nx-mce-field) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: 8px !important;
  color: var(--nx-mce-platinum) !important;
}

/* -------------------------------------------------------------------------- */
/* Dropdown menus (align, formats, table…)                                    */
/* -------------------------------------------------------------------------- */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-floatpanel.mce-menu,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-floatpanel:not(.mce-window) {
  background: var(--nx-mce-surface) !important;
  background-color: var(--nx-mce-surface) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: var(--nx-mce-radius-sm) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item .mce-text,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-shortcut {
  color: var(--nx-mce-text) !important;
  background: transparent !important;
  text-shadow: none !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item:hover,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item.mce-selected,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item:focus {
  background: rgba(197, 205, 216, 0.14) !important;
  color: #fff !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item-sep,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item.mce-menu-item-sep {
  border-top: 1px solid var(--nx-mce-border) !important;
  background: transparent !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu-item i,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-menu .mce-ico {
  color: var(--nx-mce-platinum) !important;
}

/* Color picker panels */
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-colorbutton .mce-open,
:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-grid td.mce-grid-cell div {
  border-color: var(--nx-mce-border) !important;
}

:is(html[data-bs-theme="midnight"], html.midnight:not(.AUR):not(.aur)) .mce-notification {
  background: var(--nx-mce-surface) !important;
  border: 1px solid var(--nx-mce-border) !important;
  border-radius: var(--nx-mce-radius-sm) !important;
  color: var(--nx-mce-text) !important;
}
