/* Attachment Delete Button Styles */

.document_attached {
	position: relative;
}

.delete_attachment_btn {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	background: #f44336;
	border: none;
	color: white;
	padding: 6px;
	border-radius: 4px;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s, background-color 0.2s;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.document_attached:hover .delete_attachment_btn {
	opacity: 1;
}

.delete_attachment_btn:hover {
	background: #d32f2f;
}

.delete_attachment_btn:disabled {
	background: #999;
	cursor: not-allowed;
}

.delete_attachment_btn svg {
	display: block;
}

/* Ensure attachment link doesn't overlap delete button */
.document_attached a {
	padding-right: 40px;
}