/* Présence : « en ligne » et « dernière connexion » */
.presence-dot { display: inline-block; width: 9px; height: 9px; margin-left: .4rem; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px rgba(34, 197, 94, .25); vertical-align: middle; }
.presence-line { margin: .25rem 0 0; font-size: .85rem; color: var(--color-secondary, #a1a1aa); display: flex; align-items: center; gap: .4rem; }
.presence-line.on { color: #22c55e; }
.presence-line.on::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .22); }