@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.daxx {
	&-card {
		padding: 12px;
		background: @common_bg_z1_color;
		border-radius: 8px;
	}

	&-userInfo {
		display: flex;
		align-items: center;
		// margin-bottom: 16px;
	}

	&-avatar {
		margin-right: 12px;
		background: #3491fa;
		border-radius: 4px;
		height: 48px;
		width: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 14px;
		&-applied {
			margin-right: 12px;
			background: #ef6c24;
			border-radius: 4px;
			line-height: 20px;
			height: 48px;
			width: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 14px;
		}
	}

	&-info {
		flex: 1;
		&-status-blue {
			background: #e8f3ff;
			color: #1a6fb8;
			width: 56px;
			border-radius: 2px;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 28px;
		}
		&-apply-material {
			margin-top: 8px;
			& .dtm-upload-select {
        display: none;
      }
		}
	}

	&-name {
		font-size: 14px;
		font-weight: 500;
		color: @common_level1_base_color;
		line-height: 24px;
	}

	&-id {
		font-size: 12px;
		color: @common_level2_base_color;
		line-height: 20px;
		margin-top: 4px;
	}

	&-arrow {
		color: @common_level3_base_color;
		font-size: 16px;
	}

	// 虚线
	&-line {
		width: 100%;
		border-top: 1px dashed #f0f0f0;
		margin: 8px 0;
	}

	&-tags {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	&-tag {
		padding: 4px 8px;
		border-radius: 4px;
		font-size: 12px;
		line-height: 1;

		&-purple {
			background: #f5f0ff;
			color: #722ed1;
		}

		&-green {
			background: #f6ffed;
			color: #52c41a;
		}

		&-orange {
			background: #fff7e6;
			color: #fa8c16;
		}

		&-pink {
			background: #fff0f6;
			color: #eb2f96;
		}

		&-blue {
			background: #e6f7ff;
			color: #1A6FB8;
		}

		&-cyan {
			background: #e6fffb;
			color: #13c2c2;
		}

		&-blue-light {
			background: #f0f5ff;
			color: #2f54eb;
		}

		&-purple-light {
			background: #f9f0ff;
			color: #9254de;
		}

		&-red {
			background: #fff1f0;
			color: #f5222d;
		}
	}
}