/* 13-footer-misc-darkmode.css — lignes 763-831 de l'ancien style.css unique, contenu inchangé */

/* ===========================
   FOOTER
=========================== */

.footer{

margin-top:60px;

padding:var(--space-8);

text-align:center;

color:var(--text-light);

font-size:14px;

}
#revenuChart{

margin-top:var(--space-6);

max-height:380px;

}
#rechercheHistorique{

width:100%;

padding:var(--space-4);

margin-bottom:var(--space-5);

border-radius:var(--radius-md);

border:1px solid #ddd;

font-size:15px;

}
/* V3, Cycle 7 : les couleurs du mode sombre vivent désormais dans les
   tokens (01-variables-reset.css). Ne restent ici que les composants qui
   ne passaient pas par les tokens et qu'il faut donc rattacher. */

body.dark{
    background:var(--background);
    color:var(--text);
}

body.dark .sidebar,
body.dark .panel,
body.dark .card,
body.dark .chat-container,
body.dark .topbar-actions button{
    background:var(--surface);
    color:var(--text);
    border-color:var(--border);
}

body.dark input,
body.dark textarea,
body.dark select{
    background:var(--surface-input);
    color:var(--text);
    border-color:var(--border);
}

/* Les tableaux et séparateurs traçaient des lignes claires en plein
   milieu d'un fond nuit. */
body.dark table,
body.dark th,
body.dark td,
body.dark hr{
    border-color:var(--border);
}

/* Le texte secondaire (aides, états vides, précisions sous les chiffres)
   est le premier à devenir illisible : il utilise --text-light, désormais
   correct, mais certains styles le figeaient. */
body.dark .empty-hint,
body.dark .hero-eyebrow,
body.dark .kpi-mini-card p,
body.dark .card p{
    color:var(--text-light);
}