﻿.rz-html-editor-content h1 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    margin: 0.67em 0 !important;
    display: block !important;
}

.rz-html-editor-content h2 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0.75em 0 !important;
    display: block !important;
}

.rz-html-editor-content h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0.83em 0 !important;
    display: block !important;
}

.rz-html-editor-content h4 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin: 1em 0 !important;
    display: block !important;
}

.rz-html-editor-content h5 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 1.2em 0 !important;
    display: block !important;
}

.rz-html-editor-content h6 {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    margin: 1.4em 0 !important;
    display: block !important;
}

.rz-html-editor-content p {
    margin-top: 1em !important;
}

/* Radzen HTML Editor - Focus Border Override (Very Dark Grey) */
/* Target all possible Radzen editor focus states */
.rz-html-editor,
.rz-html-editor:focus,
.rz-html-editor:focus-within,
.rz-html-editor:focus-visible,
.rz-html-editor.rz-state-focused,
div.rz-html-editor:focus,
div.rz-html-editor:focus-within {
    outline: 0.3px solid #e0e0e0 !important;
    outline-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 0 0 1px #e0e0e0 !important;
}

.rz-html-editor-content,
.rz-html-editor-content:focus,
.rz-html-editor-content:focus-visible,
.rz-html-editor-content:focus-within {
    outline: 0.3px solid #e0e0e0 !important;
    outline-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
}

/* Override any Radzen Material theme focus colors */
.rz-html-editor *:focus,
.rz-html-editor *:focus-visible,
.rz-html-editor *:focus-within {
    outline-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
}

/* Radzen HTML Editor - Vertical Resize */
.rz-html-editor {
    resize: vertical !important;
    overflow: visible !important;
    min-height: 500px !important;
}
/*.rz-html-editor {
    resize: vertical !important;
    overflow: hidden !important;
    min-height: 500px !important;
}*/

.rz-html-editor-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 450px !important;
    height: 100% !important;
    position: relative;
    z-index: 1;
}


.rz-html-editor-content ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin: 1rem 0 !important;
    padding-left: 1.5rem !important;
}

.rz-html-editor-content ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    margin: 1rem 0 !important;
    padding-left: 1.5rem !important;
}

.rz-html-editor-content li {
    display: list-item !important;
    margin: 0.25rem 0 !important;
}

.rz-html-editor-content ul ul {
    list-style-type: circle !important;
}

    .rz-html-editor-content ul ul ul {
        list-style-type: square !important;
    }