/*  ecran-export-normalise.css — ETA-06.

    LES DEUX PRÉFIXES DE LA MAQUETTE SONT PRIS, TOUS LES DEUX.
    ETA-06 emploie `.xp-` et `.fx-`. `.xp-` est le gabarit de fenêtre partagé
    (easycompta-modal.css : .xp-modal, .xp-tete-titre, .xp-voile…), cité par la
    charte elle-même et lu par une dizaine d'écrans ; `.fx-` est le modèle de
    fiche historique (fiche.css, 99 règles, ~40 écrans). D'où `.xn-`, pour
    « export normalisé ». Deux déviations sur un seul écran, et aucune des deux
    n'aurait produit la moindre erreur de compilation.

    La grille de filtres `.xn-filtres` est déclarée dans ecran-grand-livre.css
    avec celles des deux autres états : trois écrans la partagent. */

/* 1 · Ce que le fichier déclare : des paires clé/valeur, alignées sur la
      valeur, parce qu'on les compare entre elles et non à leur libellé. */
.xn-declaration {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 16px;
    font-size: var(--et-fs-cell);
}

.xn-declaration .c { color: var(--et-muted); }

.xn-declaration .v {
    font-family: var(--et-font-mono);
    font-weight: 600;
    text-align: right;
}

/* 2 · Un contrôle avant téléchargement. Le filet gauche porte l'état ; le fond
      reste neutre, parce qu'il y en a plusieurs à la suite. */
.xn-controle {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 8px 10px;
    margin-bottom: 6px;
    background: var(--et-surface-2);
    border-left: 3px solid var(--et-hairline);
    font-size: var(--et-fs-cell);
}

.xn-controle:last-child { margin-bottom: 0; }

.xn-controle.est-ok { border-left-color: var(--et-succes-ink); }
.xn-controle.est-ok > i { color: var(--et-succes-ink); }

.xn-controle.est-defaut { border-left-color: var(--et-avertissement-ink); }
.xn-controle.est-defaut > i { color: var(--et-avertissement-ink); }

.xn-controle .t { font-weight: 600; }

.xn-controle .d {
    font-size: 12px;
    color: var(--et-muted);
    margin-top: 2px;
}