/* src/components/prosemirror/tag-links/tag-links.css */
.tag-link-trigger {
  background-color: #8b5cf626;
  border-radius: 2px;
}

.tag-link {
  color: var(--tag-color);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  cursor: pointer;
  border-radius: 2px;
}

.tag-link:hover {
  background-color: var(--tag-hover-bg);
}

.tag-link-popup {
  position: fixed;
  z-index: 1000;
  overflow-y: auto;
  background: var(--surface-secondary);
  border: 1px solid var(--border-default);
  border-radius: 8px;
  min-width: 250px;
  max-width: 350px;
  max-height: 300px;
  box-shadow: 0 4px 12px #00000026;
}

.tag-link-popup-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding: 8px 12px;
}

.tag-link-popup-item:hover, .tag-link-popup-item.selected {
  background: var(--surface-accent);
}

.tag-link-popup-item .tag-name {
  font-weight: 500;
}

.tag-link-popup-item .tag-count {
  color: var(--content-tertiary);
  font-size: 12px;
}