/* ── Wiki-specific styles ─────────────────────────── */

/* Wikilink badges in rendered markdown */
.wikilink {
  color: var(--color-accent-text);
  background: var(--color-accent-subtle);
  padding: 1px var(--space-1);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  text-decoration-color: color-mix(in srgb, var(--color-accent-text) 40%, transparent);
}

.wikilink:hover {
  background: var(--color-accent-muted);
  color: var(--color-accent);
  text-decoration-style: solid;
  text-decoration-color: var(--color-accent);
}

.wikilink--broken {
  color: var(--color-error);
  background: var(--color-error-bg);
  text-decoration-color: color-mix(in srgb, var(--color-error) 40%, transparent);
  opacity: 0.8;
}

.wikilink--broken:hover {
  opacity: 1;
  color: var(--color-error);
  background: var(--color-error-bg);
  text-decoration-style: solid;
  text-decoration-color: var(--color-error);
}

/* Backlinks in side panel */
.backlink-item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  transition: all var(--transition-fast);
}

.backlink-item:hover {
  background: var(--color-bg-hover);
  color: var(--color-accent-text);
}

/* Wiki page list items (used in navigator) */
.wiki-page-item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  transition: all var(--transition-fast);
}

.wiki-page-item:hover {
  background: var(--color-bg-hover);
  color: var(--color-text-primary);
}

.wiki-page-item.active {
  background: var(--color-accent-subtle);
  color: var(--color-accent-text);
}

.wiki-page-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wiki-search-result {
  padding: var(--space-3);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.wiki-search-result:hover {
  background: var(--color-bg-hover);
}

/* ── Memory / Storage Link Colors ──────────────────── */

/* Wikilinks pointing to Memory files */
.wikilink--memory {
  color: var(--color-memory-text);
  background: var(--color-memory-subtle);
  text-decoration-color: color-mix(in srgb, var(--color-memory-text) 40%, transparent);
}
.wikilink--memory:hover {
  background: var(--color-memory-muted);
  color: var(--color-memory-hover);
  text-decoration-color: var(--color-memory);
}

/* Wikilinks pointing to Storage files */
.wikilink--storage {
  color: var(--color-storage-text);
  background: var(--color-storage-subtle);
  text-decoration-color: color-mix(in srgb, var(--color-storage-text) 40%, transparent);
}
.wikilink--storage:hover {
  background: var(--color-storage-muted);
  color: var(--color-storage-hover);
  text-decoration-color: var(--color-storage);
}

/* Regular markdown <a> links styled by area */
.markdown-content a[data-link-area="memory"] {
  color: var(--color-memory-text);
}
.markdown-content a[data-link-area="memory"]:hover {
  color: var(--color-memory-hover);
}

.markdown-content a[data-link-area="storage"] {
  color: var(--color-storage-text);
}
.markdown-content a[data-link-area="storage"]:hover {
  color: var(--color-storage-hover);
}

/* Chat message links styled by area */
.message-content a[data-link-area="memory"] {
  color: var(--color-memory-text);
}
.message-content a[data-link-area="memory"]:hover {
  color: var(--color-memory-hover);
}

.message-content a[data-link-area="storage"] {
  color: var(--color-storage-text);
}
.message-content a[data-link-area="storage"]:hover {
  color: var(--color-storage-hover);
}