/* Lot 4 — enregistrement, dépôts en attente, appareils. Variables CSS
   seulement (06-marque-blanche.md) : les deux thèmes suivent la marque. */
.message-attention { border-left-color: var(--attention); }
.depots-en-attente { display: grid; gap: 0.5rem; margin-bottom: 1rem; }
.depots-en-attente ul { margin: 0.5rem 0; padding-left: 1.25rem; }
.depots-en-attente .message { margin: 0; }
.enregistrer { border-top: 1px solid var(--secondaire); padding-top: 0.5rem; }
.enregistreur { display: grid; gap: 0.5rem; }
.chrono { font-size: 2rem; font-variant-numeric: tabular-nums; font-weight: 600; margin: 0; }
.enregistreur audio { width: 100%; }
.liste-partage { list-style: none; padding: 0; }
.liste-partage .carte { display: grid; gap: 0.5rem; overflow-wrap: anywhere; }
.code-personnel { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.code-personnel input {
  flex: 1 1 16rem; min-width: 0; font: inherit; font-family: ui-monospace, Menlo, Consolas, monospace;
  padding: 0.5rem; border: 1px solid var(--texte); border-radius: 0.4rem; background: var(--fond-page); color: var(--texte);
}
.carte-code { border-color: var(--accent); }
.appareil code { overflow-wrap: anywhere; }