/*
 * @Company: hugeInfo
 * @Author: lwh
 * @Date: 2025-04-10 17:30:00
 * @LastEditTime: 2025-04-14 16:44:32
 * @LastEditors: lwh
 * @Version: 1.0.0
 * @Description: 通用附件上传查看组件样式
 */

.ding-upload-container {
	width: 100%;
	background-color: #fff;
	border-radius: 4px;

	& .dtm-upload-disabled {
		display: none;
	}

	.ding-upload-title {
		font-size: 15px;
		font-weight: 500;
		color: #333;
		margin-bottom: 4px;
	}

	.ding-upload-label {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: top;
	}

	.ding-upload-subtitle {
		font-size: 14px;
		color: rgba(23, 26, 29, 0.4);
	}
	:global {
		.ddm-upload-form {
			.ddm-upload-form-text {
				color: #999;
			}

			.ddm-upload-form-remove {
				color: #999;

				&:hover {
					color: #f5222d;
				}
			}

			.ddm-upload-form-file-name {
				color: #333;
			}

			.ddm-upload-form-preview {
				color: #1a6fb8;
			}

			.ddm-upload-form-upload-button {
				background-color: #f5f5f5;
				border: 1px dashed #d9d9d9;
				color: #666;

				&:hover {
					border-color: #1a6fb8;
					color: #1a6fb8;
				}
			}
		}
	}
	& .dtm-upload-form-upload-btn {
		align-items: flex-start;
	}

	& .dtm-upload-list {
		margin-top: 10px;
	}
}

.ding-upload-preview-only {
	:global {
		.ddm-upload-form {
			.ddm-upload-form-upload-button {
				display: none;
			}
		}
	}
}

.ding-upload-image-preview {
	:global {
		.ddm-dialog-content {
			padding: 0;
		}
	}

	.ding-upload-image-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);

		img {
			max-width: 100%;
			max-height: 80vh;
			object-fit: contain;
		}
	}
}