/* Marqueur de disponibilité — composant unique de l'application (#2648).
   Retour Tatianna 06/08 : une seule écriture de la disponibilité partout, celle
   écrite en vert. Ces règles vivaient en double dans recruiter_talent_search.css
   et recruiter_expert_search.css (donc absentes des pages qui ne chargent ni
   l'une ni l'autre, d'où les variantes) ; elles sont désormais chargées par les
   layouts recruiter / talent / expert. Partial : shared/_availability. */

.ts-avail { display: inline-flex; align-items: center; gap: 5px; font-family: 'Geist', system-ui, sans-serif; font-weight: 600; line-height: 1; white-space: nowrap; }
.ts-avail--sm { font-size: 11px; }
.ts-avail--md { font-size: 12.5px; }
.ts-avail__dot, .ts-avail .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.ts-avail--md .ts-avail__dot, .ts-avail--md .dot { width: 7px; height: 7px; }
.ts-avail--now { color: var(--green); }
.ts-avail--soon { color: var(--amber); }
.ts-avail--later { color: #B4442F; }
.ts-avail--unknown { color: #8A857A; }