/* Soignants (js/carers.js) : pastille de nom cliquable, en-tête de fiche, actions rapides, lieux
   d'exercice, recherche avec « autour de moi ». Classes décrites au fil Refonte, qui pourra les reprendre
   dans style.css. */
button.carer-link {
  display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; max-width: 100%;
  padding: 1px 9px 1px 2px; border-radius: 99px; border: 1px solid transparent;
  background: var(--accent-soft); color: var(--accent-ink);
  font: inherit; font-size: .92em; font-weight: 600; line-height: 1.5; cursor: pointer; white-space: nowrap;
}
button.carer-link .ini {
  width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--accent); color: var(--on-accent);
  display: inline-grid; place-items: center; font-size: .62em; font-weight: 700; flex: none;
}
button.carer-link .nm { overflow: hidden; text-overflow: ellipsis; }
button.carer-link:hover { border-color: var(--accent); }
button.carer-link.unknown { background: var(--surface-2); color: var(--fg); }
button.carer-link.unknown .ini { background: var(--muted); color: var(--surface); }
.summary button.carer-link { background: var(--surface); }

.carer-head { display: flex; gap: 14px; align-items: center; }
.carer-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.photo-wrap { position: relative; cursor: pointer; flex: none; }
.avatar.avatar-lg { width: 64px; height: 64px; font-size: 1.2rem; overflow: hidden; }
.avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.photo-edit {
  position: absolute; right: -4px; bottom: -4px; width: 24px; height: 24px; border-radius: 50%;
  border: 2px solid var(--surface); background: var(--accent); color: var(--on-accent);
  display: grid; place-items: center; font-size: .7rem;
}

.quick-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.quick-actions > * { justify-content: center; text-align: center; text-decoration: none; }
.quick-actions [aria-disabled="true"] { opacity: .45; pointer-events: none; }

.place { display: flex; flex-direction: column; gap: 6px; padding: 10px 0; border-top: 1px solid var(--line); }
.card-head + .place { border-top: 0; padding-top: 0; }
.place-head { display: flex; align-items: center; gap: 8px; justify-content: space-between; }

.search-row { display: flex; gap: 6px; align-items: center; }
.search-row input { flex: 1; min-width: 0; }
.btn-icon-round {
  width: 40px; height: 40px; border-radius: 50%; flex: none; display: grid; place-items: center;
  border: 1px solid var(--line); background: var(--surface); color: var(--fg); cursor: pointer;
}
.btn-icon-round svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.btn-icon-round svg circle:nth-child(2) { fill: currentColor; }
.btn-icon-round.on { background: var(--accent); color: var(--on-accent); border-color: transparent; }
.zone { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border-radius: var(--radius-sm, 10px); background: var(--surface-2); }

/* Liens présentés comme des boutons (tel:, mailto:, itinéraire). */
a.btn-chip { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: inherit; }