# CDA UI Kit 1.0

Feuille principale : `public/assets/css/cda-ui-kit.css`.

## Composants disponibles

- `.cda-hero` : en-tête de page forte.
- `.cda-actionbar` : actions principales.
- `.cda-btn`, `.cda-btn-primary`, `.cda-btn-secondary`.
- `.cda-kpi-grid`, `.cda-kpi` : indicateurs.
- `.cda-dashboard-grid`, `.cda-panel`, `.cda-panel-head`.
- `.cda-schedule` : planning synthétique.
- `.cda-quick-grid` : accès rapides.
- `.cda-people-list`, `.cda-avatar`.
- `.cda-capacity-list`, `.cda-progress`.
- `.cda-empty` : état vide.
- `.cda-settings-hub` : cartes du centre Paramètres.

## Règles

- Aucun style couleur en ligne, sauf largeur de progression calculée.
- Une page doit rester utilisable à 320 px.
- Les actions essentielles ont une hauteur tactile minimale de 42 px.
- Les tableaux complexes devront devenir des cartes sous 650 px dans les versions suivantes.
