/* ===== SISTEMA DE LOCAÇÃO - CSS CONSOLIDADO ===== */
/* Arquivo principal que consolida todos os estilos do sistema */
/* TEMA CLARO PERMANENTE - SEM ALTERNÂNCIA */

/* 1. DESIGN SYSTEM (Base e variáveis) */
@import url('design-system.css');

/* 2. COMPONENTES (Botões, inputs, cards, etc.) */
@import url('components.css');

/* 3. TEMA PRINCIPAL */
@import url('modern.css');

/* 4. DASHBOARD */
@import url('dashboard.css');

/* 5. LOGIN MODERNO - REMOVIDO (usando login-nordeste.css) */
/* @import url('login-modern.css'); */

/* 6. NOTIFICAÇÕES */
@import url('notifications.css');

/* 7. SEGURANÇA */
@import url('security.css');

/* 7. TEMA ESCURO - REMOVIDO */
/* @import url('theme-dark.css'); */

/* 8. TOGGLE DE TEMA - REMOVIDO */
/* @import url('theme-toggle.css'); */

/* 9. ESTILOS ESPECÍFICOS */
@import url('style.css');

/* 10. TEMA ESCURO DOS FILTROS - REMOVIDO */
/* @import url('filter-dark-theme.css'); */

/* 11. FORÇAR TEMA CLARO - NORDESTE FERRAMENTAS */
@import url('force-light-theme.css');

/* ===== OTIMIZAÇÕES DE PERFORMANCE ===== */

/* Preload de fontes críticas */
@font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
}

/* Otimizações de renderização */
* {
    box-sizing: border-box;
}

/* Melhorar performance de animações */
.animate, .fade-in, .slide-in {
    will-change: transform, opacity;
    transform: translateZ(0);
}

/* Otimizar transições */
.transition {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Lazy loading para imagens */
img[data-src] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img[data-src].loaded {
    opacity: 1;
}

/* Skeleton loading */
.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ===== RESPONSIVIDADE OTIMIZADA ===== */

/* Mobile First */
@media (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
    
    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
    }
    
    .sidebar.open {
        transform: translateX(0);
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        padding: 0 2rem;
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .container {
        padding: 0 3rem;
    }
}

/* ===== UTILITÁRIOS DE PERFORMANCE ===== */

/* Ocultar elementos durante carregamento */
.loading-hidden {
    opacity: 0;
    pointer-events: none;
}

/* Mostrar elementos após carregamento */
.loading-visible {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease-in-out;
}

/* Otimizar scroll */
.smooth-scroll {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* ===== FIM DO CSS CONSOLIDADO ===== */