/* Mention chip — light + dark styles defined here so Tailwind purge never strips them */
.comment-mention {
    background-color: var(--primary-50);
    color: var(--primary-600);
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 500;
    white-space: nowrap;
}

.dark .comment-mention {
    background-color: color-mix(in oklab, var(--primary-400) 10%, transparent);
    color: var(--primary-400);
}

/* Prevent fi-modal-content from overflowing the slide-over window */
.fi-modal-content:has(> .comments-wrap) {
    overflow: hidden;
}

/* Fill the slide-over/modal content area and pin form to bottom */
.fi-modal-content > .comments-wrap {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.comments-wrap > .comments-body {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}