/* 1. Global Quill Overrides (Your Customization) */
.ql-container {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #fff;
  transition: all 0.2s ease;
}

/* 2. Unified Content Area Logic */
.quill-editor .ql-editor {
  /* Remove your global min-height: 250px here to respect parent height */
  min-height: unset;
  height: 100%;
  overflow-y: auto;
  padding: 12px;
}

/* Placeholder styling */
.ql-editor.ql-blank::before {
  color: #adb5bd;
  font-style: italic;
  left: 12px;
}

/* 3. The "Intuitive" Design Touch: Focus & Hover */
.quill-editor:hover .ql-toolbar,
.quill-editor:hover .ql-container {
  border-color: #adb5bd;
}

/* Blue focus ring that wraps both toolbar and container */
.quill-editor:focus-within .ql-toolbar {
  border-color: var(--theme-color);
  background-color: #eff6ff; /* Very faint blue tint on active toolbar */
}

.quill-editor:focus-within .ql-container {
  border-color: var(--theme-color);
  outline: none;
}

/* Custom Scrollbar for a "Mac-native" look */
.ql-editor::-webkit-scrollbar {
  width: 5px;
}

.ql-editor::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}

/* 4. Individual Height Logic */
#descriptionEditor {
  height: 160px !important;
  max-height: 400px !important;
}

#synergyEditor {
  height: 140px !important;
  max-height: 300px !important;
}

#prospectCommentEditor {
  height: 60px !important;
  max-height: 260px !important;
}

.prospect-comments-list {
  max-height: 260px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 8px;
  background: #fff;
}

.prospect-comment-item {
  border-bottom: 1px solid #edf0f2;
  padding: 8px 0;
}

.prospect-comment-item:last-child {
  border-bottom: none;
}

.prospect-comment-item__body {
  font-size: 14px;
}

/* Long prospect comment tooltips: readable width + internal scroll for very long text. */
.tooltip.prospect-comment-tooltip {
  pointer-events: auto;
}

.prospect-comment-tooltip .tooltip-inner {
  max-width: min(70vw, 900px);
  max-height: min(55vh, 420px);
  overflow-y: auto;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  background-color: var(--theme-color);
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
}