/*
 * Solo para el documento del iframe /summernote/editor/ (django-summernote).
 * No incluir app-overrides.css entero: contiene bloques migrados con selectores globales (p. ej. body)
 * que rompen el layout mínimo del iframe y hacen desaparecer el editor.
 * El tema claro/oscuro sigue siendo html[data-color-scheme] igual que en la app.
 */
html[data-color-scheme="dark"] .note-editor.note-frame,
html[data-color-scheme="dark"] .note-editor.note-airframe {
    border-color: #3d4554 !important;
    background-color: #1e222b !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-toolbar,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-toolbar {
    background-color: #252a35 !important;
    border-bottom-color: #3d4554 !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-toolbar .note-btn,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-toolbar .note-btn {
    color: #e8eaef !important;
    border-color: #3d4554 !important;
    background-color: #2a303c !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-toolbar .note-btn:hover,
html[data-color-scheme="dark"] .note-editor.note-frame .note-toolbar .note-btn:focus,
html[data-color-scheme="dark"] .note-editor.note-frame .note-toolbar .note-btn.active,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-toolbar .note-btn:hover,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-toolbar .note-btn:focus,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-toolbar .note-btn.active {
    background-color: #3d4554 !important;
    color: #fff !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-editing-area,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-editing-area {
    background-color: transparent !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-editing-area .note-editable,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-editing-area .note-editable,
html[data-color-scheme="dark"] .note-editor .note-editing-area .note-editable {
    background-color: transparent !important;
    color: #e8eaef !important;
}

html[data-color-scheme="dark"] .note-editor .note-editing-area .note-editable a {
    color: #8ab4ff !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-placeholder,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-placeholder {
    color: #9aa5b8 !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-statusbar,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-statusbar {
    background-color: #252a35 !important;
    border-top-color: #3d4554 !important;
    color: #9aa5b8 !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame .note-editing-area .note-codable,
html[data-color-scheme="dark"] .note-editor.note-airframe .note-editing-area .note-codable {
    background-color: #1a1d24 !important;
    color: #e8eaef !important;
    border-color: #3d4554 !important;
}

html[data-color-scheme="dark"] .note-editor .note-dropzone {
    background-color: #252a35 !important;
    color: #9aa5b8 !important;
}

html[data-color-scheme="dark"] .note-editor .note-toolbar .note-dropdown-menu,
html[data-color-scheme="dark"] .note-popover .popover-content {
    background-color: #252a35 !important;
    border-color: #3d4554 !important;
    color: #e8eaef !important;
}

html[data-color-scheme="dark"] .note-editor .note-toolbar .note-dropdown-menu .note-btn,
html[data-color-scheme="dark"] .note-popover .popover-content .note-btn {
    color: #e8eaef !important;
    border-color: #3d4554 !important;
    background-color: #2a303c !important;
}

html[data-color-scheme="dark"] .note-editor .note-toolbar .note-dropdown-menu .note-btn:hover,
html[data-color-scheme="dark"] .note-popover .popover-content .note-btn:hover {
    background-color: #3d4554 !important;
}

html[data-color-scheme="dark"] .note-editor .note-toolbar .note-dropdown-menu .note-palette-title,
html[data-color-scheme="dark"] .note-popover .popover-content .note-palette-title {
    border-bottom-color: #3d4554 !important;
    color: #9aa5b8 !important;
}

html[data-color-scheme="dark"] .note-modal .modal-content {
    background-color: #252a35 !important;
    border-color: #3d4554 !important;
    color: #e8eaef !important;
}

html[data-color-scheme="dark"] .note-modal .modal-header,
html[data-color-scheme="dark"] .note-modal .modal-footer {
    background-color: #1e222b !important;
    border-color: #3d4554 !important;
    color: #e8eaef !important;
}

html[data-color-scheme="dark"] .note-modal .note-image-dialog .note-dropzone {
    color: #9aa5b8 !important;
    border-color: #3d4554 !important;
}

html[data-color-scheme="dark"] .note-modal .form-control,
html[data-color-scheme="dark"] .note-modal .note-modal-form label {
    background-color: #1e222b !important;
    border-color: #3d4554 !important;
    color: #e8eaef !important;
}

html[data-color-scheme="dark"] .note-modal .note-modal-content {
    background-color: #252a35 !important;
    border-color: #3d4554 !important;
    color: #e8eaef !important;
}

html[data-color-scheme="dark"] .note-editor.note-frame.fullscreen,
html[data-color-scheme="dark"] .note-editor.note-airframe.fullscreen {
    background-color: #1e222b !important;
}

html[data-color-scheme="dark"] body {
    background-color: #1e222b;
}