/* 04 — Composants partagés additionnels (charte 21bis couche 4)
   Les cartes / barres restent dans shell.css le temps de la migration F10. */

.revenus-grille {
  display: grid;
  gap: var(--esp-4);
  padding-block: var(--esp-4);
}

.carte-indicateur {
  background: var(--surface);
  border: 1px solid var(--bordure);
  border-radius: var(--rayon-carte);
  padding: var(--esp-4);
}

.carte-indicateur__titre {
  margin: 0 0 var(--esp-2);
  font-size: var(--t-titre-3);
  line-height: var(--i-titre-3);
  font-weight: var(--g-semi);
}

.carte-indicateur__montant {
  margin: 0;
  font-family: var(--police-donnees);
  font-variant-numeric: tabular-nums;
  font-size: var(--t-montant, var(--t-titre-2));
  font-weight: var(--g-forte);
}

.carte-indicateur__meta {
  margin: var(--esp-2) 0 0;
  color: var(--texte-secondaire);
  font-size: var(--t-petit);
}

.carte-indicateur__indication {
  margin: var(--esp-3) 0 0;
  font-size: var(--t-petit);
  color: var(--texte-secondaire);
}

.liste-delais,
.liste-competences {
  list-style: none;
  margin: var(--esp-2) 0 0;
  padding: 0;
  display: grid;
  gap: var(--esp-3);
}

.liste-delais li,
.liste-competences li {
  display: grid;
  gap: var(--esp-1);
  padding-block: var(--esp-2);
  border-bottom: 1px solid var(--bordure);
}

.liste-delais .heure {
  font-family: var(--police-donnees);
  font-weight: var(--g-semi);
}

/* Corrections de timbrage (shared UI Extra + employeur) */
.corrections-timbrage {
  margin-top: var(--esp-4);
  padding-top: var(--esp-3);
  border-top: 1px solid var(--bordure);
}
.corrections-timbrage__titre {
  font-size: 1.05rem;
  margin: 0 0 var(--esp-2);
}
.corrections-timbrage__liste,
.corrections-timbrage__file {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--esp-3);
}
.corrections-timbrage__item,
.corrections-timbrage__file > li {
  padding: var(--esp-2);
  border: 1px solid var(--bordure);
  border-radius: var(--rayon-controle);
}
.corrections-timbrage__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--esp-2);
  margin-top: var(--esp-2);
}
.corrections-timbrage__form {
  display: flex;
  flex-direction: column;
  gap: var(--esp-2);
  margin-top: var(--esp-2);
}
.corrections-timbrage-file {
  margin: var(--esp-4) 0;
}

/* Fiche de salaire — EASYEXTRA-PARCOURS-HEURES-PAIE-001 (#7). */
.fiche-salaire {
  padding: var(--esp-4);
  display: flex;
  flex-direction: column;
  gap: var(--esp-4);
}
.fiche-salaire__bandeau {
  margin: 0;
  padding: var(--esp-2) var(--esp-3);
  border: 1px solid var(--etat-attente-texte, var(--bordure));
  border-radius: var(--rayon-controle);
  background: var(--etat-attente-fond);
  color: var(--etat-attente-texte);
  font-size: var(--t-petit);
  font-weight: var(--g-semi);
}
.fiche-salaire__entete {
  display: flex;
  flex-direction: column;
  gap: var(--esp-1);
  padding-bottom: var(--esp-3);
  border-bottom: 1px solid var(--bordure);
}
.fiche-salaire__entete-ligne {
  margin: 0;
  font-size: var(--t-petit);
  color: var(--texte-secondaire);
}
.fiche-salaire__entete-label {
  display: inline-block;
  min-width: 7em;
  font-weight: var(--g-semi);
  color: var(--texte-principal);
}
.fiche-salaire__section-titre {
  margin: 0 0 var(--esp-2);
  font-size: var(--t-titre-3);
  font-weight: var(--g-semi);
}
.fiche-salaire__table {
  width: 100%;
  border-collapse: collapse;
}
.fiche-salaire__table td {
  padding: var(--esp-1) 0;
  border-bottom: 1px solid var(--bordure);
}
.fiche-salaire__designation {
  color: var(--texte-principal);
}
.fiche-salaire__montant {
  text-align: right;
  white-space: nowrap;
}
.fiche-salaire__section--deductions .fiche-salaire__montant {
  color: var(--alerte, var(--texte-secondaire));
}
.fiche-salaire__total-brut {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  padding-block: var(--esp-2);
  border-top: 1px solid var(--bordure);
  border-bottom: 1px solid var(--bordure);
  font-weight: var(--g-semi);
}
.fiche-salaire__net {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--esp-1);
  padding-top: var(--esp-2);
}