/*
 * The wiki graph surfaces: the backlinks section on a lore page, and the
 * wanted-pages list (03-lore/06).
 *
 * Registered through FilamentAsset (see AppServiceProvider), like the editor and
 * lore-content CSS. Plain CSS: it is served outside the Tailwind build, so
 * utility classes are not available here and would silently do nothing.
 *
 * Both surfaces are the same shape — a list of records, each with a muted type
 * label after it — so they share their rules and differ only in name.
 */

.fi-backlinks,
.fi-wanted-sources {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.fi-backlinks li,
.fi-wanted-sources li {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.fi-backlinks-type,
.fi-wanted-type {
    font-size: 0.75rem;
    color: rgb(113 113 122);
}

.fi-backlinks-empty {
    font-size: 0.875rem;
    color: rgb(113 113 122);
}

/*
 * The wanted slug is shown in the form you would type, brackets and all, so it
 * can be read straight off the page and written into a body — or into the title
 * field of the record that satisfies it.
 */
.fi-wanted-slug {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.9375rem;
}

.fi-wanted-sources {
    font-size: 0.875rem;
}

/* --------------------------------------------------------------- dark mode -- */

.dark .fi-backlinks-type,
.dark .fi-wanted-type,
.dark .fi-backlinks-empty {
    color: rgb(161 161 170);
}