/* ── Editor simple (negrita/cursiva/listas/enlace) ──
   Usado en contacto.php (mensaje) y admin/reportes.php (respuesta). */
.edsim-wrap { display: flex; flex-direction: column; }
.edsim-toolbar {
  display: flex; flex-wrap: wrap; gap: 4px; padding: 6px;
  background: var(--bg-surface); border: 1px solid var(--border);
  border-bottom: none; border-radius: var(--radius-md, 10px) var(--radius-md, 10px) 0 0;
}
.edsim-btn {
  background: var(--bg-card); border: 1px solid var(--border); color: var(--text-muted);
  border-radius: 6px; padding: 5px 9px; font-size: 12px; cursor: pointer;
  font-family: var(--font-head, inherit); line-height: 1; min-width: 28px; transition: all .15s;
}
.edsim-btn:hover { color: var(--cyan); border-color: var(--cyan-border, var(--cyan)); }
.edsim-btn.active { color: var(--cyan); border-color: var(--cyan-border, var(--cyan)); background: rgba(0,212,255,0.08); }
.edsim-sep { width: 1px; background: var(--border); margin: 2px 3px; }
.edsim-area {
  min-height: 110px; max-height: 50vh; overflow-y: auto; padding: 10px 12px;
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: 0 0 var(--radius-md, 10px) var(--radius-md, 10px);
  font-size: 13px; line-height: 1.6; color: var(--text-primary); outline: none;
}
.edsim-area:focus { border-color: var(--cyan-border, var(--cyan)); }
.edsim-area:empty:before { content: attr(data-placeholder); color: var(--text-dim); }
.edsim-area p { margin: 0 0 8px; }
.edsim-area p:last-child { margin-bottom: 0; }
.edsim-area ul, .edsim-area ol { margin: 0 0 8px 20px; }
.edsim-area a { color: var(--cyan); }

/* Solo lectura (mensajes/respuestas ya guardados) — mismo look sin la caja de edición */
.edsim-view { font-size: 13px; line-height: 1.6; }
.edsim-view p { margin: 0 0 8px; }
.edsim-view p:last-child { margin-bottom: 0; }
.edsim-view ul, .edsim-view ol { margin: 0 0 8px 20px; }
.edsim-view a { color: var(--cyan); }