/* ============================================================================ OKU ESCOLA — APP.CSS Design System corporativo para o painel de gestão (CodeIgniter 4 + Bootstrap 5) ---------------------------------------------------------------------------- Ficheiro único, organizado por secções numeradas. Mantém 100% de compatibilidade com as classes já existentes nas views — nada foi renomeado. Os componentes novos estão assinalados com "[NOVO]" no comentário da secção. Índice: 01. Fontes 02. Design Tokens (cores, tipografia, espaçamento, sombras, z-index) 03. Reset & Base 04. Tipografia 05. Layout Geral 06. Sidebar (+ modo ícone recolhido) 07. Topbar / Navbar 08. Dropdowns da Topbar (pesquisa, notificações, utilizador) 09. Footer 10. Page Header 11. Botões 12. Formulários (inputs, select, textarea, checkbox, radio, switch, upload) 13. Cards & Widgets 14. Dashboard (KPIs, grid, chart container) 15. Tabelas 16. DataTables (override) 17. Paginação [NOVO — genérica, fora do DataTables] 18. Badges, Chips & Avatares 19. Alertas & Toasts 20. Modal & Offcanvas 21. Dropdown genérico (menus fora da topbar) 22. Tabs & Accordion 23. Timeline [NOVO] 24. Stepper / Wizard [NOVO] 25. Tooltip & Popover (Bootstrap) 26. Loading, Skeleton & Progress 27. Calendário (FullCalendar — hooks visuais) 28. Breadcrumb 29. Search Box & Filtros 30. Empty / Error / Success State 31. Utilities 32. Responsive 33. Print ========================================================================= */ /* ============================================================================ 01. FONTES ========================================================================= */ @import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap"); /* ============================================================================ 02. DESIGN TOKENS Todas as variáveis abaixo podem ser sobrescritas em runtime pelo helper PHP (buildThemeCss / load_theme_css) através de um