.discussion-attach-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	white-space: nowrap;
}

.discussion-attach-image .icon {
	width: 16px;
	height: 16px;
}

.discussion-form .ql-editor img,
.discussion-form .discussions-comment img,
.reply-card .reply-text img {
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: contain;
	border-radius: 8px;
	margin: 10px 0;
}

@media (max-width: 576px) {
	.discussion-attach-image span {
		display: none;
	}

	.discussion-attach-image {
		padding-left: 10px;
		padding-right: 10px;
	}
}



/* =========================================================
   DEVELOPMENT DISCUSSION CONTROLS
   ========================================================= */

.discussion-attach-image,
.discussion-attach-file {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
white-space: nowrap;
}

.discussion-attach-image .icon,
.discussion-attach-file .icon {
width: 16px;
height: 16px;
}


/* Image retention disclaimer */

.discussion-image-retention-note {
display: flex;
align-items: flex-start;
gap: 6px;

margin-top: 8px;
margin-bottom: 8px;

font-size: 12px;
line-height: 1.45;

color: var(--text-muted);
}

.discussion-image-retention-note::before {
content: "ⓘ";
flex: 0 0 auto;
font-size: 13px;
}


/* Expired images */

.discussion-image-expired {
display: inline-block;

margin: 8px 0;
padding: 7px 10px;

border: 1px dashed var(--border-color);
border-radius: 6px;

background: var(--bg-light-gray, #f8f9fa);

color: var(--text-muted);

font-size: 12px;
}


/* Discussion file links */

.discussions-comment
.ql-editor
a[href*="download_discussion_file"],
.reply-text
a[href*="download_discussion_file"] {
display: inline-flex;
align-items: center;

margin: 4px 0;
padding: 6px 10px;

border: 1px solid var(--border-color);
border-radius: 6px;

text-decoration: none;
font-weight: 500;
}


@media (max-width: 576px) {
.discussion-attach-image span,
.discussion-attach-file span {
display: none;
}
}


/* Discussion moderation */

.discussion-moderator-delete-message,
.discussion-delete-attachment {
font-size: 11px;
}

.discussion-attachment-deleted,
.discussion-file-expired {
display: inline-block;

margin: 5px 0;
padding: 6px 9px;

border: 1px dashed var(--border-color);
border-radius: 6px;

color: var(--text-muted);

font-size: 12px;
}


.discussion-attachment-expired {
display: inline-block;

margin: 6px 0;
padding: 6px 10px;

border: 1px dashed var(--border-color);
border-radius: 6px;

background: var(--bg-light-gray, #f8f9fa);

color: var(--text-muted);

font-size: 12px;
line-height: 1.4;
}