/* Container voor nette uitlijning */
.presence-item {
    display: flex;
    align-items: center;
    gap: 8px; /* Ruimte tussen het bolletje en de naam */
    padding: 6px 0;
	padding-left: 0px;
}

/* Het statusbolletje */
.status-indicator {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%; /* Maakt het element exact rond */
    flex-shrink: 0; /* Voorkomt dat het bolletje vervormt bij lange namen */
    background-color: #9ca3af; /* Standaard OFFLINE (grijs) */
    transition: background-color 1.0s ease; /* Zorgt voor een vloeiende kleurovergang */
}

/* Gebruikersnaam */
.status-user-name {
    font-size: 1.4rem;
    color: #8aa4af;
}