/* ==========================================================================
   Provisions et engagements — Pages/Paie/ProvisionsPaie.razor (lot P3,
   « Provisions et engagements.dc.html »). Une carte par nature : son objet,
   ses quatre montants (ouverture, dotation, reprise, clôture — jamais nets),
   ses bases nommées et sa méthode ; puis l'écriture du mois. Couleurs : jetons
   seulement.
   ========================================================================== */
.appgrid .prv-arret { margin-bottom: 14px; }
.appgrid .prv-natures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; margin-bottom: 14px; }
.appgrid .prv-nature { margin: 0; }
.appgrid .prv-objet { margin: 0; padding: 10px 16px 0; font-size: 13px; color: var(--et-ink); line-height: 1.5; }
.appgrid .prv-chiffres { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 12px 16px 0; border: 1px solid var(--et-hairline); }
.appgrid .prv-mouvement { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-right: 1px solid var(--et-hairline); min-width: 0; }
.appgrid .prv-mouvement:last-child { border-right: 0; }
.appgrid .prv-mouvement__libelle { font-size: 12px; color: var(--et-muted); }
.appgrid .prv-mouvement__valeur { font-family: var(--et-font-mono); font-size: 13px; color: var(--et-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.appgrid .prv-mouvement.est-fort { background: var(--et-surface-2); }
.appgrid .prv-mouvement.est-fort .prv-mouvement__valeur { font-weight: 700; }
.appgrid .prv-bases { margin: 10px 16px 0; padding: 0; }
.appgrid .prv-base { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border-bottom: 1px solid var(--et-hairline); font-size: 13px; }
.appgrid .prv-base dt { font-weight: 400; color: var(--et-muted); }
.appgrid .prv-base dd { margin: 0; color: var(--et-ink); text-align: right; font-variant-numeric: tabular-nums; }
.appgrid .prv-avert { margin: 8px 16px 0; font-size: 12px; color: var(--et-avertissement-ink); }
.appgrid .prv-methode { margin-top: 10px; padding: 10px 16px 14px; font-size: 12px; line-height: 1.5; color: var(--et-muted); border-top: 1px solid var(--et-hairline); }
.appgrid .prv-litiges { margin-bottom: 14px; }
.appgrid .prv-table-cadre { overflow-x: auto; }
.appgrid .prv-compte { font-family: var(--et-font-mono); font-size: 12px; white-space: nowrap; }

@media (max-width: 1100px) {
  .appgrid .prv-natures { grid-template-columns: minmax(0, 1fr); }
}
/* Sous 720 px, les quatre montants passent à deux par ligne, et l'écriture en cartes : chaque
   montant garde son libellé (data-lib), aucune colonne n'est retirée. */
@media (max-width: 720px) {
  .appgrid .prv-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .appgrid .prv-mouvement:nth-child(2) { border-right: 0; }
  .appgrid .prv-mouvement:nth-child(-n+2) { border-bottom: 1px solid var(--et-hairline); }
  .appgrid .prv-table-cadre { overflow-x: visible; }
  .appgrid .prv-table, .appgrid .prv-table tbody { display: block; width: 100%; }
  .appgrid .prv-table thead { display: none; }
  .appgrid .prv-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; padding: 10px 12px; border-top: 1px solid var(--et-hairline); }
  .appgrid .prv-table td { display: block; padding: 0 !important; border: 0; text-align: left !important; }
  .appgrid .prv-table td[colspan], .appgrid .prv-table td:nth-child(2) { grid-column: 1 / -1; }
  .appgrid .prv-table td[data-lib]::before {
    content: attr(data-lib); display: block;
    font-family: var(--et-font); font-size: 12px; font-weight: 600;
    text-transform: uppercase; letter-spacing: .04em; color: var(--et-muted);
  }
}