/*
 * CPX AI Platform — Tokens de couleur partages (audit produit 24/07/2026,
 * correction P2 : "aucune feuille de style partagee pour le produit lui-meme"
 * — 17 pages public/*.html declaraient chacune leur propre bloc :root
 * independant. Les valeurs etaient deja identiques partout (aucune derive
 * constatee a l'audit), mais un correctif comme celui du 22/07/2026
 * (--cpx-green, contraste WCAG) devait alors etre repete manuellement dans
 * les 17 fichiers — desormais un seul fichier a corriger.
 *
 * Chargee via <link rel="stylesheet" href="/portal/css/cpx-tokens.css">
 * (meme mount StaticFiles que /portal/js/cpx-nav.js), avant le <style>
 * inline propre a chaque page — une page peut toujours surcharger une
 * variable localement si un jour necessaire, mais aucune ne le fait
 * aujourd'hui. --cpx-red/--cpx-amber (utilisees par admin-dashboard.html
 * et quote-view.html uniquement) sont incluses ici aussi : inoffensif sur
 * les pages qui ne les referencent pas.
 */
:root {
  --cpx-blue: #1a3a5c;
  --cpx-green: #1d7a5c;
  --cpx-red: #b91c1c;
  --cpx-amber: #b45309;
  --bg: #f4f6f8;
}

/*
 * Identite visuelle CPX (audit dogfooding/branding du 24/07/2026, Chantier 3) :
 * logo reel (assets/logos/LOGO-CPX.jpg, icone recadree/detouree cote build
 * en public/img/cpx-icon.png et public/img/cpx-logo.png) — jamais un
 * element fabrique. .header-logo fonctionne aussi bien dans un <header>
 * flex (client-portal.html, client-crm.html) que dans un <header> simple
 * (les 15 autres pages) grace a vertical-align, sans dependre du mode
 * d'affichage du parent.
 */
.header-logo { height: 36px; width: auto; vertical-align: middle; margin-right: 12px; }
.login-logo { display: block; height: 56px; width: auto; margin: 0 auto 20px; }
/* Regroupe icone+titre en un seul bloc flex dans les headers qui ont deja
   un second element (bouton d'action) reparti via justify-content:
   space-between (client-portal.html, client-crm.html) — sans ce
   regroupement, le logo se retrouverait pousse loin du titre. */
.header-brand { display: flex; align-items: center; }