/* =========================================================
Carregamento
========================================================= */
.spinner{
	width: 40px;
	height: 40px;
	border: 3px solid var(--border);
	border-top-color: var(--primary);
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: 0 auto var(--space-4);
}

@keyframes spin {
	to { transform: rotate(360deg); }
}



/***************************************
Elemento global de carregamento
***************************************/
.mini-progress-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.mini-progress-container {	
	flex-grow: 1; /* Faz a barra ocupar todo o espaço restante */
	height: 4px;  /* Bem fina */
	background-color: #eee;
	border-radius: 2px;
	overflow: hidden;
}

.mini-progress-fill {
	height: 100%;
	background-color: #2ecc71; /* Cor sólida e limpa */
	border-radius: 2px;
	transition: width 0.4s ease-out;
}

.mini-progress-text {
	font-family: 'Segoe UI', sans-serif;
	font-size: 11px; /* Texto pequeno e discreto */
	font-weight: 600;
	color: #666;
	min-width: 30px; /* Evita que o layout "pule" quando o número mudar */
	text-align: right;
}

/*Animações*/
@keyframes gradientShift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}