.editor-container {
  border: 1px solid #343a40;
  overflow: visible;
  background: white;
  position: relative;
  border-radius: 5px;
}

.editor-toolbar {
  display: flex;
  gap: 5px;
  padding: 5px;
  border-bottom: 1px solid #343a40;
  background: #f9fafb;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.editor-button {
  border: 1px solid #d1d5db;
  background: white;
  padding: 3px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.2s;
  width: 35px;
}

.editor-button:hover {
  background: #f3f4f6;
}

.editor-input {
  min-height: 100px;
  padding: 6px;
  outline: none;
  font-size: 14px;
}

.editor-placeholder {
  position: absolute;
  top: 47px;
  left: 7px;
  color: #9ca3af;
  pointer-events: none;
  font-size: 14px;
}

.whatsapp-preview {
  white-space: pre-wrap;
}

.editor-wrapper {
  position: relative;
}

.emoji-picker-container {
  position: absolute;
  top: 55px;
  right: 10px;
  z-index: 9999;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  overflow: hidden;
}

.toolbar-spacer {
  flex: 1;
}

.editor-text-bold {
  font-weight: bold;
}

.editor-text-italic {
  font-style: italic;
}

.editor-text-strikethrough {
  text-decoration: line-through;
}

.editor-content {
  position: relative;
}

.EmojiPickerReact {
  --epr-bg-color: #202c33;
  --epr-category-label-bg-color: #202c33;
  --epr-text-color: white;
  --epr-hover-bg-color: #2a3942;
  --epr-search-border-color: #3b4a54;
  --epr-search-input-bg-color: #111b21;
}

.epr_-blo395 {
  display: none !important;
}

.editor-input > p {
  margin-top: 0 !important;
  margin-bottom: 0.2rem !important;
}

.emoji-picker-container {
  pointer-events: all !important;
}