/* Always loaded by embed-ajax.js — editor/moderation chrome for shadow DOM. */

/*
 * Clicking inside the shadow root gives the host / mount target :focus-within.
 * Publisher themes often paint that as a black outline around the whole embed.
 */
:host,
:host(:focus),
:host(:focus-within),
:host(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.coeditor-embed-theme,
[data-coeditor-embed-root],
[data-coeditor-embed-react-root],
.coeditor-embed-mount-target {
  outline: none !important;
}

.coeditor-embed-theme:focus,
.coeditor-embed-theme:focus-within,
.coeditor-embed-theme:focus-visible,
[data-coeditor-embed-root]:focus,
[data-coeditor-embed-root]:focus-within,
[data-coeditor-embed-root]:focus-visible,
[data-coeditor-embed-react-root]:focus,
[data-coeditor-embed-react-root]:focus-within,
[data-coeditor-embed-react-root]:focus-visible,
.coeditor-embed-mount-target:focus,
.coeditor-embed-mount-target:focus-within,
.coeditor-embed-mount-target:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.coeditor-editor-shell {
  border: 1px solid #d4d4d4 !important;
  border-radius: 10px !important;
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 0.05),
    0 2px 4px -2px rgb(0 0 0 / 0.05) !important;
  min-height: 120px;
}

.coeditor-moderation-panel {
  border: 1px solid #d1d2d5 !important;
  border-radius: 12px !important;
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 0.05),
    0 2px 4px -2px rgb(0 0 0 / 0.05) !important;
}

.coeditor-moderation-panel--contextual {
  background-color: #e5efee !important;
}