/* MentionInput 组件样式 */
.sc-mention-input {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--sc-ui-border);
  border-radius: var(--sc-ui-radius-lg);
  background: var(--sc-ui-bg);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.sc-mention-input:focus-within {
  border-color: var(--sc-ui-primary);
  box-shadow: 0 0 0 3px var(--sc-ui-focus-ring);
}
.sc-mention-input--disabled {
  opacity: var(--sc-ui-disabled-opacity);
  cursor: not-allowed;
  background: var(--sc-ui-bg-subtle);
}
[data-sc-inline-editor].sc-editor {
  padding: 0;
  overflow: visible;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.sc-mention-input__content {
  min-height: 40px;
  max-height: var(--sc-mention-input-max-height, 200px);
  padding: 8px 12px;
  overflow-y: auto;
  cursor: text;
  line-height: 1.6;
  font-size: var(--sc-mention-input-font-size, 14px);
  border-radius: var(--sc-ui-radius-lg);
  color: var(--sc-ui-text);
  word-break: break-word;
  white-space: pre-wrap;
  outline: none;
}
@media (pointer: coarse) {
  .sc-mention-input__content {
    font-size: var(--sc-mention-input-font-size, 16px);
  }
}
.sc-mention-input__content:empty::before {
  content: attr(data-placeholder);
  color: var(--sc-ui-text-muted);
  pointer-events: none;
}
.sc-mention-tag {
  display: inline;
  padding: 0 2px;
  border-radius: var(--sc-ui-radius-sm);
  color: var(--sc-ui-primary);
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
  cursor: default;
  user-select: text;
  -webkit-user-select: text;
  transition: background-color 0.15s;
}
.sc-mention-tag::selection,
.sc-mention-tag *::selection {
  background-color: var(--sc-ui-primary-bg-subtle, rgba(0, 100, 255, 0.2));
}
.sc-mention-popover-bare {
  z-index: 100;
}
.sc-mention-input__mobile-panel {
  border-top: 1px solid var(--sc-ui-border);
  max-height: 50vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}