/**
 * Wspólna paleta statusów obecności (hub „Zespół” + SpaceChat sidebar).
 * Jedna paleta: kropka na liście i obręcz awatara.
 */
:root {
  --presence-available: #43b581;
  --presence-busy: #f04747;
  --presence-away: #faa61a;
  --presence-dnd: #6f42c1;
  --presence-vacation: #5865f2;
  --presence-offline: #6b7280;
}

.presence-dot {
  width: 0.55rem;
  height: 0.55rem;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--presence-offline);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14);
}

html.theme-dark .presence-dot {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.presence-dot--available {
  background: var(--presence-available);
}
.presence-dot--busy {
  background: var(--presence-busy);
}
.presence-dot--away {
  background: var(--presence-away);
}
.presence-dot--dnd {
  background: var(--presence-dnd);
}
.presence-dot--vacation {
  background: var(--presence-vacation);
}
.presence-dot--offline {
  background: var(--presence-offline);
}

/* Obręcze awatarów — te same barwy co .presence-dot */
.hub-roster-avatar.hub-av-ring-offline {
  box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.55);
}
.hub-roster-avatar.hub-av-ring-available {
  box-shadow: 0 0 0 3px var(--presence-available);
}
.hub-roster-avatar.hub-av-ring-busy {
  box-shadow: 0 0 0 3px var(--presence-busy);
}
.hub-roster-avatar.hub-av-ring-away {
  box-shadow: 0 0 0 3px var(--presence-away);
}
.hub-roster-avatar.hub-av-ring-dnd {
  box-shadow: 0 0 0 3px var(--presence-dnd);
}
.hub-roster-avatar.hub-av-ring-vacation {
  box-shadow: 0 0 0 3px var(--presence-vacation);
}