/*
 * Consultation du journal commune aux applications du CdC (gabarit gabarits/journal-cdc.php).
 * Fichier unique dans cdcapps/Commun, chargé par chaque module : ne dépend d'aucune autre feuille de style.
 * Thème sombre : attribut data-theme="dark" sur <html>, ou thème du système si l'attribut est absent
 * (data-theme="light" force le clair), comme le bandeau commun.
 */
.cdc-journal {
    --cdc-journal-fond: #fff;
    --cdc-journal-texte: #1f1f23;
    --cdc-journal-discret: #6b6b73;
    --cdc-journal-bord: #d9d9de;
    --cdc-journal-entete: #f2f2f4;
    --cdc-journal-survol: #f7f7f9;
    --cdc-journal-accent: #2f2f33;
    --cdc-journal-accent-texte: #fff;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    line-height: 1.45;
    color: var(--cdc-journal-texte);
    margin: 0 0 1.5rem;
}
:root[data-theme="dark"] .cdc-journal {
    --cdc-journal-fond: #1c1c1f;
    --cdc-journal-texte: #e9e9ec;
    --cdc-journal-discret: #a0a0a8;
    --cdc-journal-bord: #3a3a41;
    --cdc-journal-entete: #26262b;
    --cdc-journal-survol: #232327;
    --cdc-journal-accent: #e9e9ec;
    --cdc-journal-accent-texte: #1c1c1f;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .cdc-journal {
        --cdc-journal-fond: #1c1c1f;
        --cdc-journal-texte: #e9e9ec;
        --cdc-journal-discret: #a0a0a8;
        --cdc-journal-bord: #3a3a41;
        --cdc-journal-entete: #26262b;
        --cdc-journal-survol: #232327;
        --cdc-journal-accent: #e9e9ec;
        --cdc-journal-accent-texte: #1c1c1f;
    }
}
.cdc-journal *, .cdc-journal *::before, .cdc-journal *::after { box-sizing: border-box; }
.cdc-journal-entete {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.75rem;
}
.cdc-journal-entete h1 { margin: 0; font-size: 1.5rem; line-height: 1.25; color: inherit; }
.cdc-journal-source { font-weight: 400; color: var(--cdc-journal-discret); }
.cdc-journal-filtres {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.6rem 0.8rem;
    padding: 0.8rem 1rem;
    margin: 0 0 0.6rem;
    background: var(--cdc-journal-fond);
    border: 1px solid var(--cdc-journal-bord);
    border-radius: 8px;
}
.cdc-journal-champ { display: flex; flex-direction: column; gap: 0.2rem; margin: 0; min-width: 0; }
.cdc-journal-champ > span { font-size: 0.8rem; font-weight: 600; color: var(--cdc-journal-discret); }
.cdc-journal-champ input,
.cdc-journal-champ select {
    font: inherit;
    height: 2.1rem;
    padding: 0.2rem 0.5rem;
    margin: 0;
    color: var(--cdc-journal-texte);
    background: var(--cdc-journal-fond);
    border: 1px solid var(--cdc-journal-bord);
    border-radius: 6px;
    width: auto;
    max-width: 100%;
    color-scheme: light dark;
}
.cdc-journal-champ select:disabled { opacity: 0.6; }
.cdc-journal-recherche { flex: 1 1 12rem; }
.cdc-journal-recherche input { width: 100%; }
.cdc-journal-boutons { display: flex; gap: 0.5rem; align-items: center; }
.cdc-journal-bouton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.1rem;
    padding: 0 0.9rem;
    font: inherit;
    font-weight: 600;
    color: var(--cdc-journal-texte);
    background: var(--cdc-journal-fond);
    border: 1px solid var(--cdc-journal-bord);
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.cdc-journal-bouton:hover { background: var(--cdc-journal-survol); }
.cdc-journal-principal,
.cdc-journal-principal:hover {
    color: var(--cdc-journal-accent-texte);
    background: var(--cdc-journal-accent);
    border-color: var(--cdc-journal-accent);
}
.cdc-journal-total, .cdc-journal-note { margin: 0.4rem 0; font-size: 0.85rem; color: var(--cdc-journal-discret); }
.cdc-journal-defilant {
    overflow-x: auto;
    background: var(--cdc-journal-fond);
    border: 1px solid var(--cdc-journal-bord);
    border-radius: 8px;
}
.cdc-journal-table { width: 100%; border-collapse: collapse; margin: 0; background: transparent; }
.cdc-journal-table th,
.cdc-journal-table td {
    padding: 0.45rem 0.7rem;
    text-align: left;
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid var(--cdc-journal-bord);
    color: inherit;
}
.cdc-journal-table th {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cdc-journal-discret);
    background: var(--cdc-journal-entete);
    white-space: nowrap;
}
.cdc-journal-table tbody tr:last-child td { border-bottom: 0; }
.cdc-journal-table tbody tr:hover td { background: var(--cdc-journal-survol); }
.cdc-journal-table td[data-colonne="quand"] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.cdc-journal-table a { color: inherit; }
.cdc-journal-vide { padding: 1.5rem 0.7rem; text-align: center; color: var(--cdc-journal-discret); }
.cdc-journal-pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0.8rem 0 0;
    font-size: 0.9rem;
}
@media (max-width: 640px) {
    .cdc-journal-filtres { padding: 0.7rem; }
    .cdc-journal-champ { flex: 1 1 45%; }
    .cdc-journal-champ input, .cdc-journal-champ select { width: 100%; }
    .cdc-journal-boutons { flex: 1 1 100%; }
}