/* === SMM Platform UI Patches v4 === */
/* Подход: фиксированная высота редактора, контент скроллится внутри */

/* 1. Редактор: ограниченная высота, скролл внутри */
.editor-content {
  max-height: 55vh !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}
.editor-content::-webkit-scrollbar {
  width: 6px;
}
.editor-content::-webkit-scrollbar-thumb {
  background: #ffffff24;
  border-radius: 3px;
}
/* Убираем overflow:hidden с карточки чтобы emoji picker мог выйти за пределы */
.editor-card.card {
  overflow: visible !important;
}
.editor-card.card::before {
  overflow: visible !important;
}

/* 2. Emoji Picker — z-index выше правой панели */
.emoji-picker {
  z-index: 9999 !important;
  position: absolute !important;
  max-width: min(480px, calc(100vw - var(--sidebar-width, 240px) - 460px)) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
  background: var(--bg-card, #1a1f2e) !important;
}
@media (max-width: 1200px) {
  .emoji-picker {
    max-width: min(400px, calc(100vw - 300px)) !important;
  }
}

/* 3. Blockquote стили */
.editor-content .tiptap blockquote {
  border-left: 3px solid var(--accent);
  background: var(--accent-bg);
  padding: 10px 16px;
  margin: 8px 0;
  border-radius: 0 var(--radius-sm, 6px) var(--radius-sm, 6px) 0;
  color: var(--text-secondary);
  font-style: italic;
}
.tg-preview blockquote {
  border-left: 3px solid #6ab3f3;
  padding: 6px 12px; margin: 6px 0;
  color: #8899aa; font-style: italic;
}
.vk-preview blockquote {
  border-left: 3px solid #71aaeb;
  padding: 6px 12px; margin: 6px 0;
  color: #8899a6; font-style: italic;
}
.max-preview blockquote {
  border-left: 3px solid #ff8c5a;
  padding: 6px 12px; margin: 6px 0;
  color: #999; font-style: italic;
}

/* 4. Кнопка цитаты */
.toolbar-btn-quote {
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: Georgia, serif !important;
}
.toolbar-btn-quote.is-active {
  background: var(--accent-bg) !important;
  color: var(--accent) !important;
}