.edbi-browser .edbi-file-browser__upload .edbi-uploader-container {
	background: #fff !important;
}
.edbi-file-browser__upload {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
	z-index: 50;
	max-height: 80%;
	overflow: scroll;

	&--not-fixed {
		position: unset !important;
	}
	&__confirmation {
		padding: 2rem !important;
		text-align: center;
		h3 {
			font-size: 25px;
			font-weight: 500;
			color: var(--edbi-primary-color, #3b82f6);
			margin-bottom: 0.5rem;
			margin-top: 0px;
		}
		p {
			color: #4b5563;
			font-size: 16px !important;
			line-height: 1;
		}

		&__actions {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;
		}
	}

	&__complete {
		.edbi-uploader__wrapper {
			display: none;
		}
	}
}
.edbi-uploader-container {
	border: 2px dashed rgba(88, 32, 229, 0.32) !important;
	border-radius: 10px !important;
	text-align: center;
	background: rgba(88, 32, 229, 0.04) !important;
	transition: all 0.2s ease;

	.edbi-uploader__wrapper {
		padding: 2rem !important;
		&.drag-active {
			border-color: var(--edbi-primary-color, #3b82f6) !important;
			background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(59, 130, 246, 0.1) 100%) !important;
			border-width: 3px !important;
			transform: scale(1.02);
			box-shadow: 0 8px 30px rgba(59, 130, 246, 0.2), inset 0 0 0 1px rgba(59, 130, 246, 0.1) !important;
			position: relative;
			overflow: hidden;

			&::before {
				content: '';
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
				animation: shimmer 2s infinite;
			}

			&::after {
				content: '📄';
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				font-size: 80px;
				opacity: 0.15;
				animation: pulse 1.5s ease-in-out infinite;
			}

			.edbi-uploader__body {
				svg {
					transform: scale(1.15);
					filter: drop-shadow(0 4px 12px rgba(59, 130, 246, 0.4));
				}

				h3 {
					color: var(--edbi-primary-color, #3b82f6);
				}
			}
		}
	}

	.edbi-uploader__header {
		display: flex;
		align-items: center;
		justify-content: space-between;

		h3 {
			margin: 0 0 0.5rem;
			font-size: 1.1rem;
			color: #1f2937;
			font-weight: 600;
		}

		i {
			cursor: pointer;
		}
	}

	.edbi-uploader__body {
		color: #6b7280;
		margin-bottom: 1.5rem;
		font-size: 0.95rem;
		text-align: center;
		padding: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 15px;

		svg {
			width: 60px;
		}

		p {
			font-size: 16px;
			margin: 0;
			line-height: 24px;
		}
	}

	.edbi-upload__button__container {
		display: flex;
		gap: 10px;
		justify-content: center;
		// margin-bottom: 20px;
	}

	.edbi-uploading__container {
		display: flex;
		align-items: center;
		gap: 12px;
		background: #f9fafb;
		border: 1px solid #e5e7eb;
		padding: 12px;
		border-radius: 8px;
		position: relative;
		overflow: hidden;
		padding-bottom: 10px;
	}

	.edbi-file__icon {
		img {
			width: 36px;
			height: 36px;
			object-fit: contain;
		}
	}

	.edbi-file__container {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 4px;
		text-align: left;
	}

	.edbi-file__info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.85rem;
	}

	.edbi-file__name {
		font-weight: 600;
		color: #374151;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 200px;
		margin: 0 !important;
		font-size: 12px;
	}

	.edbi-file__size {
		color: #9ca3af;
		font-size: 0.75rem;
	}

	.edbi-uploading__progress-track {
		height: 4px;
		background: #e5e7eb;
		border-radius: 2px;
		width: 100%;
		margin-top: 4px;
		position: relative;
		overflow: hidden;
	}

	.edbi-uploading__progress-bar {
		height: 100%;
		background: var(--edbi-primary-color, #3b82f6);
		border-radius: 2px;
		transition: width 0.3s ease;
	}

	.edbi-file__status {
		font-size: 0.75rem;
		margin-left: auto;
		font-weight: 500;
	}

	.edbi-file__error {
		color: #ef4444;
		font-size: 0.75rem;
	}

	.edbi-file__lists {
		display: flex;
		flex-direction: column;
		gap: 12px;
		max-height: 300px;
		overflow-y: auto;
		padding-right: 5px;
		padding-top: 20px;
	}

	.edbi-upload-actions {
		margin-top: 20px;
		text-align: center;
		display: inline-block;
	}

	.edbi-uploading__progress {
		min-width: 20%;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(156 163 175 / var(--edbi-secondary-color));
		margin-top: 4px;
		width: 100%;

		.edbi-progress-bar {
			width: var(--percentage, 0%);
			height: 0.3rem;
			border-radius: 9999px;
			background-color: var(--edbi-primary-color);
		}
	}
}

.edbi-file-upload-list {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.edbi-file-upload-list__item {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	border-radius: 0.5rem;
	cursor: pointer;
	border: 1px solid #ddd;
	background-color: var(--edbi-background-color);
	padding: 0.5rem;
	margin-bottom: 0.5rem;
}

.edbi-file-upload-list__item--active {
	border-color: var(--edbi-primary-color);
}

.edbi-file-upload-list__icon img {
	width: 2.5rem;
	height: 2.5rem;
}

.edbi-file-upload-list__details {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.edbi-file-upload-list__details-title {
	margin: 0 !important;
	font-size: 1rem;
	color: var(--edbi-text-color);
}

.edbi-file-upload-list__details-size {
	font-size: 0.875rem;
	color: var(--edbi-text-color);
}

.edbi-file-upload-list__progress {
	min-width: 20%;
	background-color: #9ca3af;
	border-radius: 9999px;
}

.edbi-file-upload-list__progress-bar {
	width: var(--percentage, 0%);
	background-color: var(--edbi-primary-color);
	height: 0.5rem;
	border-radius: 9999px;
}

// Drag active animations
@keyframes shimmer {
	0% {
		left: -100%;
	}
	100% {
		left: 100%;
	}
}

@keyframes pulse {
	0%, 100% {
		opacity: 0.1;
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		opacity: 0.2;
		transform: translate(-50%, -50%) scale(1.05);
	}
}