/* ═══════════════════════════════════════════════════════════
   SOMA — LE @ (LOT T3) — mockup écran 5 (taches-refonte-V1).
   La liste réutilise .nr-search-results/.nr-search-result (note
   rapide, chargées globalement) ; ici : le POSITIONNEMENT du
   popover, l'en-tête, le pied, l'avatar, le rôle, la PASTILLE.
   ═══════════════════════════════════════════════════════════ */

.soma-at-pop {
  position: fixed; z-index: 10060; width: 244px;
  background: var(--card, #fff); border: 1px solid var(--border, rgba(200, 220, 200, 0.6));
  border-radius: 14px; box-shadow: 0 8px 28px rgba(13, 27, 15, 0.12); padding: 4px;
}
.soma-at-pop .nr-search-results { border: 0; border-radius: 10px; max-height: 240px; }
.soma-at-pop .nr-search-result.on { background: rgba(47, 191, 122, 0.1); }
.soma-at-sec {
  font-size: 9px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted); padding: 6px 12px 4px;
}
.soma-at-pied {
  font-size: 10px; color: var(--muted); padding: 5px 12px 4px;
  border-top: 1px solid var(--border, rgba(200, 220, 200, 0.6));
}
.soma-at-vide { font-size: 12px; color: var(--muted); padding: 8px 12px; }
.soma-at-av {
  width: 17px; height: 17px; border-radius: 50%; background: var(--green); color: #fff;
  font-size: 8px; font-weight: 900; display: inline-flex; align-items: center;
  justify-content: center; flex: none;
}
.soma-at-role { font-size: 10px; color: var(--muted); flex: none; }

/* La pastille — le nom est SORTI du texte (décision 4) */
.soma-at-chip {
  display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid rgba(47, 191, 122, 0.3); background: rgba(47, 191, 122, 0.1);
  color: var(--green-dark); border-radius: 100px; padding: 2px 6px 2px 3px;
  font-size: 11.5px; font-weight: 700; white-space: nowrap;
}
.soma-at-chip .x {
  border: 0; background: none; padding: 0 1px; cursor: pointer; color: var(--muted);
  display: inline-flex; align-items: center;
}
.soma-at-chip .x:hover { color: var(--red); }

/* Le champ de création qui porte la pastille (Tâches + fiche affaire —
   global ici : la fiche affaire ne charge pas taches.css). */
.tk-add-champ {
  display: flex; align-items: center; gap: 6px;
  border: 1px solid var(--border, rgba(200, 220, 200, 0.6)); border-radius: 14px;
  padding: 0 4px 0 6px; background: var(--card, #fff);
}
.tk-add-champ input { border: 0 !important; flex: 1; min-width: 0; padding-left: 5px !important; }
.tk-add-champ input:focus { outline: none; }
#tk-add-chip:empty, #af-add-chip:empty { display: none; }