/* Dépôts : page « Nouveau dépôt » (étapes, formulaire, envoi, colonne de rappel). */
.deposit-page { display: flex; flex-direction: column; gap: var(--space-4); }
.deposit-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); max-width: 960px; }
.deposit-steps li { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-md); border: 1px solid var(--border); background: var(--surface); color: var(--text-muted); font-size: 13px; line-height: 18px; }
.deposit-step-number { flex: none; width: 24px; height: 24px; border-radius: var(--radius-full); display: grid; place-items: center; font-weight: 600; font-size: 12px; background: var(--surface-sunken); color: var(--text-muted); }
.deposit-steps li[aria-current="step"] { border-color: var(--primary); color: var(--text); font-weight: 600; }
.deposit-steps li[aria-current="step"] .deposit-step-number { background: var(--primary); color: var(--on-primary); }
.deposit-steps li.is-done { color: var(--text); }
.deposit-steps li.is-done .deposit-step-number { background: var(--success-subtle); color: var(--success-text); }

.deposit-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--space-4); align-items: start; }
.deposit-form { max-width: 720px; }
.deposit-fields, .deposit-upload { display: flex; flex-direction: column; gap: var(--space-4); }
.deposit-dates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.deposit-uploaded { margin: 0; font-size: 13px; }
.deposit-page .eg-error { white-space: pre-line; }
.deposit-uploads { display: flex; flex-direction: column; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }

.deposit-upload-file { display: flex; flex-direction: column; gap: 6px; }
.deposit-upload-head { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.deposit-upload-state { margin-left: auto; font-size: 13px; font-variant-numeric: tabular-nums; }
.deposit-progress { width: 100%; height: 6px; border: 0; border-radius: var(--radius-full); background: var(--surface-sunken); overflow: hidden; appearance: none; }
.deposit-progress::-webkit-progress-bar { background: var(--surface-sunken); }
.deposit-progress::-webkit-progress-value { background: var(--primary); transition: width .15s; }
.deposit-progress::-moz-progress-bar { background: var(--primary); }

.deposit-reminder { position: sticky; top: var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); }
.deposit-reminder-list { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: var(--space-2); font-size: 13px; line-height: 20px; }
.deposit-reminder-kv { grid-template-columns: 1fr; }
.deposit-reminder-kv dd { margin-bottom: var(--space-2); }

@media (max-width: 960px) {
  .deposit-layout { grid-template-columns: minmax(0, 1fr); }
  .deposit-reminder { position: static; }
}
@media (max-width: 720px) { .deposit-dates { grid-template-columns: 1fr; } }

/* Profil : écran d'attente, choix de la ligne d'en-tête, notation. */
.deposit-waiting { display: flex; align-items: center; gap: var(--space-3); }
.deposit-header-form { display: flex; flex-direction: column; gap: var(--space-4); }
.deposit-header-chosen td { background: var(--primary-subtle, var(--surface-sunken)); }
.deposit-header-cell { font-family: var(--font-mono, monospace); font-size: 12px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deposit-notation { margin: 0; padding-left: 16px; font-size: 12px; }
@media (max-width: 720px) { .deposit-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Champs ajoutés au dictionnaire par un dépôt. */
.deposit-field-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); font-size: 14px; }

/* Suppression d'un dépôt erroné (admin) : au pied de la fiche, et ce que le dialogue énumère. */
.deposit-delete { display: flex; justify-content: flex-end; padding-top: var(--space-4); border-top: 1px solid var(--border); }
.deposit-delete-effects { margin: 0 0 var(--space-4); padding-left: var(--space-5); display: grid; gap: var(--space-2); color: var(--text); }