.sxbl-info {
	// padding: 0 16px;

	.sxbl-card {
		// box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
		// padding: 12px 16px;
		&-item {
			background-color: #fff;
			padding: 12px;
			position: relative;
			&-img {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 56px;
				height: 56px;
				cursor: pointer;
				& img {
					width: 100%;
					height: 100%;
				}
			}
		}

		&-tag {
			width: 42px;
			height: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.sxbl-manager {
			display: flex;
			flex-direction: column;

			.sxbl-title {
				font-size: 16px;
				font-weight: 500;
				color: #333;
				margin-bottom: 4px;
			}

			.sxbl-desc {
				font-size: 14px;
				color: rgba(23, 26, 29, 0.4);
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 8px;
			}

			.sxbl-record-list {
				background-color: #f2f2f2;
				border-radius: 4px;
				padding: 12px;

				.sxbl-record-title {
					font-size: 14px;
					font-weight: 500;
					color: #333;
					margin-bottom: 12px;
				}

				.sxbl-record-item {
					padding: 10px 12px;
					background-color: #fff;
					border-radius: 4px;
					margin-bottom: 12px;

					&:last-child {
						margin-bottom: 0;
					}

					.sxbl-record-header {
						display: flex;
						justify-content: space-between;
						align-items: center;
						margin-bottom: 8px;

						.sxbl-record-dept {
							display: flex;
							align-items: center;

							.sxbl-dept-name {
								font-size: 14px;
								font-weight: 500;
								color: #333;
								margin-right: 8px;
							}

							.sxbl-dept-tag {
								font-size: 12px;
								padding: 2px 6px;
								border-radius: 2px;
								display: inline-block;

								&-remark {
									background-color: #fff7e8;
									color: #ff7d00;
								}

								&-hostOrg {
									background-color: #e8f3ff;
									color: #1a6fb8;
								}
							}
						}

						.sxbl-view-btn {
							padding: 4px 12px;
							background-color: #1890ff;
							color: white;
							border: none;
							border-radius: 4px;
							font-size: 12px;
							cursor: pointer;
						}
					}

					.sxbl-record-content {
						font-size: 14px;
						color: #666;
						line-height: 1.5;
						margin-bottom: 8px;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
					}

					.sxbl-record-time {
						font-size: 14px;
						color: #999;
					}
				}
			}
			.sxbl-record-line {
				width: 100%;
				border-top: 1px dashed #f0f0f0;
				margin: 8px 0;
			}
			.sxbl-record-footer {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.sxbl-record-view-tag {
				font-size: 14px;
				padding: 4px 16px;
				background-color: #1a6fb8;
				color: #fff;
				border-radius: 20px;
				// padding: 4px 8px;
				cursor: pointer;
			}
			.sxbl-record-empty {
				margin-top: 30%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				&-text {
					color: rgba(23, 26, 29, 0.4);
					font-size: 17px;
				}
			}
		}
	}
}

/* 提取部门标签样式到全局级别 */
.sxbl-dept-tag {
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 2px;
	display: inline-block;

	&-remark {
		background-color: #fff7e8;
		color: #ff7d00;
	}

	&-hostOrg {
		background-color: #e8f3ff;
		color: #1a6fb8;
	}
}

.action-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
}

.action-panel {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

.action-buttons {
	padding: 16px 32px;
	border-radius: 16px 16px 0 0;
	position: relative;
	padding-bottom: 16px; // 为底部关闭按钮留出空间

	.close-btn {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #000;
	}

}

.action-btn {
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  border-radius: 22px;
  margin-bottom: 16px;
  color: #fff;
  &-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  &:last-child {
    margin-bottom: 0;
  }

  &-primary {
    background: #1a6fb8;
  }

  &-success {
    background: #00b42a;
  }

  &-warning {
    background: #ef6c24;
  }

  &-danger {
    background: #f53f3f;
  }
}

// 移除旧的Drawer样式
// :global {
//   .action-drawer {
//     .dtm-drawer {
//       border-radius: 8px 8px 0 0;
//     }
//   }
// }

.record-detail {
	padding: 16px;
	background: #fff;

	&-title {
		font-size: 18px;
		font-weight: 500;
		color: #333;
		margin-bottom: 16px;
		padding-bottom: 12px;
		position: relative;

		&::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 1px;
			background-color: #f0f0f0;
		}
	}

	&-item {
		margin-bottom: 16px;
	}

	&-label {
		font-size: 14px;
		color: #999;
		margin-bottom: 8px;
	}

	&-value {
		font-size: 15px;
		color: #333;
		word-break: break-all;
	}

	&-content {
		line-height: 1.6;
		white-space: pre-wrap;
	}

	&-sub {
		color: #1a6fb8;
		margin-left: 8px;
	}

	&-files {
		margin-top: 8px;
		& .dtm-upload-select {
			display: none;
		}
	}

	&-file {
		display: flex;
		align-items: center;
		padding: 12px;
		background: #f5f5f5;
		border-radius: 4px;
		margin-bottom: 8px;

		&:last-child {
			margin-bottom: 0;
		}

		&-icon {
			width: 20px;
			height: 20px;
			margin-right: 8px;
			background-color: #1a6fb8;
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 0H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8l-8-8zm-2 19c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V3h10v6z'/%3E%3C/svg%3E");
			mask-size: contain;
			mask-position: center;
			mask-repeat: no-repeat;
		}

		&-name {
			flex: 1;
			font-size: 14px;
			color: #333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		&-size {
			font-size: 12px;
			color: #999;
			margin: 0 8px;
		}

		&-view {
			color: #1a6fb8;
			font-size: 14px;
		}
	}

	&-footer {
		margin-top: 24px;
	}

	&-title {
		font-size: 18px;
		font-weight: 500;
		color: #333;
		text-align: left;
		margin-bottom: 24px;
	}
}

.sxbl-record-view-tag {
	display: inline-block;
	color: #1a6fb8;
	cursor: pointer;
}

/* 联合处置申请抽屉样式 */
.joint-handle-drawer {
	padding: 12px 16px 16px 16px;

	.joint-handle-title {
		font-size: 18px;
		font-weight: 500;
		color: #333;
		margin-bottom: 24px;
		text-align: left;
	}

	.joint-handle-form {
		margin-bottom: 24px;

		.joint-handle-item {
			margin-bottom: 20px;

			.joint-handle-label {
				font-size: 15px;
				color: #333;
				margin-bottom: 12px;
				font-weight: 500;

				&-title {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 0;
				}

				.required-mark {
					color: #f5222d;
					margin-right: 4px;
				}

				.optional-mark {
					color: #999;
					font-size: 13px;
					font-weight: normal;
				}
			}

			// 添加必填字段样式
			.required-field {
				position: relative;
				padding-left: 0;

				&::before {
					content: '*';
					color: #f5222d;
					position: absolute;
					left: -10px;
					top: 0;
				}
			}

			.joint-handle-value {
				.joint-handle-selected-depts {
					margin-bottom: 12px;
					display: flex;
					flex-wrap: wrap;

					.joint-handle-dept-tag {
						display: inline-flex;
						align-items: center;
						background-color: #f5f5f5;
						border-radius: 4px;
						padding: 8px 12px;
						margin-right: 8px;
						margin-bottom: 8px;
						font-size: 14px;
						color: #333;

						.joint-handle-dept-close {
							margin-left: 8px;
							font-size: 16px;
							color: #999;
							font-weight: bold;
							cursor: pointer;
						}
					}
				}

				.joint-handle-dept-tags {
					display: flex;
					flex-wrap: wrap;
					margin-bottom: 12px;
					gap: 8px;
					:global {
						.usertag-container {
							margin-right: 8px;
							margin-bottom: 8px;
						}
					}
				}

				.joint-handle-reason-buttons {
					display: flex;
					margin-bottom: 12px;

					.joint-handle-reason-btn {
						height: 32px;
						line-height: 32px;
						padding: 0 12px;
						background-color: #fff;
						border: 1px solid #e8e8e8;
						border-radius: 16px;
						margin-right: 12px;
						font-size: 14px;
						color: #333;
					}
				}

				.joint-handle-textarea {
					width: 100%;

					:global {
						.ddm-textarea-item {
							border: 1px solid #e8e8e8;
							border-radius: 4px;
							padding: 4px 0;

							.ddm-textarea-item-text {
								font-size: 14px;
								padding: 8px 12px;
							}

							.ddm-textarea-item-placeholder {
								padding: 8px 12px;
								color: #999;
							}
						}
					}
				}

				.joint-handle-upload {
					width: 100%;

					:global {
						.ddm-upload-form {
							.ddm-upload-form-text {
								color: #999;
							}
						}
					}
				}
			}
		}
	}

	.joint-handle-footer {
		button {
			height: 44px;
			font-size: 16px;
		}
	}
}

.joint-handle-select {
	border-radius: 4px;
	// padding: 0 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: rgba(23, 26, 29, 0.4);

	.joint-handle-arrow {
		font-size: 16px;
		color: #ccc;
		font-weight: normal;
		display: flex;
		align-items: center;
	}
}

/* 详情样式 */
.record-detail {
	padding: 16px;

	.record-detail-title {
		font-size: 18px;
		font-weight: 500;
		color: #333;
		text-align: left;
		margin-bottom: 24px;
	}

	.record-detail-item {
		margin-bottom: 16px;

		.record-detail-label {
			font-size: 14px;
			color: #999;
			margin-bottom: 8px;
		}

		.record-detail-value {
			font-size: 15px;
			color: #333;

			&.record-detail-content {
				line-height: 1.5;
			}
		}

		.record-detail-files {
			margin-top: 8px;
		}
	}

	.record-detail-footer {
		margin-top: 32px;

		button {
			height: 44px;
			font-size: 16px;
		}
	}
}