/* ============================================================
   PRESENCE (presence.js, sql/048): who has the CRM open right
   now, for an admin. Green: seen by the server in the last
   150 s; grey: not. Three places: the team list in Paramètres,
   the Commercial column of Leads (and the phone cards), and the
   Équipe tab of Kiwi's bell. Same greens and greys as the
   availability dot of the team list.
   ============================================================ */
.presence-dot {
    display: inline-block;
    flex: 0 0 auto;
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #9ca3af;
    vertical-align: 1px;
}
.presence-dot.is-on { background: #22c55e; }

/* Paramètres > Équipe: a line of its own under the address, so it never
   reads as part of "Disponible" (the agent's switch for new leads). */
.presence-line {
    display: flex; align-items: center; gap: 5px;
    min-width: 0;
    font-size: 13px; line-height: 1.45;
    color: var(--text-muted);
}
.presence-line .presence-dot { width: 6px; height: 6px; }
.presence-line .presence-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Leads: inside the salesperson's name, before it. The name's box keeps
   its width and clips as before. On a phone card the row is tight: the dot
   takes the name's own left margin (the row's gap still sets it apart), so
   the lead's name keeps most of its room. */
.owner-name > .presence-dot { margin-right: 5px; }
.m-lead-name-row .owner-name:has(> .presence-dot) { margin-left: 0; }

/* Kiwi's Équipe tab: before the person's name. */
.kiwi-entry-who > .presence-dot { margin-right: 5px; }