.mwe-root {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
}

.mwe-toolbar {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

.mwe-editor {
    padding: 12px 16px;
    overflow-y: scroll;
    background: var(--mud-palette-surface);

    /* Colonne flex pour que la zone éditable interne (.ProseMirror) puisse
       remplir toute la hauteur — sinon seule la 1re ligne est cliquable. */
    display: flex;
    flex-direction: column;
}

    /* Le contenteditable créé par TipTap occupe toute la hauteur de .mwe-editor :
       toute la surface devient cliquable (place le curseur), pas seulement le
       haut à gauche / le watermark. flex-shrink:0 → le contenu qui dépasse
       fait scroller .mwe-editor au lieu d'être tronqué. */
    .mwe-editor > .ProseMirror {
        flex: 1 0 auto;
    }

.mve-pre {
    white-space: pre-wrap;
    margin: 0;
    font-family: var(--mud-typography-default-family);
    font-size: 1rem;
    line-height: normal;
}


.ProseMirror {
    outline: none;
    line-height: 1.5rem;
    font-size: 1.2rem;
    margin: 0 0 0.6em;
}

    .ProseMirror p {
        margin-bottom: 0;
    }

    .ProseMirror ol,ul {
        margin-top: .5rem;
        margin-bottom: 1rem;
    }

    .ProseMirror h1 {
        font-size: 1.5rem !important;
        font-weight: 600;
        margin-top: 1rem;
        margin-bottom: .5rem;
    }

    .ProseMirror h2 {
        font-size: 1.3rem !important;
        font-weight: 600;
        margin-top: .75rem;
        margin-bottom: .25rem;
    }

    .ProseMirror h3 {
        font-size: 1.2rem !important;
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .ProseMirror ul {
        padding-left: 1.4em;
        list-style: disc;
    }

    .ProseMirror ol {
        padding-left: 1.4em;
        list-style: decimal;
    }

    /* Placeholder (extension TipTap Placeholder) */
    .ProseMirror p.is-editor-empty:first-child::before {
        content: attr(data-placeholder);
        color: var(--mud-palette-text-disabled);
        float: left;
        height: 0;
        pointer-events: none;
    }


/* Aperçu SocoDoc — styles appliqués UNIQUEMENT à la zone de rendu des éditeurs
   WYSIWYG (MarkdownWysiwygEditor / IntelliWysiwyg), via la classe .socodoc-preview
   posée sur la zone d'édition. Les sélecteurs sont scopés à cette classe pour ne
   pas affecter le reste de l'application. */

/* Titre de niveau 1 (#) : texte bleu fonce + numero auto-genere en jaune.
   Le numero est produit par un compteur CSS (il n'existe pas dans le .md) :
   c'est purement visuel, sans effet sur la generation.
   Le compteur est reinitialise par instance d'editeur (.socodoc-preview). */
.socodoc-preview {
    counter-reset: titre1;
    outline: none;
    line-height: 1.5rem;
    font-size: 1.2rem;
    margin: 0 0 0.6em;
}

    .socodoc-preview h1 {
        color: #005399;
        counter-increment: titre1;
        border-bottom: none; /* retire le trait de soulignement par defaut */
    }

        .socodoc-preview h1::before {
            content: counter(titre1) ". ";
            color: #ffc000;
        }

    .socodoc-preview h2 {
        color: #2bbaec;
        border-bottom: none;
    }

    .socodoc-preview h3,
    .socodoc-preview h4,
    .socodoc-preview h5,
    .socodoc-preview h6 {
        border-bottom: none;
    }

.mud-input-slot .mud-input-root .mud-input-root-text .mud-input-root-adorned-end .mud-select-input {
    min-width: 2rem;
}

.mud-card-header.mud-card-header-padding {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.mud-card-content.mud-card-content-padding {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.mud-grid-spacing-xs-6 > .mud-grid-item {
    padding-bottom: 0;
}