/**
 * Styling for comment field labels in Wagtail's comment sidebar.
 *
 * This enhancement displays the field name each comment is attached to,
 * solving the UX issue where users couldn't identify which field a
 * comment refers to.
 *
 * See docs/WAGTAIL_COMMENT_FIELD_LABELS.md for full context.
 */
.comment-field-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: var(--w-color-text-label, #666);
    background: var(--w-color-surface-field, #f0f4f8);
    padding: 2px 8px;
    border-radius: 3px;
    margin-bottom: 6px;
    text-transform: capitalize;
}