/* Music Tag Editor - استایل پایه (تکمیل کامل UI در فازهای بعد) */

.mte-wizard {
	max-width: 640px;
	margin: 0 auto;
	font-family: inherit;
}

.mte-progress {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2em;
}

.mte-progress__step {
	flex: 1;
	text-align: center;
	opacity: 0.5;
}

.mte-progress__step.is-active,
.mte-progress__step.is-done {
	opacity: 1;
	font-weight: bold;
}

.mte-progress__number {
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 50%;
	background: #eee;
	margin-bottom: 0.25em;
}

.mte-step[hidden] {
	display: none;
}

.mte-dropzone {
	border: 2px dashed #ccc;
	border-radius: 8px;
	padding: 3em 1em;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.mte-dropzone.is-dragover {
	border-color: #4caf50;
	background-color: #f3faf4;
}

.mte-dropzone.is-disabled {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}

.mte-dropzone__hint {
	font-size: 0.85em;
	color: #777;
	margin-top: 0.5em;
}

.mte-progress-bar {
	height: 6px;
	background: #eee;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 1em;
}

.mte-progress-bar__fill {
	height: 100%;
	width: 0%;
	background: #4caf50;
	transition: width 0.2s ease;
}

.mte-alert {
	padding: 0.75em 1em;
	border-radius: 6px;
	margin-bottom: 1em;
}

.mte-alert--error {
	background: #fdecea;
	color: #b71c1c;
}