/* Styles pour l'éditeur riche Quill dans les dialogues */

/* Container de l'éditeur */
.ql-container {
    font-family: var(--body-font);
    font-size: 14px;
}

/* Barre d'outils */
.ql-toolbar {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: var(--neutral-layer-2);
    border-color: var(--neutral-stroke-rest);
}

/* Zone d'édition */
.ql-editor {
    min-height: 150px;
    max-height: 300px;
    overflow-y: auto;
}

/* Placeholder */
.ql-editor.ql-blank::before {
    color: var(--neutral-foreground-hint);
    font-style: normal;
}

/* Mode mobile - simplification */
@media (max-width: 768px) {
    .ql-toolbar {
        padding: 4px;
    }
    
    .ql-toolbar button {
        width: 32px;
        height: 32px;
    }
    
    .ql-editor {
        min-height: 100px;
        font-size: 16px; /* Évite le zoom automatique sur iOS */
    }
}

/* Theme sombre */
@media (prefers-color-scheme: dark) {
    .ql-toolbar {
        background-color: var(--neutral-layer-1);
    }
    
    .ql-stroke {
        stroke: var(--neutral-foreground-rest);
    }
    
    .ql-fill {
        fill: var(--neutral-foreground-rest);
    }
    
    .ql-picker-label {
        color: var(--neutral-foreground-rest);
    }
}