/* Căn chỉnh vùng preview ảnh dính ngay trên textarea */
.image-preview {
	position: absolute;
	bottom: calc(var(--textarea-height, 42px) + 2px); /* cộng thêm khoảng cách tùy ý */
	left: 50px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.image-preview img {
	width: 65px;
	height: 65px;
	object-fit: cover;
	border-radius: 8px;		
  	border: 3px solid #ffffff !important;
	box-shadow: 
    0 0 0 1px #6eafa4 inset, 
    0 0 0 2px #6eafa4;
	box-shadow: 0 0 3px #0c826f;  
}

/* Dấu X đóng ảnh */
.image-preview .close-btn {
	position: absolute;
	top: -7px;
	right: -35px;
	background: rgba(0, 0, 0, 0.6) !important;
	color: white !important;
	border: none;
	border-radius: 50%;
	width: 23px !important;
	height: 23px !important;
	font-size: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: background 0.2s;
  	border: 2px solid #ffffff !important;
}

.image-preview .close-btn:hover {
  background: #e92e6f !important;
}

.image-preview .close-btn::before,
.image-preview .close-btn::after {
  content: none !important;
  display: none !important;
}

.userText-image{
	max-width: 100px;
    max-height: 100px;
    margin-top: 5px;
	border-radius: 8px;
	border: 2px solid #a2bcd6
}