/* styles.css */

/* Make sure the input field takes the full width of its parent */
.plugin-comment {
	margin-top: 5px;
	width: 100%;
	box-sizing: border-box; /* Ensure padding is included in the element's total width and height */
}

.plugin-comment-annotation.plugin-comment-placeholder {
	color: #CCCCCC; /* Standard placeholder color */
	font-style: italic;
}

.plugin-comment.plugin-comment-placeholder {
	display: none;
}

.plugin-comment-annotation > p:first-child {
  margin-top: 0;
}

.plugin-comment-annotation > p:last-child {
  margin-bottom: 0;
}

.plugin-comment-annotation::after {
    content: "" !important;
}

.plugin-comment-annotation {
	width: 100%;
}

/* Show comment container when hovering over the plugin container */
.setting-item:hover .plugin-comment.plugin-comment-placeholder {
	display: block;
}

/* Setting pane */
.plugin-comment-instructions {
	margin: none;
	padding: none;
}

div.plugin-comment-instructions em {
	font-weight: 500;
}

div.plugin-comment-instructions strong {
	font-weight: 500;
}

.plugin-comment-instructions > p:first-child {
  margin-top: 0;
}

.plugin-comment-instructions > p:last-child {
  margin-bottom: 0;
}