/* ==========================================================================
   PASTILLES (charte v1.2 / L-014) — uppercase JetBrains Mono 10px,
   letterspacing 0.1em, bordure 1px couleur data, fond teinté ≤ 8 %.
   États S-003 : SOUS L'HABITUDE · DANS LA NORME · SPIKE · SPIKE MAJEUR
   + états métier (blessure, compétition, repos, à renseigner…).
   ========================================================================== */

.pills { display: flex; gap: 6px; margin-bottom: 1.125rem; flex-wrap: wrap; }
.pill, .team-ind, .rpe-badge, .ev-tag, .med-consent, .hist-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 9px; border-radius: var(--radius);
  font-family: var(--font-data); font-size: 10px; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.1em;
  border: 1px solid var(--granite); background: var(--carte); color: var(--ink-2);
}
.pill { padding: 4px 10px; }

/* variantes data */
.pg, .p-norme { background: var(--tint-ok); color: var(--data-ok-text); border-color: var(--data-ok); }
.pa, .p-sous, .p-spike { background: var(--tint-warn); color: var(--data-warn-text); border-color: var(--data-warn); }
.pr, .p-majeur { background: var(--tint-alert); color: var(--data-alert-text); border-color: var(--data-alert); }
.pn { background: var(--carte); color: var(--ink-2); border-color: var(--granite); }
.pg-empty { background: var(--craie); color: var(--granite-fonce); border-style: dashed; border-color: var(--granite); }

.pdot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.pdg { background: var(--data-ok); } .pda { background: var(--data-warn); }
.pdr { background: var(--data-alert); } .pdn { background: var(--granite-fonce); }
.pde { background: var(--granite); }

/* Badge RPE (S-002) : « à renseigner » = warn discret cliquable */
.rpe-badge { padding: 1px 6px; margin-left: 5px; font-size: 9px; }
.rpe-ok { background: var(--tint-ok); color: var(--data-ok-text); border-color: var(--data-ok); }
.rpe-miss { background: var(--tint-warn); color: var(--data-warn-text); border-color: var(--data-warn); cursor: pointer; }
.rpe-miss:hover { border-color: var(--data-warn-text); }

/* Événements */
.ev-list { display: flex; flex-wrap: wrap; gap: 7px; }
.ev-tag { cursor: pointer; padding: 4px 10px; }
.ev-tag:hover { border-color: var(--graphite); }
.ev-race { background: var(--tint-glacier); color: var(--ink-2); border-color: var(--glacier); }
.ev-injury { background: var(--tint-alert); color: var(--data-alert-text); border-color: var(--data-alert); }
.ev-block { background: var(--tint-warn); color: var(--data-warn-text); border-color: var(--data-warn); }
.ev-note { background: var(--craie); color: var(--ink-2); border-color: var(--granite); }

/* Consentement médical */
.med-consent { white-space: nowrap; }
.med-consent-ok { background: var(--tint-ok); color: var(--data-ok-text); border-color: var(--data-ok); }
.med-consent-wait { background: var(--tint-warn); color: var(--data-warn-text); border-color: var(--data-warn); }
.med-consent-no { background: var(--tint-alert); color: var(--data-alert-text); border-color: var(--data-alert); }

.hist-badge { background: var(--tint-warn); color: var(--data-warn-text); border-color: var(--data-warn); }