/* Envoi d'une contribution (DA terracotta) : la fenêtre vient de pz.css */
.cs-recap { display: flex; flex-wrap: wrap; gap: 6px; }
.cs-tag--added { background: var(--pz-success-bg); color: var(--pz-success); border-color: transparent; }
.cs-tag--modified { background: var(--pz-a100); color: var(--pz-a700); border-color: transparent; }
.cs-tag--deleted { background: var(--pz-danger-bg); color: var(--pz-danger); border-color: transparent; }

.cs-changes { list-style: none; margin: 0; padding: 4px 0; display: grid; max-height: 200px; overflow-y: auto; border-block: 1px solid var(--pz-line-soft); scrollbar-width: thin; scrollbar-color: var(--pz-line) transparent; }
.cs-change { display: flex; align-items: center; gap: 10px; min-height: 36px; font: 400 14px/1.35 var(--pz-sans); color: var(--pz-ink); }
.cs-dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--pz-a500); }
.cs-dot--create { background: var(--pz-success); }
.cs-dot--delete { background: var(--pz-danger); }
.cs-change-action { flex: none; width: 96px; font: 500 12.5px var(--pz-sans); color: var(--pz-muted); }
.cs-change-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cs-form { display: grid; gap: 16px; }
.cs-optional { font-weight: 400; color: var(--pz-faint); margin-left: 4px; }
.cs-count { justify-self: end; font-variant-numeric: tabular-nums; }