/* ── ARCHIVES ── */
.arch-chip {
  padding: 5px 14px; border-radius: 20px; font-size: 12px; font-weight: 600;
  border: 1.5px solid var(--border); background: var(--card-bg); color: var(--text-2);
  cursor: pointer; transition: all .15s; font-family: inherit;
}
.arch-chip.active { border-color: var(--red); background: var(--red-light); color: var(--red); }
.arch-chip:hover:not(.active) { border-color: #ccc; }

.archives-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.archives-back { background: none; border: none; cursor: pointer; padding: 4px; color: #888; display: flex; align-items: center; }
.archives-back:hover { color: var(--dark); }
.archives-title { font-size: 14pt; font-weight: 700; }
.archive-list { display: flex; flex-direction: column; gap: 8px; max-height: 60vh; overflow-y: auto; }
.archive-card {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 14px; border-radius: 8px; border: 1.5px solid #e8e8e8;
  cursor: pointer; transition: border-color .15s, background .15s; background: white;
}
.archive-card:hover { border-color: var(--red); background: #fff8f7; }
.archive-ref { font-size: 10.5pt; font-weight: 700; font-family: monospace; color: var(--dark); }
.archive-meta { font-size: 9pt; color: #999; margin-top: 2px; }
.archive-arrow { color: #ccc; flex-shrink: 0; }
.archive-empty { text-align: center; color: #aaa; font-size: 10.5pt; padding: 32px 0; }
.arch-tabs { display: flex; gap: 0; border-bottom: 1.5px solid #f0f0f0; margin-bottom: 14px; }
.arch-tab { background: none; border: none; border-bottom: 2.5px solid transparent; margin-bottom: -1.5px; padding: 6px 14px 8px; font-size: 10.5pt; font-weight: 500; color: #aaa; cursor: pointer; transition: color .15s, border-color .15s; }
.arch-tab.active { color: var(--red); border-bottom-color: var(--red); font-weight: 700; }
.fiche-archive-card { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-radius:8px; border:1.5px solid #e8e8e8; background:white; gap:10px; }
.fiche-archive-card:hover { border-color: var(--red); background: #fff8f7; }
.fiche-arc-actions { display:flex; gap:6px; flex-shrink:0; }