/* Doc links (js/doc-links.js): the doc badge on a node panel header, and the
   small popover that lists where a node is mentioned / which page to write to. */

.pwdl-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex: none;
    padding: 2px 6px 2px 5px;
    border-radius: 6px;
    cursor: pointer;
    font-family: var(--sl-font-mono);
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    color: var(--sl-link, var(--sl-accent));
    background: var(--sl-accent-tint);
    box-shadow: inset 0 0 0 1px var(--sl-accent-line);
}
.pwdl-badge:hover { filter: brightness(1.18); }
.pwdl-badge svg { display: block; }

.pwdl-menu {
    position: fixed;
    z-index: 10600;
    min-width: 220px;
    max-width: 380px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 5px;
    border-radius: 10px;
    background: var(--sl-raised);
    border: 1px solid var(--sl-border);
    box-shadow: var(--sl-shadow-float);
    font-family: var(--sl-font-ui);
    color: var(--sl-text-1);
}
.pwdl-menu-head {
    padding: 5px 8px 6px;
    font-family: var(--sl-font-mono);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--sl-text-3);
}
.pwdl-menu-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 6px 8px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: inherit;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}
.pwdl-menu-item:hover,
.pwdl-menu-item:focus-visible { background: var(--sl-wash); outline: none; }
.pwdl-menu-sub {
    display: block;
    margin-top: 2px;
    font-size: 10.5px;
    color: var(--sl-text-3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}