/* ╔══════════════════════════════════════════════════════════════╗
   ║              FIXCRED — main.css (entry point)             ║
   ║                                                                ║
   ║  Importa os módulos CSS na ORDEM da cascata.                  ║
   ║  A ordem é crítica: tokens primeiro, overrides por último.    ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* 1. Design tokens + light theme  (variáveis :root, temas) */
@import url('./tokens.css');

/* 2. Reset global + app shell  (layout, sidebar, main, header) */
@import url('./base.css');

/* 3. Core + print + feature components  (forms, btns, tables, recibo) */
@import url('./components.css');

/* 3b. Conexão e gravação  ("Gravando…", tela "Conexão perdida" — também no celular) */
@import url('./conexao.css');

/* 4. Topbar  (menu usuário, notificações) */
@import url('./topbar.css');

/* 4b. Cobrança  (tela, modal "Ver" e modal "Links Gerados") */
@import url('./cobranca.css');

/* 4c. Fechamento e Caixa Seguro  (modal "Fechar Mês" por modo, aba Caixa Seguro) */
@import url('./fechamento.css');

/* 4d. Telas  (estilos que antes ficavam soltos no HTML/JS de cada tela) */
@import url('./sessao.css');
@import url('./dashboard.css');
@import url('./clientes.css');
@import url('./emprestimos.css');
@import url('./inadimplentes.css');
@import url('./juros.css');
@import url('./capital.css');
@import url('./indicadores.css');
@import url('./relatorio.css');
@import url('./configuracoes.css');

/* 5. Componentes por tipo (mesma posição/ordem do antigo refatoradas.css) */
@import url('./setup.css');
@import url('./modais.css');
@import url('./menus.css');
@import url('./cards.css');
@import url('./formularios.css');
@import url('./botoes.css');
@import url('./layout.css');

/* 6. Utilities + state/component overrides  (DEVE vir por último) */
@import url('./utilities.css');