/* ===================== RTE (éditeur) ===================== */
.rte{border:0;border-radius:0}
.rte-toolbar {
    display: none;
    border-radius: 6px;
    background-color: var(--bg);
    position: sticky;
    top: 0;
    z-index: 2;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .02);
    animation: fadeInSlide 0.3s ease-out;
}
.rte-group{display:inline-flex;gap:6px;align-items:center}
.rte-sep{width:1px;height:22px;background:var(--border);margin:0 6px}
.rte-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border: 0px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition: background .15s, border-color .15s, box-shadow .15s;
}
.rte-btn svg{width:14px;height:14px;display:block}
.rte-btn:hover{background:var(--accent);}
.rte-btn:active{transform:translateY(.5px)}
.rte-btn.is-active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12);background:var(--accent);}
.rte-color{-webkit-appearance:none;appearance:none;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:#fff}
.rte-color::-webkit-color-swatch,.rte-color::-moz-color-swatch{border:0;border-radius:4px}
.rte-editor{    min-height: 50px;
    max-height: 360px;
    overflow: auto;
    padding: 8px;
    outline: none;
    font: inherit;
    background: #fff;
    font-size: 0.8rem;}
.rte-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}
.rte-editor p{margin:0 0 .4rem}
.rte-editor ul,.rte-editor ol{padding-left:1.2rem;margin:.2rem 0}
.rte-editor a{color:var(--accent);text-decoration:underline}
.rte-toggle{display:block;text-align:right;font-size:12px;color:var(--accent);text-decoration:underline;padding:4px 8px}

/* Palette couleurs RTE */
.rte-color-wrap{position:relative;display:inline-block}
.rte-color-btn.rte-btn{min-width:28px;padding:0 8px;position:relative}
.rte-color-dot{width:12px;height:12px;border-radius:999px;display:inline-block;border:1px solid #e5e7eb}
.rte-color-pop{position:absolute;top:calc(100% + 6px);right:0;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;display:none;z-index:20;width:216px}
.rte-color-pop.open{display:block}
.rte-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.rte-swatch{width:20px;height:20px;border-radius:5px;border:1px solid #e5e7eb;cursor:pointer}
.rte-swatch:hover{outline:3px solid rgba(37,99,235,.15)}
.rte-color-actions{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}
.rte-link-btn{text-decoration:underline;color:var(--accent);cursor:pointer;background:none;border:0;padding:0}

.rte-toggle, .suggest-toggle  {
  border: 1px solid var(--color-neutral);
    padding: 2px;
    border-radius: 5px;
}
.rte-toggle .icon-inline,
.suggest-toggle .icon-inline {
  height: 25px;
  width: 25px;
} 

/* RTE — barre d’actions contextuelle (variante unique) */
.rte{--rte-actions-h:40px}
.rte .rte-actions{display:flex;gap:12px;align-items:center;overflow:hidden;max-height:0;opacity:0;margin-top:0;padding:0;transition:max-height .18s ease,opacity .15s ease,margin-top .18s ease,padding .18s ease;pointer-events:none}
.rte.rte--always .rte-actions,.rte.has-focus .rte-actions,.rte.is-actions-open .rte-actions{max-height:var(--rte-actions-h);opacity:1;margin-top:6px;padding:6px;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.rte .rte-actions{transition:none}}