textarea.invalid + div.jodit-container {
    border: 1px solid red !important;
}

/* Fix: Jodit Fullscreen über RadzenLayout erzwingen */
.jodit-container.jodit_fullsize {
    z-index: 999999 !important;
}

body.jodit_fullsize-box_true {
    overflow: hidden !important;
}

/* Mermaid-Block im Jodit-Editor visuell hervorheben */
.jodit-wysiwyg pre.mermaid {
    background: #eef6ff !important;
    border: 1px solid #93c5fd !important;
    border-left: 4px solid #3b82f6 !important;
    border-radius: 6px !important;
    padding: 10px 12px 12px 12px !important;
    font-family: 'Courier New', monospace !important;
    font-size: 12px !important;
    color: #1e3a5f !important;
    white-space: pre-wrap !important;
    margin: 1rem 0 !important;
}

.jodit-wysiwyg pre.mermaid::before {
    content: "Mermaid-Diagramm";
    display: block;
    font-size: 10px;
    font-family: sans-serif;
    font-weight: bold;
    color: #3b82f6;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}