/*  ecran-liasse.css — SYS-05, le cycle de dépôt de la liasse (db/1453).

    Préfixe `.lc-`, vérifié libre avant d'être posé. Une feuille pour un écran (§6.3) :
    la pastille d'état, elle, réutilise `.ce-pastille` d'etats-financiers.css — c'est
    déjà celle que cet écran affiche, et en créer une seconde du même rôle est ce que
    la règle « une classe utilisée par deux écrans remonte » existe pour éviter.

    Aucune couleur littérale : les états passent par RefCycleLiasse, qui rend des jetons. */

/* 1 · Le fil du dépôt. Une ligne par passage, du plus récent au plus ancien —
      « déposée le 12, rejetée le 19, redéposée le 22 » est ce qu'il faut montrer, et
      l'état courant ne le dit pas. Il défile dans sa bande : un exercice mouvementé
      porte huit passages, et ils ne doivent pas repousser le reste de l'écran. */
.lc-fil {
    max-height: 240px;
    overflow-y: auto;
    padding: 8px 10px;
    background: var(--et-surface-2);
    border: 1px solid var(--et-hairline);
}

.lc-fil > .t {
    display: block;
    margin-bottom: 4px;
    font-family: var(--et-font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--et-muted);
}

/* 2 · Un passage. L'icône tient sa colonne pour que les lignes s'alignent quelles que
      soient leurs mentions. */
.lc-etape {
    display: flex;
    gap: 8px;
    padding: 4px 0;
    font-size: var(--et-fs-cell);
    color: var(--et-ink);
    border-top: 1px solid var(--et-hairline);
}

.lc-etape:first-of-type { border-top: 0; }

.lc-etape > i {
    flex-shrink: 0;
    width: 16px;
    margin-top: 2px;
    color: var(--et-muted);
}

.lc-etape .x {
    font-size: 12px;
    color: var(--et-faint);
    line-height: 1.45;
}

/* 3 · Paliers. Échelle retenue de docs/conventions-responsive.md : sous 720 px le fil
      cesse d'être borné — la page défile déjà, et une bande défilante dans une page
      défilante piège le doigt. */
@media (max-width: 720px) {
    .lc-fil { max-height: none; overflow-y: visible; }
}

/* 4 · Les largeurs de colonnes et de champs. Elles vivaient EN DUR dans le Razor
      (style="width:120px" sur chaque <th>, width sur chaque champ du dépôt) ; une largeur
      dans une page est ce que docs/conventions-responsive.md interdit, et c'est ici qu'un
      palier peut les relâcher. Les td suivent leur th. Les min-width des quatre tables,
      eux, restent SUR la balise <table> : c'est eux que lit tools/paliers-responsive.ps1. */

/* La liste des liasses. */
.lc-col-exercice { width: 90px; }
.lc-col-type { width: 110px; }
.lc-col-nif { width: 120px; }
.lc-col-valeurs { width: 90px; }
.lc-col-statut { width: 120px; }

/* La synthèse par tableau : le compte de valeurs partage la colonne de la liste,
   la pastille d'état d'un tableau est plus courte que le statut d'une liasse. */
.lc-col-etat { width: 100px; }

/* La saisie d'un tableau fixe : la colonne du libellé de ligne ne se comprime pas
   sous les champs, et un champ est numérique ou texte — deux largeurs, jamais une
   largeur calculée dans la page. */
.lc-col-ligne { min-width: 240px; }
.lc-champ-num { width: 140px; }
.lc-champ-texte { width: 220px; }
.lc-col-rang { width: 50px; }

/* Les champs du dépôt et le fichier EDI à relire. */
.lc-champ-fichier { max-width: 340px; }
.lc-champ-date-depot { width: 150px; }
.lc-champ-ref-depot { width: 200px; }
.lc-champ-canal-depot { width: 150px; }