/* ========================================
   ZION - SISTEMA DE GERENCIAMENTO
   Arquivo CSS principal consolidado
   ======================================== */

/* ========== CORE - Base e Variáveis ========== */
@import 'core/variables.css';
@import 'core/base.css';

/* ========== COMPONENTS - Componentes Reutilizáveis ========== */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/modals.css';
@import 'components/forms.css';
@import 'components/headers.css';

/* ========== CONTAINERS ========== */
.pasta-view-container,
.home-container {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding: var(--spacing-xl) var(--spacing-md);
	background: var(--primary-bg);
	min-height: 100vh;
}

/* ========== ANIMAÇÕES GLOBAIS ========== */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(20px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.animate-fade-in {
	animation: fadeIn var(--transition-slow) ease-out;
}

.animate-fade-in-up {
	animation: fadeInUp var(--transition-slow) ease-out;
}

.animate-slide-in-right {
	animation: slideInRight var(--transition-slow) ease-out;
}

/* ========== CASCADING ANIMATIONS ========== */
.folders-grid > *:nth-child(1) { animation-delay: 0.05s; }
.folders-grid > *:nth-child(2) { animation-delay: 0.1s; }
.folders-grid > *:nth-child(3) { animation-delay: 0.15s; }
.folders-grid > *:nth-child(4) { animation-delay: 0.2s; }
.folders-grid > *:nth-child(5) { animation-delay: 0.25s; }
.folders-grid > *:nth-child(6) { animation-delay: 0.3s; }

.cards-grid > *:nth-child(1) { animation-delay: 0.05s; }
.cards-grid > *:nth-child(2) { animation-delay: 0.1s; }
.cards-grid > *:nth-child(3) { animation-delay: 0.15s; }
.cards-grid > *:nth-child(4) { animation-delay: 0.2s; }
.cards-grid > *:nth-child(5) { animation-delay: 0.25s; }
.cards-grid > *:nth-child(6) { animation-delay: 0.3s; }

/* ========== UTILITÁRIOS ========== */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-end { justify-content: flex-end; }
.align-items-center { align-items: center; }

.mt-1 { margin-top: var(--spacing-xs); }
.mt-2 { margin-top: var(--spacing-sm); }
.mt-3 { margin-top: var(--spacing-md); }
.mt-4 { margin-top: var(--spacing-lg); }
.mt-5 { margin-top: var(--spacing-xl); }

.mb-1 { margin-bottom: var(--spacing-xs); }
.mb-2 { margin-bottom: var(--spacing-sm); }
.mb-3 { margin-bottom: var(--spacing-md); }
.mb-4 { margin-bottom: var(--spacing-lg); }
.mb-5 { margin-bottom: var(--spacing-xl); }

.p-1 { padding: var(--spacing-xs); }
.p-2 { padding: var(--spacing-sm); }
.p-3 { padding: var(--spacing-md); }
.p-4 { padding: var(--spacing-lg); }
.p-5 { padding: var(--spacing-xl); }

.w-100 { width: 100%; }
.h-100 { height: 100%; }

/* ========== RESPONSIVIDADE GLOBAL ========== */
@media (max-width: 768px) {
	.pasta-view-container,
	.home-container {
		padding: var(--spacing-md) var(--spacing-sm);
	}
}

@media (max-width: 480px) {
	.pasta-view-container,
	.home-container {
		padding: 0.75rem 0.5rem;
	}
}