/* =====================================================
   GERPAY - CSS PRINCIPAL
   Arquivo orquestrador que importa todos os módulos
   
   Estrutura baseada em ITCSS (Inverted Triangle CSS)
   Organização: Settings → Base → Layout → Components → Utilities
   
   @version 3.0.0 - Arquitetura Responsiva Completa
   @date 2025-12-14
   ===================================================== */

/* ========== 0. SETTINGS - Configurações e Tokens ========== */
@import './0-settings/_breakpoints.css';
@import './0-settings/_container-queries.css';
@import './0-settings/_fluid-typography.css';

/* ========== 1. BASE - Fundação ========== */
@import './1-base/_variables.css';
@import './1-base/_reset.css';
@import './1-base/_typography.css';
@import './1-base/_accessibility.css';

/* ========== 2. LAYOUT - Estrutura ========== */
@import './2-layout/_container.css';
@import './2-layout/_grid-system.css';
@import './2-layout/_sidebar.css';
@import './2-layout/_main-content.css';
@import './2-layout/_navigation.css';

/* ========== 3. COMPONENTS - Componentes Reutilizáveis ========== */
@import './3-components/_alerts.css';
@import './3-components/_buttons.css';
@import './3-components/_cards.css';
@import './3-components/_tables.css';
@import './3-components/_forms.css';
@import './3-components/_modals.css';
@import './3-components/_badges.css';
@import './3-components/_pagination.css';

/* ========== 4. PAGES - Estilos Específicos de Páginas ========== */
/* NOTA: Páginas carregam seus próprios CSS específicos sob demanda
   Não importar aqui para evitar carregar CSS desnecessário */

/* ========== 5. UTILITIES - Utilitários e Responsividade ========== */
@import './5-utilities/_helpers.css';
@import './5-utilities/_visibility.css';
@import './5-utilities/_responsive.css';
@import './5-utilities/_print.css';

/* Numeric columns and negative value utility */
.numeric {
    text-align: right;
    white-space: nowrap;
}
/* Forçar cor vermelha para valores negativos em contexto de tabelas e cards */
.valor-negativo,
td.valor-negativo,
.vendas-table td.valor-negativo,
.venda-mini-valor.valor-negativo,
.venda-info-item .valor.valor-negativo,
.venda-card .valor-negativo {
    color: #dc2626 !important;
    font-weight: 700;
    white-space: nowrap;
}

/* =====================================================
   FIM DO ARQUIVO PRINCIPAL
   
   Arquitetura 100% responsiva implementada:
   ✓ Mobile First para componentes
   ✓ Desktop First para layouts complexos
   ✓ Container Queries para componentes independentes
   ✓ Breakpoints: 480px → 640px → 768px → 1024px → 1280px → 1440px → 1920px → 2560px+
   ✓ Acessibilidade WCAG 2.1 AA
   ✓ Touch targets 44x44px mínimo
   ✓ Reduced motion support
   ✓ High contrast mode support
   ===================================================== */