/* Footer permanent RGPD — cf. cahier §16.4. Charge via
   .chainlit/config.toml [UI] custom_css = "/public/footer.css".

   Fragile : le sélecteur ``#chat-container`` dépend du build Chainlit
   2.11.x. À revalider sur tout bump majeur (Web Inspector ou DOM tree).
   Si le sélecteur change, fallback testé : ``[data-testid="chat"]``
   sur ``.MuiBox-root``. Documenté en S09 README "next step : footer
   via cl.Element side-pane". */
#chat-container::after {
    content: "Données via Pappers · Modèles Claude (Anthropic) · Messages traités en US (Anthropic) et FR (Pappers). Historique de session conservé localement (SQLite anonymisé), pas de partage tiers.";
    display: block;
    text-align: center;
    font-size: 0.75rem;
    color: var(--muted-foreground, #999);
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border, #2a2a2a);
    background: var(--background, transparent);
    flex-shrink: 0;
}

/* ─── S09.7 UI : anti-FOUC + thème dark immédiat ────────────────────
   Force le fond noir AVANT que React applique le thème, pour éviter
   le flash blanc au tout 1er pageload. Le custom JS owner-cookie.js
   pose en plus un splash screen overlay full-screen qui masque tous
   les re-renders Chainlit intermédiaires (auth → reauth → React
   mount → render initial → render final) pendant ~1200 ms. */
html, body {
    background-color: #0a0a0a !important;
}

/* Borne le logo splash s'il est rendu en plein écran. Chainlit utilise
   ``logo_dark.png`` à plusieurs endroits (header + parfois splash de
   chargement) — on cap à 200px de hauteur max pour qu'il ne s'étire
   pas en 100% du viewport au 1er load. */
img[src*="logo_dark"],
img[src*="logo_light"] {
    max-height: 200px !important;
    max-width: 200px !important;
    object-fit: contain;
}

/* ─── S09.7 UI : couleurs Genial (logo violet/bleu) ──────────────────
   Couleurs extraites du logo source (genial-logo.png) :
   - Violet primaire : #6040C0 → HSL 255 50% 50% (couleur #1 du logo)
   - Bleu accent    : #4080E0 → HSL 216 72% 56% (couleur #2 du logo)

   Chainlit 2.11 utilise Tailwind/shadcn avec les variables CSS HSL
   ``--primary`` / ``--primary-foreground`` (format HSL **sans wrapper
   ``hsl()``** : ``--primary: 340 92% 52%``). Le bouton d'envoi et tous
   les éléments primary (focus rings, accents) consomment ces variables
   via ``hsl(var(--primary))``. Override **en HSL** (pas en hex) pour
   propager partout. */

:root,
:root[data-theme="dark"],
:root[data-theme="light"] {
    --primary: 255 50% 50% !important;
    --primary-foreground: 0 0% 100% !important;
}

/* Belt-and-suspenders : override aussi les classes Tailwind utility
   bg-primary / text-primary qui pourraient être inlinées avec une
   couleur de fallback. */
.bg-primary,
[class*="bg-primary"] {
    background-color: hsl(255 50% 50%) !important;
}
.text-primary,
[class*="text-primary"]:not([class*="text-primary-foreground"]) {
    color: hsl(255 50% 50%) !important;
}
[class*="border-primary"] {
    border-color: hsl(255 50% 50%) !important;
}

/* Liens hypertexte (SIREN cliquables vers pappers.fr/entreprise/X,
   lien GitHub footer, etc.) — bleu #4080E0 plus lisible que le violet
   plein sur fond sombre Chainlit. ``a[href]`` global, exclusion des
   liens "internal" Chainlit (boutons d'action ou tabs sans href) ne
   les match pas naturellement vu qu'ils n'ont pas de href. */
a[href^="http"] {
    color: hsl(216 72% 56%) !important;
}
a[href^="http"]:hover {
    color: hsl(216 80% 65%) !important;
    text-decoration: underline;
}